作業範囲
- デザイン
- 開発
制作背景
スーパーサイトでは、日本のWebflowユーザーが集まるコミュニティを運営していきます。
このコミュニティを共に盛り上げていく方を募集するために、ランディングページを制作しました。
デザインについて
日本のコミュニティーを象徴するため、桜をテーマに作成しました。背景にはダークモードを使用し、ポイントカラーを桜色にすることで、夜桜を表現しています。
トップの画像では、桜が舞い落ちるようなアニメーションが実装されています。
さらに、要素を四角で囲ったグリッドデザインを使用することで、内容が整理整頓され、見やすくわかりやすいデザインを心がけて作成しました。
全体的にシンプルなデザインですが、マウスをホバーすると要素にスタイリッシュなアニメーションが現れ、その部分がよりフォーカスされるようになります。
ユーザーが自然と興味を持ち、ホバーしたくなるようなアニメーションを意識して作成しました。
構築
構築はWebflowで行いました。
桜が舞い落ちるアニメーションは、Webflowと互換性のあるSpline(３Dアニメーション作成ツール)で制作しています。
