WebGallery

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

*

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

      2018/03/22

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

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

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

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

 - 色で表現

  関連記事

色鮮やかな染め物の映像の上に、虹色のアニメーションを重ねてさらに綺麗に!

岐阜県羽島郡笠松町にある染め物屋さん「丸京染色株式会社」のホームページです。 フ …

自然豊かな環境で、こだわり卵を生産している養鶏場

佐賀県武雄市にある養鶏場「いとう養鶏場」のホームページです。 全体的に装飾を抑え …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

不思議な写真をファーストビューに使うことで、「不思議なレストラン」の世界観を演出したデザインがすごい!

2017年の1月28日から5月21日まで日本橋茅場町にある特設会場で行われる「食 …

神戸にあるロシア料理のサイトが、マトリョーシカをイメージしたデザインで可愛い!

兵庫県神戸市にある、純ロシア料理をメインにしたレストラン「バラライカ」のホームペ …

年齢層を意識したフォントサイズと写真の配置で、見やすくデザインされたサイト

岐阜県土岐市にある美濃焼きの公房「SAKUZAN」のホームページです。 トップペ …

賑やかな店内の様子と、美味しそうな料理の写真で素敵なディナーが味わえる雰囲気を見せたイタリアンレストラン

埼玉県新座市にあるイタリア料理店「トラットリア&ピッツェリア Legio …

豊富な情報量をすっきりとしたレイアウトで読みやすく、伝わりやすくする

岡山県の地域情報をお届けする「月刊タウン情報おかやま」のWebメディア「日刊We …

オレンジなサイト

  オレンジ1色で統一された不動産ビジネスのサイトです。画面に余裕があ …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …