これは構成案2(レイアウト確認用ワイヤーフレーム)です。写真・配色・文章は仮のものです。
構成案1との違い:ヒーローを静止画フルブリードに変更/3カラムカードではなくジグザグ型のストーリーテリングで「5つの魅力」を表現/観光導線(夢の吊橋・奥大井湖上駅)をホーム上部に配置
今回追加:交通情報バー/7日間天気予報/Instagram埋め込み/Googleストリートビュー ※すべて現行サイトにあった要素を一旦全て搭載。クライアントとの相談で取捨選択する想定です。
翠紅苑
翠紅苑
寸又峡温泉
[ ヒーロー写真:夢のつり橋から望むエメラルドグリーンの渓谷(静止画・1枚構成) ]
SUNMATA ONSEN|寸又峡温泉

渓谷の色に、ただ浸る。

夢のつり橋、奥大井湖上駅。大井川鐵道の終着に広がる秘境で、エメラルドグリーンの渓谷と美女づくりの湯に出会う一軒宿。

設計メモ(ヒーロー):構成案1は動画3本の自動切替スライダーでしたが、本案ではSWELL標準の「フルワイドメインビジュアル(静止画1枚)」機能のみで構成し、実装コスト・読み込み速度を優先しています。CTAを2つ用意し、予約導線と観光導線(周辺・観光ページ)の両方を初見で提示します。
ベストレート保証|公式サイトが一番お得です
宿泊日2026/04/01
人数2名様
交通情報
道路:通行可 工事あり:一部区間で片側交互通行 大井川鐵道:通常運行 バス代行運転:一部区間で実施中 遊歩道:規制なし
詳細 >

寸又峡温泉 / 7日間天気予報

気温℃ 風速m/s 降水確率%
今日
4/2
30%
16° /
4/3
80%
13° /
4/4
70%
12° /
4/5
40%
15° /
4/6
10%
18° /
4/7
10%
19° /
4/8
30%
17° /
設計メモ:現行サイトの天気予報ウィジェットを復元。外部APIを使ったコンポーネントのため、気象庁API等と連携したカスタムブロック/ショートコードとしてClaude Codeで実装する想定です。
渓谷に抱かれる宿

南アルプスの麓、大井川鐵道の終着駅からほど近く。夢のつり橋を渡れば、目の前にエメラルドグリーンに輝くダム湖が広がります。翠紅苑は、その渓谷美のすぐそばに昭和37年から店を構える一軒宿です。

「美女づくりの湯」と呼ばれるとろりとした温泉と、地産の食材を活かした和会席料理。観光で疲れた一日の終わりに、何もしない贅沢な時間をお過ごしください。

設計メモ:構成案1は「コンセプト」セクションを横書きの中央集約レイアウトで配置していましたが、本案では見出しを縦書きにし、和の旅館らしい余白の効いた左右分割レイアウトに変更しています。
SIGHTSEEING

寸又峡へ訪れたら観光客向け新設

観光目的でのご来訪が多い寸又峡。代表的な2つの目的地を、ホームページの早い段階でご案内します。

[ 写真:夢のつり橋 ]
宿から徒歩約15分

夢のつり橋

大間ダム湖に架かる吊り橋。エメラルドグリーンの湖面と渓谷を一望できる、寸又峡随一の景勝地です。

[ 写真:奥大井湖上駅 ]
大井川鐵道で約40分

奥大井湖上駅

湖に浮かぶ秘境駅として知られる絶景スポット。大井川鐵道沿線をめぐるモデルコースの目的地にも。

設計メモ:構成案1ではこの観光導線はページ後半でしたが、「観光目的の見込み客をターゲットにする」という方針に合わせ、本案ではコンセプト紹介の直後=ページ上部に移動しました。詳細は周辺・観光ページ内の「夢の吊橋 完全ガイド」「モデルコース(晴れ/雨)」へ誘導します。
MODEL COURSE

モデルコース新規

翠紅苑を拠点に、寸又峡の自然と大井川鐵道を楽しむ1日の過ごし方をご提案します。天気に合わせてお選びください。

☀ 晴れの日モデルコース新規

夢のつり橋を満喫する半日コース

  • 9:00翠紅苑を出発、プロムナードを散策
  • 9:35夢のつり橋を渡る・撮影スポットで写真を
  • 10:30飛龍橋まで足を延ばす
  • 12:00翠紅苑に戻って日帰りランチ
☔ 雨の日モデルコース新規

大井川鐵道で楽しむ車窓の旅コース

  • 10:00千頭駅からアプト式列車に乗車
  • 10:40奥大井湖上駅で下車・湖上散策
  • 13:00長島ダムを車窓から眺める
  • 15:00翠紅苑へ戻り、温泉でゆっくり
観光案内ページを見る(吊橋完全ガイド・モデルコース詳細) >
設計メモ:モデルコースはSWELLの「キャプション付きボックス」または「ステップブロック」での実装を想定。晴れ/雨の2パターンを並列表示し、周辺・観光ページ内の子ページ(夢のつり橋 完全ガイド/モデルコース詳細)へ誘導します。「翠紅苑に戻って日帰りランチ」はそのまま日帰りプランへの自然な導線にもなっています。
INSTAGRAM

最新の様子

