Japan's Venture Academy (JVA)は、国際的な視野を持つ学生を対象とした学生が運営するスタートアップです。 渋谷区の支援のもと、実践的なトレーニングやスタートアップ愛好家の活気あるコミュニティを提供することで、学生が起業家としての自己効力感を構築できるよう支援することを使命としています。
ウェブサイトは、ポテンシャルユーザーやパートナーなどから信頼を得るのにとても重要なビジネスのツールだと思っています。まずはじめに自分でWebflowを使い説得力のある満足するウェブサイトを作ることができませんでした。そこで、SupasaitoのIgorと一緒にイベントを開催したことをきっかけにウェブサイトの構築を依頼しました。コミュニケーションを円滑に行われ、最後はほとんどテキストベースのコミュニケーションでも問題ないぐらい気持ちよくウェブサイト構築を行ってもらえました。
今回のプロジェクトは、Japan’s Venture Academy(JVA)様のWebサイトリニューアルに伴い、デザインから構築までを行う作業でした。
プロセス
- デザインの仕上げ
- 構築
- 微調整と公開
Webflowで構築している様子
デザイン
FigmaでおおまかなデザインはJVA様が作成していて、それをもとにデザインを仕上げていきました。
見栄えが良くなるように色の使い方や、画像の配置、ボタンのデザインなどにこだわりました。
構築
サイトの構築はWebflowで行いました。Figmaで作成したデザインをもとに実装し、さらにアニメーションで動きをつけました。
マウスの動きに追従するアニメーションや、セクションによって背景の色が変わるアニメーション、クリックしたくなるボタンのホバーアニメーションなどを実装しています。
サイトに動きをつけることで全体が見やすくなり、良いユーザー体験を提供できるように心がけました。
微調整と公開
構築が終了してから、最終確認と公開準備をしました。
公開前にサイトの運用方法を説明する詳しいマニュアルも作成しました。
詳しくはYoutube動画をご覧ください!👇