Works

制作物

株式会社タブコード様
年賀サイト2023

(コーディング案件)

作品のモックアップ画像
PC PC版キャプチャ
SP SP版キャプチャ

作品について

XDのデザインカンプをもとにコーディングを行いました。
CSSはBEMの設計手法を取り入れています。

シンプルなLPですが、お客様とご相談の上、メインビジュアルはこだわっており、Three.jsを用いたWebGLのピクセル歪み効果を取り入れています。
Parcelの開発環境含め、この部分のみGitHub上で公開されているソースコードを使用して実装を行いました。

ボリューム

LP 1ページ

制作範囲

・コーディング
(レスポンシブ対応含む)

動作確認環境:
Chrome, Firefox, Edge,
Safari(Mac, iPhone), Android

制作期間

10日

使用スキル

・HTML
・CSS(SCSS)
・JavaScript(jQuery)