エネルギー関連サービスサイト

担当内容

制作会社経由のサービス紹介LPで、支給デザインカンプをもとにHTML・SCSS・JavaScriptによるコーディングとレスポンシブ対応を担当しました。イラストを生かしたデザインの再現に加え、GSAPによるアニメーションを実装しています。

デザインは制作会社様より支給いただき、実装工程を担当しました。

実装のポイント

デザインとの比較を重ねて再現

PerfectPixelでデザインと実装画面を比較し、デザインカンプに合わせてレイアウトや見た目を調整しました。

イラストを生かすアニメーション

GSAPを使用して動きを実装しました。イラストのある画面に、立体感や奥行きを感じられる表現を加えています。

レスポンシブ対応

PCだけでなく、スマートフォンの画面幅に合わせたレイアウト調整を行いました。

制作会社様からお預かりした案件のため、URLは非公開です。