作業範囲
- 開発
- デザイン
今回のプロジェクトは、Japan’s Venture Academy(JVA)様のWebサイトリニューアルに伴い、デザインから構築までを行う作業でした。
プロセス
- デザインの仕上げ
- 構築
- 微調整と公開
Webflowで構築している様子
デザイン
FigmaでおおまかなデザインはJVA様が作成していて、それをもとにデザインを仕上げていきました。
見栄えが良くなるように色の使い方や、画像の配置、ボタンのデザインなどにこだわりました。
構築
サイトの構築はWebflowで行いました。Figmaで作成したデザインをもとに実装し、さらにアニメーションで動きをつけました。
マウスの動きに追従するアニメーションや、セクションによって背景の色が変わるアニメーション、クリックしたくなるボタンのホバーアニメーションなどを実装しています。
サイトに動きをつけることで全体が見やすくなり、良いユーザー体験を提供できるように心がけました。
微調整と公開
構築が終了してから、最終確認と公開準備をしました。
公開前にサイトの運用方法を説明する詳しいマニュアルも作成しました。
詳しくはYoutube動画をご覧ください！👇