@suikoen_official をフォロー >
[ IG投稿1 ]
[ IG投稿2 ]
[ IG投稿3 ]
[ IG投稿4 ]
[ IG投稿5 ]
[ IG投稿6 ]
設計メモ:現行サイトのInstagram埋め込みを復元。SWELL標準のSNS埋め込み機能、またはInstagram公式の埋め込みコード/プラグイン経由での実装を想定しています。投稿が更新されるたびに自動反映される形が望ましいです。
SUIKOEN'S STORY

翠紅苑の、過ごし方「宿の魅力」「過ごし方」をホームに統合

独立ページだった「宿の魅力」はここに統合し、お部屋・料理・温泉の各ページへの入口として機能させます。

[ 写真:美女づくりの湯・露天風呂 ]
01 | 温泉

美女づくりの湯

とろりとした湯ざわりが肌をやさしく包む、寸又峡温泉。男女別の内湯に加え、貸切風呂もご用意しています。観光で歩いた一日の終わりに、ゆっくりと湯につかる時間を。

料理・温泉をみる >
[ 写真:和会席料理 ]
02 | 料理

山里の恵みを、四季で味わう

地元・川根の茶や山菜、大井川の鮎など、土地の恵みを生かした和会席料理。季節ごとに表情を変える献立を、落ち着いた個室や食事処でお楽しみいただけます。

料理・温泉をみる >
[ 写真:館内ロビー・客室 ]
03 | お部屋

昭和37年から続く、懐かしい館内

開業から大切に手入れを続けてきた、レトロで落ち着いた佇まいの館内。和室を中心に、観光の拠点としても、何もしない静養の場としてもくつろげるお部屋をご用意しています。

お部屋をみる >
STAY PLAN

宿泊プラン

日帰りランチ・入浴のみのプランも、こちらの宿泊・プランページ内でご案内します。

[ 写真:和会席料理プラン ]
1泊2食付 ¥18,000〜

スタンダード和会席プラン

地産の食材を生かした和会席料理と、美女づくりの湯を満喫する基本プラン。

プラン詳細 >
[ 写真:観光モデルコース ]
1泊2食付 ¥21,000〜

夢のつり橋・観光満喫プラン

夢のつり橋や奥大井湖上駅をめぐるモデルコース付き。観光目的のお客様向けプランです。

プラン詳細 >
[ 写真:日帰りランチ・入浴 ]
日帰り ¥3,500〜日帰り利用を統合

日帰りランチ・入浴プラン

ランチのみ、入浴のみのご利用はこちら。宿泊・プランページ内の1メニューとしてご案内します。

プラン詳細 >
ABOUT SUIKOEN

翠紅苑について

昭和37年の開業以来、寸又峡の渓谷とともに歩んできた一軒宿。施設概要やお客様の声、宿としてのこだわりをこちらのページでご紹介します。アクセス情報も「周辺・観光」ページに統合してご案内します。

翠紅苑についてもっと見る >
DAY USE

日帰りでのご利用宿泊・プランに統合

宿泊でなくても、寸又峡観光の立ち寄りスポットとしてご利用いただけます。詳細は「宿泊・プラン」ページ内でご案内します。

日帰り入浴

タオル付きで、観光の合間にふらりとお立ち寄りいただけます。「美女づくりの湯」を手軽に体験。

600円〜
プランを見る >
🍱

日帰りランチ

地産の食材を使ったランチメニュー。11:30〜13:30(13:00 L.O.)。予約不要でお気軽にどうぞ。

要確認
プランを見る >
🛁

ランチ+入浴セット

オリジナルの松花堂弁当と秘境の美肌温泉をセットで。寸又峡観光を満喫したあとのご褒美に。

2,500円〜
プランを見る >
設計メモ:現行サイトで独立していた「日帰りランチ・入浴」ページは、新サイトでは「宿泊・プラン」ページ内のメニューとして統合する方針です。ホームでは導線カードのみ設置し、詳細ページへ誘導します。営業時間・料金は現行情報(日帰り入浴600円/ランチ・入浴セット2,500円〜)を要再確認のうえ反映してください。
NEWS

お知らせ新規

2026.02.28
お知らせ
「寸又渓谷保全協力金」について
2026.02.28
交通案内
夢のつり橋に向かう方へ|寸又峡プロムナードコース(遊歩道)通行可能時間帯のご案内
2026.01.15
プラン
星空列車の特別宿泊プラン、受付を開始しました
お知らせ一覧を見る >
設計メモ:WordPress投稿機能で新規構築(旧ブログ記事は移行しない方針)。カテゴリーは「お知らせ/交通案内/プラン」などを想定、運用負荷を抑えるため数カテゴリーに絞る。SWELLの「投稿リスト」ブロックでカテゴリー指定して表示する実装を想定。
ACCESS

アクセス周辺・観光に統合

独立した「アクセス」項目はナビからなくし、周辺・観光ページ内の1セクションとして案内します。ホーム下部には簡易情報のみ抜粋表示します。

[ Googleストリートビュー:館内入口(iframe埋め込み想定) ]
[ 地図エリア(Googleマップ埋め込み想定) ]
  • お車新静岡ICから約100分
  • 電車大井川鐵道 千頭駅よりバス約60分
  • バス千頭駅前から「寸又峡温泉」行き
  • 詳細周辺・観光ページで見る >
設計メモ:館内入口のGoogleストリートビューは現行サイトから復元(iframe埋め込み)。道路状況・運行情報(大井川鐵道の運休情報など)へのリンクは上部の交通情報バーと連動させる想定です。