WebGallery

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

*

背景に写真をたくさん使用して、ログハウスの雰囲気を伝えているカフェ&スクール

   

東京都荒川区西日暮里にあるスイス風ログハウスのカフェ&スクール「CHALET SWISS MINI(シャレー スイス ミニ)」のホームページです。

トップページの背景に写真をたくさん使用した、とてもカラフルな印象のサイトです。
ファーストビューはとてもシンプルで、メニューとキャッチフレーズのみになっています。背景の写真に紛れてしまわないように、メニューの背景には白い背景を入れたり、電話等のアイコンはロゴカラーの赤を使っています。
また、背景の写真をぼかして表示させることで白文字のタイトルでも際立って見えます。

そして、イベントの部分では背景に写真を使わずにテクスチャを使用することで、他のコンテンツとの差別化をしています。配色も赤と白のみだったのに対し、イベント部分では黄色や緑も入れることによって、他のコンテンツより際立ったデザインになっています。

 - 写真で表現 ,

  関連記事

写真を様々な形に切り取ることでアクセントに

  表参道にある鳥カフェのホームページです。アクセントに様々な種類の鳥 …

情報量を抑え、写真で見せるレストランのサイトが大人の雰囲気でとても綺麗!

神奈川県鎌倉市にあるフレンチレストラン「古我邸」のホームページです。 ファースト …

ボタンに地図を使用し、見ただけでどこにあるのか一目で分かる

株式会社ベネッセホールディングスと公益財団法人 福武財団によって行われているアー …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …

地元の食べ物に重点を置いて構成されたプロモーションサイト2選!

今年の梅雨は寒暖差が激しいですね… 今週は湿気が多く暑い日が続くそうですねー!私 …

東京にあるプライベートサロンのサイトが優雅な雰囲気でキレイ!

東京都港区でアロマトリートメントマッサージを行っているプライベートサロン「vih …

思わず家を買いたくなる不動産屋さん

岡山県岡山市にある住宅建設業「昭和住宅岡山支店」のホームページです。 緑を基調と …

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

あっという間に6月も中旬ですねー! 今回は、少し先ですが8月に開催される花火大会 …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …