WebGallery

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

*

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

      2016/11/07

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

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

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

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

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

 - 色で表現 , ,

  関連記事

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

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

色んな大きさの写真を配置することで、シンプルだけどボリュームのあるデザイン

岡山県観光土産品協会が運営する「観射亭」のホームページです。 緑を基調としたとて …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

猫のためのオシャレな爪とぎソファーが欲しくなるショップ

猫のためのおしゃれな爪とぎソファー「カリカリーナ」を販売しているにゃんこ家具の公 …

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

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

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

グループの音楽性が一目で分かる

  Clean Banditの公式ホームページです。クラシックとベース …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …