WebGallery

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

*

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

      2016/11/07

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

札幌市にある住宅建設業者「フォレスタの家」のホームページです。

白黒で構成されたとてもシンプルなサイトです。ファーストビューのスライダーは1枚1枚がモデルルームのようなクオリティの写真と、右下に大きくキャッチコピーが配置され、インパクトのあるスライダーになっています。

必要最小限に押さえた色合いでデザインされており、コンテンツの部分では背景をつけタイトル部分には白にしたりと、背景の切り替えがとても参考になります。ボタンには黒と白でコントラストの強い配色ですが、その分文字を小さくしたり余白を少なめにしたりすることで小さい面積でも際立っています。

トップページのスライダーなどの動きもゆっくりとしているので、落ち着いた雰囲気が保たれています。可愛すぎずカッコよくなりすぎず、バランスのとれたデザインで参考になります。

 - 色で表現 , ,

  関連記事

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

春間近!桜とピンクを効果的に使ったデザインの「お~いお茶の2018年春特設サイト」

2018年「春到来。桜お~いお茶」の特設サイトです。 ファーストビューの有村架純 …

ロゴカラーを使った配色で、シンプルなレイアウトと洗練されたデザインの「グローウィン・パートナーズ」

東京都千代田区にある「Growin’ Partners(グローウィン …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

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

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

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

ミニマルデザインのサイトがとにかくおしゃれ!

近頃一気に気温が低くなり、冬らしさが出てきた気がします。 ここまで寒いと朝起きた …