WebGallery

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

*

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

   

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

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

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

 - 写真で表現 ,

  関連記事

視線誘導がとても上手い「STRIA CLINIC」

福岡県福岡市にある医療レーザー脱毛専用医院「STRIA CLINIC(ストリア …

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

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

札幌にある建設会社のサイトが、雑誌のようなレイアウトでおしゃれ!

札幌市にある建設会社「竹内建設」のホームページです。 左側にスライダー、右側にイ …

トップページのロゴマークの部分をサブページではタイトルに

建築資材の輸入販売(タイル・石材・レンガ等)を行っている会社「RIVIERA」の …

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

モデルハウスのパンフレットを見ているような気持ちになる箱根のリゾートホテルのサイトがオシャレでカッコいい!

神奈川県足柄下郡箱根町にあるリゾートホテル「NEST INN HAKONE(ネス …

動画・写真を活用した重厚感のあるデザインの酒造会社のサイト4選!

先週から暑い日が続いていますね…最近は「暑い」しか言っていない気がします。 夏の …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

フォントを使い和風な雰囲気を出す

  島根県にある旅館のWebサイトです。特徴的な切り抜き方のキャッチ画 …

くるくると回るキャッチ画像

株式会社エーペック貿易のホームページです。 くるくると回るキャッチ画像がとても綺 …