観光協会・町の案内（ポップ・元気／ナチュラル・やさしい）のWebデザイン見本

週末の小旅行先を探している家族・カップル・ひとり旅の人。「何がある町か」を知らない人。のぞき窓から町が広がる入り口で引き込み、季節と回り方を見せて「行ってみよう」にする。


業種	宿泊・観光
テイスト	ポップ・元気／ナチュラル・やさしい
色	青（黄・若葉・さんごを差し色に）
アニメーション	あり（GSAP＋ScrollTrigger）
演出の型	A01 丸窓が広がって全画面の景色になる／C04 月が進む横長のパノラマ（町の一年）／B05 色付きのカードがスクロールで上に積み重なる（CSSだけ）
架空の町	「青凪町（あおなぎちょう）」と、その観光協会

だれに向けたページか

週末の小旅行先を探している家族・カップル・ひとり旅の人。「何がある町か」を知らない人。 のぞき窓から町が広がる入り口で引き込み、季節と回り方を見せて「行ってみよう」にする。

積み重なるカード（B05）の色：淡い青 #cfe9fb／たまご #ffe7a3／若葉 #c9f0dc／さんご #ffd3c9。どれも本文 7.5 以上。

メインビジュアル（A01）：空色の画面の中央に、青い縁の丸い「のぞき窓」。窓の中に町と湾の景色。スクロールすると窓が広がって画面いっぱいの景色になり、「ようこそ、青凪町へ。」が浮かぶ
青凪町ってこんな町：短い文と、数字3つ（〇〇）
青凪町の一年（C04）：PCでは縦にスクロールすると、春（桜の岬）→夏（花火）→秋（みかん狩り）→冬（牡蠣小屋）の横長のパノラマが流れ、下の「1月〜12月」の帯がいまの月を示して進む。スマホは指で横に送る
モデルコース（B05）：「半日でぐるっと」「1日のんびり」「自転車で岬へ」「雨の日でも」の4枚の色カードが、スクロールで上に積み重なる（CSSの sticky だけ。JSなしでも同じ）
食べる・見る：海鮮丼・灯台の2つ
観光案内所・アクセス
フッター

町と湾／春・夏・秋・冬／海鮮丼／自転車／灯台、の8枚。人は後ろ姿を小さく。

町の数字・イベントの月・案内所の住所・電話・開館時間は見本の値。