【新規サイト立ち上げ】COZY Dance Studio様（東京赤羽のダンススクール）｜ホームページ制作9800円～東京台東区のエグゼクティブクリエイション/反響重視のホームページ制作

こちらは2018年12月下旬に公開をしたばかりのダンススクール様のwebサイトです。

メインカラーはグラデーションのエメラルドグリーンで爽やかな雰囲気となっていますが適宜、躍動感のある人物写真を用いることで活発な印象も持たせています。TOPページ各項目のタイトル部分は余白スペースを活かし、読みやすく目立つ見せ方に仕上げています。

また、全体的なデザインの雰囲気から外れ過ぎない程度に”独創的なコンテンツの打ち出し方”も行っております。特にTOPページはシンプル且つ凝った印象になるよう、デザインの工夫を凝らしました。メインVにはjQueryで自動切換え画像を3枚使用。1枚目は大型ホールの画像＆イベント告知、2枚目はダンス風景、最後はダンススタジオの内装写真となっています。

今回は東京北区赤羽駅から徒歩ですぐの場所にあるCOZY Dance Studio様のwebサイトの特徴について、解説をいたします！

■サイト記事更新：2019年12月19日

ホームページ制作実績：東京北区のダンススクール COZY Dance Studio様

「MESSAGE」部分は敢えてエメラルドグリーンではなく、新緑をイメージする爽やかなイエローグリーンの背景画像を敷き、その上にダンススタジオからユーザーへのメッセージをレイアウトしました。

「FEATURE/COZY Dance Studioの特徴」と「CONTENTS/コンテンツ紹介」部分はページ中央を基準に、スペースを3分割したレイアウトでリンクボタン等を置いています。こうすることで、その項目内のコンテンツとしてまとまります。FEATURE項目の左の”技”画像は真剣な表情の女性写真で、中央は楽しそうな雰囲気の4名の女性の写真を活用しました。右側の水を手にした女性の画像も爽やかです。

「SCHEDULE」ではシューズを履く人物画像をうすく右側の背景に置き、左側へ体験レッスンに関する情報を掲載しています。

ナビゲーションと下層ページファーストビューについて

ナビゲーション/メインメニューはスタンダードな上部メニュー形式にしています。デザイン自体はシンプル・スタイリッシュ系で作成しています。各メニューのロールオーバー後の画像は黄色になります。

そして下層ページのファーストビューは、お客様からいただいた実際のダンス風景やスタジオ内装の写真を1枚画像で大胆に配置しています。中央にはダンススタジオのロゴとページタイトルを日本語と英語でレイアウト。「スクールのご案内/SCHOOL」ページへアクセスすると、躍動感あるダンスの画像がすぐに目に入ります。踊っている人物とライティングが幻想的です！

制作時のカラーリング面の工夫について

主にエメラルドグリーンを使用し、サブカラーとして落ち着いた色味のベージュ色で制作を行っていますが、下層ページはコンテンツのメリハリを出す目的で適宜彩度の高いカラーリングを行いました。

ですが、あまりに大胆な配色にしてしまうと、逆にチープ目なイメージになるリスクがあるので、下層ページ配色面にも気を遣っています。

下層は先に3ページのみで先行公開をし、その後、順に準備中ページの内容も作成を行いました。

全ページ共通のフッター部分には、COZY Dance Studio様のスタジオ内でダンスの練習をされている方々の画像を背景に黒トーンで使用。スタジオ基本情報・フッターリンクメニューは白字で置いています。

下層コンテンツ制作時のPOINT

多くのHPユーザーがすぐに知りたいであろう情報「スクールのご案内」「料金・スケジュール」ページに関しましては、”シンプルで分かりやすい”といった点を重視し、制作いたしました。

「スクール案内」では基本的な住所の他、対応ジャンルそして講師数・クラス数等を掲載。ジャンルはHIP HOPからJAZZ、バレエそしてハウス、キッズと幅広くなっています。最近はお子様を通わせたいといった親御さんからのご連絡も多いようです。

そして「料金・スケジュールページ」は各月、何曜日にどういった教室が何時から開催されているか？といった情報をすぐに分かるようになっており、気になる料金についても明確に表組で打ち出しています。

次に、こちらも閲覧数の高い「講師紹介」ページです。ページ名の通り、各ジャンルを担当する先生の顔写真と経歴紹介・実績、コメント等が載っています。やはりダンス教室を検討されている方は「どういった方が実際に教えてくれるのだろうか？」といった点がとても気になります。そのため、各講師の顔写真やそれぞれの講師の強み/コメント等を明確に掲載しています。とても見応えのあるページコンテンツとなっています。