WebGallery

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

*

動画・写真を活用した重厚感のあるデザインの酒造会社のサイト4選!

   

先週から暑い日が続いていますね…最近は「暑い」しか言っていない気がします。
夏の暑い時期こそキンキンに冷えた日本酒を飲みたい!という方も多いのではないでしょうか!

一人でも二人でも、大人数でも楽しめる日本酒…なんでしょうか?
(私の味覚はまだお子様なので、お酒を楽しめることができていないのですが…)

今回は、そんな日本酒を製造している会社のサイトを4つご紹介します!

 

ヤヱガキ酒造株式会社

真っ白いファーストビューと黒いロゴやテキストのコントラストがとても印象的な酒造会社のサイトです。
大胆に余白を空けていたり、ロゴタイプが筆で描いたような力強いフォントに対して、右側のキャッチフレーズは明朝体で細いフォントで対照的です。

トップページの下は、写真と文章が交互に配置されているレイアウトになっています。
画面幅いっぱいに写真を使い、その分文章のコンテンツの余白を大きく取ることで、上手くバランスを取っています。

 

株式会社丸山酒造場

画面に雪を降らせたアニメーションがインパクトのあるサイトです。
「雪中梅」の銘柄を印象づけるために、中央には銘柄のマークがくるくると回るアニメーションも使用しています。背景の酒瓶のラベルのように配置されており、さらに瓶の部分はスライダーにもなっています。

雪中梅の銘柄について紹介しているページでは、歴史とともに銘柄の詳細を知ることができます。
お酒の味について紹介している部分では、背景に梅の木のイラストを配置し、その上に商品の写真を重ねるように配置しています。
スクロールすると梅の花がぱっと咲くようになっているようになっていて、商品がさらに華やかに見えますね!

 

千代の亀酒造株式会社

こちらはファーストビューに動画を使って、自然豊かな土地でお酒が作られているということが伝わってきます。

千代の亀酒造について紹介しているページでは、筆で描いたようなロゴタイプに合わせて写真も加工しています。切り抜き部分を筆で描いたような加工にすることで、サイト全体に統一感が出ています。

 

北雪酒造

こちらはロゴをファーストビューで際立たせたレイアウトになっています。
左寄せにするのではなく、中央に配置し左右に余白を取ることで、よりロゴに注目度が集まります。

北雪について紹介しているページでは、写真の上に黒のグラデーションを乗せて文字を読みやすくするだけでなくページ全体に重厚感が出ています。
このページでマークについて紹介していますが、とてもこのロゴマークを大切にしていることが伝わってきますね!

 

動画や写真で歴史ある酒造会社を紹介するだけでなく、配色を抑えて重厚感を出しています。
こういったデザインは余白のとり方や行間・文字間の空け方で変わってくるので、余白の取り方という面でもとても参考になるデザインが多いです!

以上、動画や写真を活用して重厚感のある酒造会社のサイト4選でした!

 - 写真で表現, 映像で表現 , , , ,

  関連記事

綺麗な写真が購買意欲をそそる和菓子屋さん

石川県金沢市に本社を構える「株式会社 柴舟小出」のホームページです。 全体的に色 …

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE …

豊富なメニューを横と縦の2つに分けて、すっきりとしたレイアウトにしたホテル

大分県別府市にあるホテル「城島高原ホテル」のホームページです。 ファーストビュー …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

家族写真を撮ってくれるスタジオのサイトが透明感があってキレイ!

東京都渋谷区にあるスタジオ「Holidays PhotoService」のホーム …

臨場感のある写真で、教会の神秘的な雰囲気を味わえる

長野県軽井沢町にある教会「石の教会 内村鑑三記念堂」のホームページです。 トップ …

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

左側に交通アクセスや最新情報を掲載して情報を伝わりやすくする

滋賀県大津市にある食事処「洗心寮」のホームページです。 全体的に文章が縦書きで背 …

情報を記載した部分のみ、スクロールにする

  バイオリニスト「Ayasa」さんの公式ホームページです。何種類かの …

幻想的な空間のファーストビューが綺麗なイベントサイトがおしゃれ!

2017年7月8日の土曜日から10月1日の日曜日まで、東京都品川区にある「アクア …