Webflow Japan Community

制作背景

スーパーサイトでは、日本のWebflowユーザーが集まるコミュニティを運営していきます。

このコミュニティを共に盛り上げていく方を募集するために、ランディングページを制作しました。

デザインについて

日本のコミュニティーを象徴するため、桜をテーマに作成しました。背景にはダークモードを使用し、ポイントカラーを桜色にすることで、夜桜を表現しています。

トップの画像では、桜が舞い落ちるようなアニメーションが実装されています。

さらに、要素を四角で囲ったグリッドデザインを使用することで、内容が整理整頓され、見やすくわかりやすいデザインを心がけて作成しました。

全体的にシンプルなデザインですが、マウスをホバーすると要素にスタイリッシュなアニメーションが現れ、その部分がよりフォーカスされるようになります。

ユーザーが自然と興味を持ち、ホバーしたくなるようなアニメーションを意識して作成しました。

構築

構築はWebflowで行いました。

桜が舞い落ちるアニメーションは、Webflowと互換性のあるSpline(３Dアニメーション作成ツール)で制作しています。