ホッチキス紹介LPの作成

Illustratorベースのデザインをpc,sp共に反映。
縦年表形式のデザインをリサイズ時に崩れないような構造にした。
簡単なcssアニメーションを実装。
ハンバーガーメニューを実装。
スクロールに合わせてコンテンツを表示する機能を実装。
ページ内の各リンクから適切に内部スクロールする機能を実装。
Illustratorベースのデザインから画像切り出し。
必要に応じて画像のサイズ変更、トリミングをPhotoshopで行った。

  • URL:非公開
  • 作業工程:コーディング
  • 使用ツール:Visual Studio Code, Photoshop, Illustrator
  • 使用言語:html/css, javascript
  • 使用ライブラリ:jQuery
  • 制作時期:2019年6月〜2019年7月
  • 制作時間:16時間程度