WebGallery

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

*

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

      2018/03/22

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

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

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

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

 - 色で表現

  関連記事

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …

うっとりする写真が盛りだくさんの「休暇村」

休暇村協会が運営している「休暇村」のホームページです。 背景に和紙のようなテクス …

たくさんの家が集合したような病院の外観をモチーフにした「ゆい動物病院」

和歌山県和歌山市にある動物病院「ゆい動物病院」のホームページです。 たくさんの家 …

最新のがん治療を使って、患者と一緒に治していく診療所

東京都港区にある診療所「アカサカフロイデクリニック」のホームページです。 シンプ …

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

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

青空の写真を使い、空港からの利用をイメージさせるレンタカー屋さん

沖縄県那覇市に本社を構えるレンタカー会社「OTSレンタカー」のホームページです。 …

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

初めての人にも分かりやすいアクセスページ「なかやま矯正歯科」

大阪府大阪市にある矯正歯科医院「なかやま矯正歯科」のホームページです。 左側にメ …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

シームレスな移動が癖になる!素敵なサイト3選

ページ移動や要素にアニメーションを使用しているサイトって、ジャンルを問わずずっと …