WebGallery

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

*

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

   

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

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

白と黒を基調とし、各メニューのコンテンツが1ページにおさまったデザインのサイトです。白より黒を多くしたり太ゴシックを使用することで、より男性的なイメージに合わせたデザインになっています。

コンテンツが切り替わるごとに背景の写真を変えたり、レイアウトを変えたりして画面に動きをつけています。車の写真だけでなく、ガレージや店内の雰囲気が分かる写真もたくさん使用しています。

トップに戻るボタンがロゴで使用されているUFOなのも遊び心があって面白いですね!
シンプルだからこそ、余白や写真の配置に気を遣ってデザインされているサイトで参考になります。

 - 色で表現 ,

  関連記事

小学校内の施設「英語村」のホームページが虹のようなカラフルデザインで魅力的!

群馬県前橋市の立嶺小学校内にある施設「英語村(イングリッシュビレッジ)」のホーム …

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

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

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

光の空間をイメージさせるアニメーションを使ったイベントサイト

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12 …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

情報をシンプルにまとめて動きをつけ、洗練されたデザインの歯医者さん

宮崎県宮崎市にある歯科「前田歯科クリニック高千穂通」のホームページです。 赤と白 …

Googleマップ付きでおすすめスポットを紹介し、行きたい場所がすぐ分かるようにする

前回に引き続き、今回も地元をPRしているサイトです。神奈川県の魅力をPRした「い …

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …

美味しく備える備災アイテム「備え梅」のサイトがオシャレ!

2017年3月に販売された、備災グッズ「備え梅」のホームページです。 パッケージ …