WebGallery

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

*

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

      2018/03/22

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

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

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

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

 - 色で表現

  関連記事

砂浜のようなテクスチャとハイビスカスを使ってハワイアンな雰囲気を演出したウェディングサイト

東京都港区にオフィスをかまえているウェディングサポートをするプロジェクトチーム「 …

ヨーロピアン調のパターンやイラスト、余白を大胆に使って贅沢な雰囲気のペットフード屋さん

ドイツ製のオーガニックやドックフード・キャットフードの通販をしている「プレイアー …

自然の光を取り入れた空間で撮ってもらえる写真屋さん

宮城県仙台市にある写真スタジオ「FOTOFILE(フォートファイル)」のホームペ …

作品の色味をサイトでも表現

  大阪にある陶芸作家のサイトです。作品の色味をサイトのカラーリングで …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

2018年のトレンド!?「デュオトーン」を使ったサイトをご紹介!

海外では結構多い印象があるのですが、日本だとあまり見かけない印象のデュオトーン。 …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

白黒で配色されたスタイリッシュな住宅建設会社

札幌市にある住宅建設業者「フォレスタの家」のホームページです。 白黒で構成された …

色とりどりのコンテンツブロックで鮮やかな印象

KANROの商品「ピュレグミ」の新作特設サイトです。はっきりとした色合いが特徴的 …