Hot Spring / Sakura Mood

春の泉温泉

森の静けさと、やわらかな桜色で包む温泉施設サイト。

おためしプランの作例として、郊外の森の中にある温泉施設サイトを制作しました。 “雰囲気が伝わること” を大切にしながら、 お湯の特徴・料金・館内での過ごし方まで自然に読み進められる構成に整えています。

おためしプラン Sakura Tone Relax / Family
春の泉温泉 トップ画面
Heroで施設名をしっかり印象づけ、静かな森の空気感を最初に伝える構成。
担当
情報設計 / デザイン / 実装
目的
施設の雰囲気と利用イメージが自然に伝わる温泉サイト設計
制作範囲
1ページ構成 / HTML / CSS / 軽いJS
参考価格
おためしプラン(5万円)想定

Structure

お湯 → 料金 → 館内導線

見たい情報へ自然に進める1ページ構成。

Experience

湯あがりまで想像できる

入浴後の休憩や軽食まで、過ごし方が伝わる設計。

Mood

桜色でやわらかく訴求

温泉らしい静けさを保ちつつ、春のやさしさを添えました。

Overview

小さく始める温泉施設サイトの見本

春の泉温泉は、おためしプランの作例として設計した温泉施設サイトです。 写真の空気感を活かしながら、料金や館内情報まで迷わず読めるように、 情報の順番と見せ方を丁寧に整えました。

Challenge

“雰囲気だけ”で終わらせないこと

温泉施設のサイトは、きれいな写真だけでも魅力的に見えます。 ただ、実際に利用を考える人が知りたいのは、 どんなお湯か、いくらか、館内でどう過ごせるか、家族でも利用しやすいか。 そのため、世界観を壊さずに必要情報を並べる整理が大切でした。

  • 男湯・女湯の違いが写真と文章で伝わること
  • 料金が一目でわかること
  • 館内着・軽食・お土産など、入浴後の過ごし方まで想像できること

Design / Direction

桜色のやわらかさと、森の静けさを両立

全体は森を思わせるやわらかな緑を土台にしながら、 セクションタイトルやカードまわりに桜色を差し込み、 春らしいやさしさを添えています。 温泉施設らしい静けさと安心感を保ちながら、 Heroではロゴを主役にし、見出しや背景のつながりは ゆるやかで心地よい印象になるように調整しました。

  • 余白を広くとり、せかせかしない印象に
  • 緑を土台に、ラベルやカードへ桜色を軽やかに配置
  • カード面は白すぎず、背景と馴染む色設計に
  • 最後のCTAとFooterまで、空気感が途切れないよう調整

Screens

主な画面構成

男湯・女湯セクション
お湯の特徴を左右の比較で見せる Bath セクション。
料金案内セクション
手ぶら利用も伝わる、見やすい料金表。
館内での楽しみセクション
軽食やお土産を通して、湯あがり後の楽しみを想像しやすく。
営業案内・アクセスセクション
営業情報と施設外観を並べ、安心して利用を検討できる構成。

Result

“行ってみたい” が自然に浮かぶ見せ方へ

写真の雰囲気だけで終わらず、料金・館内・アクセスまで自然に理解できることで、 温泉施設としての安心感と行きやすさが伝わる構成になりました。 おためしプランの範囲でも、見せ方を整えることで十分に世界観を作れることがわかる作例です。

このテイストで作りたい方へ。
やわらかな世界観と情報整理を両立した店舗サイトを体験できます。