Kishi Piano School Website

pianotop

Type:Website

Creation Date:2023.02

ピアノ教室の新しい生徒募集にあたってのサイト クライアント様にヒアリングを行い、企画書、ワイヤフレーム制作、Webサイト作成を一貫して行いました。(Home/Lessonページ作成)

ターゲット
子供をピアノ教室に通わせたいと考えている親御さん
目的
サイトを見て楽しそうと興味を持ってもらい、子供から大人まで音楽を通じて心豊かな人生を送って欲しいというメッセージが伝わり、その上での体験レッスンへの誘導
情報設計
TOPビジュアルでピアノ教室の写真を加えることで、イメージが沸くようにしました。最初にピアノ教室のコンセプトと強みを記載することで、習った後のイメージがしやすくなるようにしました。親御さんが子供を預けることになるので、料金設定や、楽しめる様なイベント、生徒さんの声の項目を簡単に見れるようTopページに記載し、安心感を与えられる様な設計にしています。
デザイン
クライアント様の要望で可愛くなりすぎないデザインがいいという要望があったので、ピンクの配色ではありますが、淡い色を使用しています。ピアノ教室のイメージが受け取りやすいようピアノや音符など、音楽に関わるイラストを使用しました。柔らかい印象を与えるために角を丸くして、項目ごとに左右の動きをつけることで、メリハリのあるデザインにしています。当サイトで使用しているイラスとは統一感を出すため全て自身で描いています。
素材
普段月に一回発行しているお便り・ピアノ教室の写真・イラストAC等のフリー素材
  • piano1
  • piano2
  • piano3
  • piano3
  • piano1
  • piano2
  • #CFB3B4

  • #E0C9CA

  • #FEEEF0

制作期間
  • 企画・ワイヤーフレーム:3日
  • デザイン:1週間
  • コーディング:3週間
使用ツール
Photoshop、Fresco、Dreamweaver
使用フォント
游ゴシック体、Baskerville
企画書
ヒアリングメモ
デザインカンプpc
デザインカンプmb