WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 ,

  関連記事

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

富士山×山中湖×野外フェス!壮大な景色の中でのフェスは興奮すること間違いなし!

今年の8月26・27・28日に山梨県南都留郡で開催する野外フェスティバル「SPA …

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

気軽に相談しやすい水道屋さん

千葉県市川市にある水まわりの修理などを行っている「有限会社 報徳サービス工業」の …

電車の形を使ってデザインされた「相模鉄道株式会社新卒採用サイト」のサイトが、ポップで可愛い!

「相模鉄道株式会社」の2019年度新卒採用サイトです。 ロゴカラーを使った、ポッ …

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

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

お昼寝案内

  手書き風のゆるーっとしたサイトです。イラストを使用してわかりやすく …

就活生に語りかけるキャッチコピーがインパクト大!兼松株式会社の新卒採用サイト

「兼松株式会社」の2019年度新卒採用サイトです。 ファーストビューの動画がとて …

ピンクのグラデーションが綺麗!なサイト3選

数年前からWebデザインのトレンドとして様々な所で取り上げられていますが、背景に …

レンズ越しに見る片山津温泉の風景

片山津温泉観光協会のオフィシャルページ「水と光と音のまち 片山津温泉」のホームペ …