C19e955772fccfb9

LP制作(企画/PC・SPデザイン/コーディング)

OVERVIEW

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

YEAR 2021

架空のダンススクールのLPを作成しました。デザインカンプの画像は一番下に載せています。

こちらからサイトがご覧いただけます。

● サイトの目的、内容

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

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

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

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

● ターゲット

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

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

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

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

• メインビジュアル 

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

 • INSTRUCTOR のボタン 

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


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

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

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

● 制作したデザインカンプ 



WEBSITE