WebGallery

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

*

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

      2018/03/22

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

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

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

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

 - 色で表現

  関連記事

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

ロゴマークが特徴的

  豊島区のイベントサイトです。真ん中のロゴとカラフルな背景のインパク …

映画の雰囲気を大切にしたデザイン

2016年の9月1日から公開されている映画「グランドイリュージョン 見破られたト …

「富山の上質な暮らし」を体感できる情報発信拠点

6月に東京都中央区日本橋にグランドオープンした「日本橋とやま館」のホームページで …

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。 …

茶系の背景色を使ったレトロなデザインで、馬に触れ合える歴史ある施設を表現した馬のテーマパーク

北海道苫小牧市にある馬のテーマパーク「ノーザンホースパーク」のホームページです。 …

ものづくりの現場で戦う女性職人がカッコいい!特設サイト「ものの婦」

「ものの婦 – 山形には、ものづくりの現場で戦う女性職人がいる。」の …

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

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