ダンススクール

デスクトップビュー
クリックを促すための要素 クリックを促すための要素
PC版デザイン
SP版デザイン
type
WEBSITE 自主制作
使用ツール
figma/photoshop
使用フォント
Franklin Gothic ATF Trade Gothic Next LT Pro FOT-TsukuMin Pr6N
制作期間
企画・WF 1週間
デザイン 2週間
カラーパレット
ターゲット
ダンス未経験者や初心者で、興味はあるが一歩踏み出すのに不安を感じている人
10代〜20代の学生・社会人
目的
初めての人でも安心して通える雰囲気を伝え、体験レッスン申込みにつなげる
講師やスクールの雰囲気を直感的に理解できるようにする
課題
現状、インスタグラムなどを使用したSNS集客のみを行っている
SNSだけでは特徴紹介が薄く、想定以下の集客しか望めていない。
情報設計
未経験者が最も気になる「スクールの雰囲気」をMVで直感的に伝え、その後に必要な情報へ自然に導けるよう構成しました。情報量は多くなりすぎないように整理し、詳細を知りたいユーザーは下層ページで確認できる設計としています。 特徴のセクションでは、サポート体制や少人数制など安心感につながる要素を端的に選択式で提示。これにより、ユーザーが体験申し込みを検討する際に必要最低限の情報へすぐアクセスできるよう工夫しています。
デザイン
未経験者歓迎のストリート系ダンススクールを想定し、「クールさと安心感の両立」 をテーマにデザインしました。 力強さを表現するためにゴシック系フォントを採用し、ストリートらしい印象を演出。一方で、カラフルなドットや楽しげな写真を組み合わせることで、初心者でも委縮せず安心して参加できる雰囲気を意識しました。 仲間や講師が語りかけてくれるようなレイアウトで、「ここなら自分も楽しめる」と思える親しみやすさを表現しています。

Other works