酒蔵（綺麗系・ナチュラル／シンプル）のWebデザイン見本

日本酒が好きな30〜60代と、取り扱いを考える酒販店・飲食店。蔵の時間をたどる横長の絵巻にして、水と季節の静けさで記憶に残す。


業種	製造・BtoB（酒蔵）
系統	綺麗系（余白・細い線・明朝・彩度を落とした色・ゆっくりした動き）
テイスト	ナチュラル・やさしい／シンプル
色	青（水縹色と藍）
形	ページ全体が横に動く：PCでは縦スクロールでページ全体が横に進む（pin＋横移動）。下に年号と進み具合。スマホと JSなしは縦並び
スライド	Swiper（お酒の4銘柄。点・矢印・キーボード・自動送りの停止ボタン）
メインビジュアル	静止画を動かす（動画風）：蔵の写真1枚が、丸窓の中でゆっくり寄り、横に流れる
アニメーション	あり（GSAP＋ScrollTrigger）
演出の型	A01 丸窓が広がって全画面の景色になる／C04 年号や地名が進む横長のパノラマ／F02 写真の後ろに色の板を重ねてずらす（奥ほど速く）
架空の蔵	「水縹（みはなだ）酒造」— 川沿いの小さな蔵。創業〇〇〇〇年

だれに向けたページか

日本酒が好きな30〜60代と、取り扱いを考える酒販店・飲食店。蔵の時間をたどる横長の絵巻にして、水と季節の静けさで記憶に残す。

メインビジュアル（A01＋動画風）：白い画面の中央に丸窓。窓の中の蔵の写真が、ゆっくり寄りながら横に流れる（動画のように）。スクロールすると窓が広がって全画面の景色になり、縦書きの「水のように、澄んだ酒を。」が浮かぶ
蔵のはなし：縦書きの見出しと短い文。写真の後ろに水色と藍の板が重なり、横に進むと奥の板ほど速くずれる（F02）
蔵の年表（C04）：横長のパノラマ。創業 → 蔵の建て替え → 吟醸造り → いまの順に、年号が大きく並ぶ。画面の下の年号の帯が、進むにつれて進む
造り：麹・仕込み・搾り。写真の後ろに色の板（F02）
お酒（Swiper）：4銘柄。瓶は SVG の図（ラベルの文字は HTML）
蔵見学・お取り扱い：藍の区切り。見学の予約と、酒販店向けの問い合わせ
フッター

PCで JS・GSAP があるときだけ横に動く。スマホ・JSなし・prefers-reduced-motion のときは縦並びで、丸窓は最初から全画面、年表は縦に並ぶ。全部読める
横の移動はゆっくり（scrub 1）。揺れる・回る動きはしない
写真がゆっくり寄る動きは丸窓の中だけ

Swiper（MIT）。自動送りは6秒、「止める」ボタンつき。JS なしは scroll-snap の横並び。

新しく作る：朝の蔵と川（メインビジュアル）／盃に注ぐ酒／麹の手元、の3枚。写真庫から：仕込みのタンク（013）／霧の谷（006）／和の店内（009）。