WebGallery

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

*

黒を使った重厚感のあるデザインで、明治から続いている歴史ある酒蔵を表現した「明治蔵」

   

鹿児島県枕崎市にある「薩摩酒造花渡川蒸溜所 明治蔵」のホームページです。

背景の黒と白文字がとても重厚感のあるサイトです。
背景にある写真も、1枚1枚がとても歴史のある建物ということが伝わってきます。
ファーストビューは情報量が豊富ですが、写真の余白などを上手く利用してバナー等が収まるようにレイアウトされています。

トップページのコンテンツはスライダーのようになっていて、スクロールするとページ全体が切り替わるようになっています。
どのディスプレイサイズになっても、コンテンツが崩れず表示されています。右側のコンテンツが白い背景になると、メニューも黒い背景に切り替わるようになっています。

 - 色で表現

  関連記事

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。 ファ …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

ページの1番上にも、アクセスページに移動できるボタンを配置する

福井県越前町の観光情報を紹介する「えちぜん観光ナビ」のホームページです。 画面に …

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

淡いカラーテイストと動くアニメーションで親近感のあるデザインに

大分県杵築市にある耳鼻咽喉科「いちみや医院」のホームページです。淡い色使いと可愛 …

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

様々な情報が各ブロックごとに色んな大きさで並んだレイアウト

長野県小谷村の観光公式サイトです。 左側にアイコンが縦に並んだメニュー欄、右側に …

イラストやアイコンを使って、女性にも親しみやすいデザインの土木建築会社

愛知県半田市にある土木建築会社「株式会社 知多土木」のホームページです。 ファー …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …