Brand Site

tsukihi — a quiet house in naramachi ならまち古民家宿 月日 -tsukihi-

奈良・ならまちの路地奥にある、一日一組限定・一棟貸しの古民家宿「月日 -tsukihi-」のブランドサイトです。「家の記憶が、旅の記憶になる。」をキーメッセージに、全 7 ページの構成と和モダンな世界観を一貫して仕立てました。

ならまち古民家宿 月日 -tsukihi- のモックアップ画像
デモサイトを開く

別タブで、実際の全 7 ページ構成のデモサイトが開きます。

— Background —

制作の背景

「オーナーが幼い頃を過ごした実家を、取り壊すのでも、そのまま残すのでもなく、"一日一組の宿" として整え直したい」。そんな物語性のあるコンセプトをそのまま伝えられるブランドサイトが欲しい、という想定でデモを制作しました。

普通の予約サイトの「設備の羅列」では伝わらない、家族の時間が積み重なった古民家の佇まいと、旅人がゆっくり時間を忘れられる場所であることを、サイト全体で語りたい。読み物のようにスクロールできる構成と、和モダンな視覚言語で「滞在前から始まる宿の時間」を作り込みました。

— Approach —

こだわったポイント

  • 家の記憶が、旅の記憶になる。」をキーメッセージにして、宿全体の世界観をひとつの言葉で軸づけ
  • トップページは画像を抑えた読み物のような構成にして、宿の物語をゆっくり読み進めてもらえる形に
  • 濃茶や臙脂、ベージュなど落ち着いた色味で和モダンの古民家らしいトーンに統一
  • 全 24 枚の写真を同じトーンで揃え、光や色味がページごとにバラけないよう仕上げ
— Scope —

担当範囲

  • ブランドコンセプト整理・キャッチコピー設計
  • 情報設計・全 7 ページのサイトマップ作成
  • 和モダントーンのビジュアルデザイン
  • コーディング(HTML / CSS / Vanilla JavaScript)
  • レスポンシブ対応(PC / タブレット / SP の 3 段階)
  • ヒーロー画像のスライドショー・ハンバーガーメニュー・フォーム制御の JS 実装
  • AI 生成画像 24 枚のディレクション(統一プロンプト・差し替え運用)
  • Google Maps 埋め込み・お問い合わせフォーム設置

※ 本制作物は、ポートフォリオ公開用に制作した架空のデモサイトです。実在する宿・施設ではありません。使用している写真は AI 生成画像(商用利用可)を用いています。