ピアノ教室サイト（自主制作）
制作時期
2023年
制作にかかった期間
1週間
使用ツール
Photoshop、VS Code（HTML,CSS,jQuery）、Googleスプレッドシート
ターゲット
ピアノ教室にこれから入りたいと思っている30代男女
目的
自分のことを知ってもらう、採用したいと思ってもらう、制作レベルを見てもらう
経験
ペルソナ設定、ワイヤーフレーム、デザイン制作、コーディング（HTML、CSS、jQuery）
意図・ポイント
ピアノ教室を知り、申し込みまで進んでもらえるサイトにするため、最初にスライドショーでピアノ教室や先生のイメージを大きく見せるなど教室の雰囲気を伝えられるようにしました。
問題と解決
問題点
・ピアノ教室を探している人に選んでもらえるよう、コースや講師をわかりやすくしたい
・お問い合わせは別ページに作成しているため、そこに飛ばしたい
・大人向けのピアノ教室だとわかりやすいようにしたい
解決策
・レッスンコースをPC側では横並びにすることで、比較検討しやすいようにしました。
・お問い合わせはトップビューと後半にそれぞれボタンで掲載することで、すぐに問い合わせたい人にも、中身を読み込んでから検討したい人にも使いやすいようにしました。
・大人のピアノ教室なので、写真は大人の生徒さんや優雅な雰囲気を受ける写真を選び、落ち着いた雰囲気に仕上げました。
URL
https://www.pinefield-design.site/Independent-production/piano
