立ち上げから継続的なコミュニティ活動まで

スタートアップでFramerを使ったサービスページの構築を行なった経験からもっと良いツールが広まって欲しいと思い、2024年11月にXで呼びかけFramerコミュニティを立ち上げました。
ゆうごさん(https://x.com/suko_hakumai)と運営を行っています。

コミュニティでは、以下の取り組みを継続的に行っています。

• 月数回の定期勉強会の開催

• 初心者から経験者まで相談しやすい 質問チャンネルの運用

• テンプレートの制作

• オフラインでの交流会

成果として以下のようなものがあります。

• 約1年でメンバー数650人規模まで成長

• 日本国内における Framer ユーザーの増加

• Framerとの接点・情報流通のハブとしての役割を担う

公式サイトのデザイン：洗練と親しみやすい活気を両立するビジュアルトーン

デザインはコミュニティの皆さんに意見をいただきながら、メインで作成させていただきました。
先進的な制作ツールを扱うコミュニティとしての未来感・テック感のある洗練された空気感と、人が集まり、自然に会話や学びが生まれるオープンで活発、近寄りがたくなりすぎない、温かい雰囲気。この2つを両立させることをコンセプトに設計しました。

• 直線的で洗練されたフォントを使用

• シンプルで余白を多めに使ったレイアウト

• 様々な色・形のステッカーで楽しさを表現

• ユーザーのアイコンやカーソル、手のオブジェクトなど人を感じるものを多めに取り入れる

また、才能が芽吹き、広がっていく場という意味を込め、日本らしさの象徴として「桜」をモチーフに取り入れています。

SANKOU!やmuuuuu.orgなどの参考サイトやWebサイトのデザイン見本帳などの書籍でも取り上げていただきました。

Framerの良さも伝わるようインタラクションを多めに

Framerの特性を活かし、インタラクションを多く取り入れたサイト体験を設計しました。

• カーソルの動きに追従するインタラクティブなファーストビュー

• Splineを用いた3Dアニメーションの導入

• 3D Transform を用いた 六角形オブジェクトの回転表現

• スクロールやホバーに応じた軽快なモーション設計