WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

      2018/03/22

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです。

ファーストビューのひし形を使った写真がとても可愛らしい印象のサイトです。
スライダーになっているのですが、最初の1枚のみ様々なシーンの写真を使用していますが、残りの3枚は女性をメインに作られています。
そうすることで、この教室の対象者となるターゲットがどの層なのかが分かるようになっています。

写真の雰囲気を崩してしまわないように、左下に小さく最新情報を掲載しています。
その他にも、メニューの部分には背景をつけずに白文字のみにすることでメインの写真と重なる面積を極力抑えています。

全体的に色味を抑えて落ち着いた雰囲気のデザインになっています。
ですが落ち着きすぎないよう背景のイラストをちょっと動かしたり、ロゴカラーの水色を使って配色したりすることで可愛らしい感じも出ています。

 - 色で表現

  関連記事

三角形を使って作られた「花と緑と水の町」のふるさと納税サイト

宮崎県三股町のふるさと納税特設サイトです。 黄色と黒を基調としたパキッとしたデザ …

子供連れのママさん世代やその子供をターゲットにした歯医者さん

長崎県長崎市にある歯医者「田口歯科医院」のホームページです。 柔らかい配色が可愛 …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

ダンボールの角ばった雰囲気を出すために、背景に様々な台形を散りばめる

ダンボールで作られたランボルギーニ「ダンボルギーニ」のホームページです。 ファー …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

学生に馴染みやすく・伝わりやすい「関西テレビ 採用情報」

関西テレビ放送の2017年度採用情報が掲載されている「関西テレビ RECRUIT …

島根県にあるぶどう園のサイトが可愛くて美味しそう!

島根県安来市にあるぶどう園「足立ぶどう園」のホームページです。 ファーストビュー …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …