02/ 07

旅館 橘 TACHIBANA 四季を感じる、静寂の宿

A quiet onsen inn, through the four seasons

  • Concept Work(自主制作)

Overview概要

業種
温泉旅館
種別
Concept Work(自主制作)
担当範囲
構成 / デザイン / STUDIO構築(CMS・予約ツールの設定を含む)
ツール
STUDIO(CMS・予約ツール)
制作年
2026年
旅館 橘 のサイトのトップ画面。縦書きの明朝と、紅葉に囲まれた夜の旅館の写真

Challenge課題設定

自然に囲まれた老舗の温泉旅館を想定しました。記念日や特別な旅を探している30〜60代の夫婦が、写真を見た瞬間に「ここに泊まりたい」と感じられるかどうか。世界観で心を動かしたうえで、客室・料理・温泉の詳細と予約まで迷わず進めることを課題にしました。

Designデザインの答え

配色

  • 生成り #F7EFE3 ベース
  • 墨 #1A1A1A 文字・夜の色面
  • 金茶 #917C50 予約ボタン・要所

墨と生成りを基調に、予約ボタンなど要所だけに金茶(#917C50)を差しました。色数を絞ることで、夜景や紅葉の写真が主役になるようにしています。

書体

四季を感じる、静寂の宿

Zen Old Mincho全体・縦書きのキャッチ

TACHIBANA

Cinzel屋号のローマ字

全体を Zen Old Mincho でそろえ、トップのキャッチは縦書きにしました。屋号のローマ字には Cinzel を合わせ、和の宿に少しだけ格式を足しています。

導線

  1. 縦書きのキャッチと写真
  2. 客室
  3. 料理
  4. 温泉
  5. ご予約

客室・料理・温泉は写真と文章を左右交互に

客室・料理・温泉を、写真と文章の左右交互で並べました。読み進めるうちに宿で過ごす時間を想像でき、各詳細ページと予約へ自然に移れる流れにしています。

Noteひとこと

縦書きと余白で「静けさ」を出すこと。写真を大きく見せるために、文字は控えめにしました。

この作品は、Webデザインを学ぶなかで、架空のクライアントを想定してつくった自主制作です。掲載している店名・住所・電話番号などはすべて架空のものです。

Contactご相談・お問い合わせ

「まだぼんやりしているけれど、話を聞いてみたい」という段階でも大丈夫です。2営業日以内にお返事します。