Atmosphere
渓流、山並み、湯けむり。
まず地域の記憶から入る。
温泉地の一覧ページに情緒が必要なら、写真は強い入り口になる。旅館単体ではなく、地域全体を感じさせるビジュアルを冒頭に置く構成です。
Yunosato Onsen / Fukushima
旅の景色から、
宿を選ぶ。
地域の自然写真を大きく使い、その空気感を入り口に。さらに各旅館にも小さなビジュアルを添えることで、一覧ページでありながら温泉地の情緒と宿ごとの違いが伝わる構成にしました。前回の文字中心ミニマル案をベースにしつつ、写真で温度感を足したC案のデモです。
Regional Scenes
温泉街の気配を、
背景として纏う。
背景写真は一覧の前にその土地の雰囲気を伝える役割を持たせています。写真を“ただ敷く”のではなく、読みやすさを保つ濃度でオーバーレイをかけ、ミニマルな文字組みと両立させています。
渓流、山並み、湯けむり。
Stay Directory
宿選びを、
写真と余白で整える。
各宿カードに代表写真を添え、名前・設備・収容人数・電話・外部リンクを整理。高級感のあるトーンを保ちつつ、実際に選びやすい一覧にまとめています。
Filter & Search ＋
Yunosato Onsen / Accommodation List
Showing all 8 inns
該当する宿が見つかりません。
検索語や絞り込み条件を変えて、もう一度お試しください。
Design Notes
C案のポイントは、
“地域写真” と “宿写真”。
ファーストビューでは地域の自然を背景に使い、一覧では各旅館カードに小さな写真を配置。高級感のあるミニマルデザインを保ちながら、視覚的な魅力を増やす方向の再設計です。
Hero
地域の空気を、最初の一枚で伝える。
大きな背景写真で「行き先としての湯の里温泉（架空）」を印象づけます。
Cards
各旅館にも写真を入れて、比較しやすく。
宿名だけでなく、ビジュアルの違いから選べる体験へ寄せています。
Balance
写真を増やしても、上品さは崩さない。
色数を抑え、余白とタイポグラフィの静けさで全体の格を保っています。
Demo / Non-official redesign
景色で惹きつけ、
一覧で宿を選ぶ。
このデモはローカルで開ける営業用HTMLです。プレビューでは外部画像を読み込んで表示しています。実運用では旅館や地域の正式写真に差し替えることで、さらに説得力を高められます。