キッズ・親子ダンス教室

HOP! DANCE CLUB

放課後の楽しさを、大きなビジュアルと軽快な文字組みで。年齢別のクラス選びから、料金・体験までつながるダンス教室のサイトです。

自主制作｜架空の教室を題材に、デザイン・構成・操作を制作しました。

HOP! DANCE CLUB

DESIGN POINTS

この制作例で意識したこと

はじめてダンスを習う子どもと保護者が、教室の雰囲気、自分に合うクラス、費用や通い方を一緒に確かめられること。教室の考え方から年齢別クラス、先生、料金、体験案内へ進む構成です。選んだクラスの内容・時間・料金を近くに表示し、体験の選択にも引き継ぎます。

黄色、深いプラム、青を使い、放課後のダンスクラブらしい活気を表現しました。架空の教室向けに生成したイメージ素材と、大きな文字組みを組み合わせています。 4つのクラスを選ぶと、ビジュアルや内容、時間割、料金が切り替わります。送信しない体験デモで、参加までの流れを試せます。

スマートフォン専用の縦の構成と、押しやすいクラス切替・体験ボタンを用意。メニューの開閉とキーボード操作、動きを減らす設定にも対応しました。

同じ業種でも、先生の考え方や対象によって、必要な構成とデザインは変わります。