tono Studio

作品について

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

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

ボリューム

LP 1ページ

制作範囲

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

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

制作期間

10日

使用スキル

・HTML
・CSS（SCSS）
・JavaScript（jQuery）