C19e955772fccfb9

【卒業制作】企画/デザイン/コーディング

OVERVIEW

スクールでのWebデザインコースの卒業制作として作成しました。

YEAR 2021

サイトの目的、内容

目的:ダンスレッスンの予約    

             気軽に予約したいと思えるようなサイトにする 

             ダンスを通して得られる満足感、リフレッシュ感を伝える 

内容:SERVICE、PRICE、INSTRUCTOR、NEWS、無料体験レッスンの申し込み

ターゲット

20代〜30代の社会人の男女 ・ダンスを久しぶりにやりたいけどスクールに通うほどではない人 ・学生時代ダンスをやっていたけど、最近はやる機会がない人

こだわりポイント、工夫したポイント

• 色味や装飾などの統一感 

若者向けのポップな印象にしたかったので、オレンジをメインカラー、アクセントカラーを水色にした。 あしらいとして小さい図形を写真の横に散らして動きが出るようにしたり、ボーダーやドッド柄の図形を背景として入れた。 タイトルの装飾を工夫して見ていて飽きないようにした。 

• メインビジュアル 

パソコンを見ながら体を動かしている女性の写真をメインビジュアルにすることで、ダンスのオンラインレッスンのWebサイトであることが わかりやすいようにした。

 • INSTRUCTOR のボタン 

「全ての講師を見るボタン」をクリックするとページが広がり、ボタンの中の文字も「閉じる」に切り替わるようにJavascriptで作成した。 


• ハンバーガーボタンの横にCTAボタンを置いて無料体験レッスンにアクセスしやすいようにした。

 • レスポンシブ対応でのボーダーやドッド柄の図形の配置 大きさや位置を調整して、自然なデザインになるようにした。 

・アニメーション サイトの雰囲気を大切にしたいと思い、左からふわっとスライドしてくるようにした。


PC版