これはデモです。名称・料金・時刻・写真はすべて仮のものです。
Pigeonworks
qui HANARE
見た目の4案
2026-09-01
ver.1.0
qui CUCINA ITALIANA 様
CONFIDENTIAL

FOUNDATION

同じことを、4通りのやり方で見せます

4案が違うのは「何を大事にするか」ではありません。そこは下の1つに決まっています。違うのは、同じことを何で見せるかです。

絵ではありません。実際に動くサイトです

各案の「開いて試す」を押すと、本物と同じように動くサイトが開きます。メニューを押してページを移り、空き状況のカレンダーで日付を選ぶと、その日程の料金が出ます。お手元のスマートフォンでもそのままお試しいただけます。

4案に共通する土台

qui レストランと同じですが、世界観、プライベートな空間を大切にしたいです。ご夫婦がゆっくりできて、居心地がよく毎年リピートしていただくことが大切です。

— ヒアリング Q6「お店と宿で、大事にしたいことは同じですか」への回答

世界観がある

  • 色・書体・写真のトーンを最後まで一貫させます。
  • ページごとに雰囲気が変わらないようにします。

プライベートである

  • 1日1組です。
  • 他のお客様が画面に出てこないようにします。

また来たくなる

  • 一度で見尽くせないようにします。
  • 季節や時間の移り変わりが残る作りにします。

Pigeonworks — 2 / 8

COMPARISON

4案の違い

載せる情報・ページ数・料金・予約の流れは4案とも同じです。違うのはここに出ているものだけです。

← 横に流すと4案とも見られます

案A 写真6枚 今のトーンを引き継ぐ、高級感 開いて試す › 案B 写真9枚 この地の四季を見せる 開いて試す › 案C 写真8枚 コテージの温もりを見せる 開いて試す › 案D 写真5枚 愛犬とのお宿として見せる 開いて試す ›
地の色 #ffffff #ffffff #e9e1d1 #ffffff
差し色 黒 #1a1a19 苔緑 #4a5c3a 琥珀 #755d1c ワインレッド #7d2438
見出しの書体 qui HANARE Zen Old Mincho (明朝) qui HANARE Noto Sans JP (ゴシック) qui HANARE Jost (幾何学サンセリフ) qui HANARE Shippori Mincho (明朝)
上から順に
  1. 1 見出しとリード
  2. 2 この宿について
  3. 3 コテージ・設備
  1. 1 四季
  2. 2 見出しとリード
  3. 3 この宿について
  1. 1 見出しとリード
  2. 2 この宿について
  3. 3 コテージ・設備
  1. 1 この宿について
  2. 2 愛犬とご一緒に
  3. 3 コテージ・設備

Pigeonworks — 3 / 8

PLAN A

今のトーンを引き継ぐ、高級感

現行のレストランのサイトのトーンを引き継ぐ。低彩度のカラー・黒・ゴールドで高級感を出す

案Aのサイトを開いて試す

世界観の作り方

  • 高級感があるように見せる。静けさで作り、レストランの延長として少し敷居を高く保つ

誰に向けるか

  • 料理を目当てに来られる方。いまの常連の方とそのご紹介

お店との関係

  • 現行のレストランのサイトのトーンを引き継ぐ。今のまま残るお店のサイトと並べて揃って見える
地 #ffffff 差し色 #1a1a19

この案を選ぶと決まること

  • 現行サイトのトーンをそのまま引き継ぐ (色も写真の調子も)
  • レストランを先頭に出す (4案でいちばん料理を前に置く)
  • 写真の彩度を落として揃える (0.22。他の案は落とさない)
  • 「安さ重視のお客様」が寄りにくい (Q5)
  • 犬やお子様の親しみは、前に出しにくい

Pigeonworks — 4 / 8

PLAN B

この地の四季を見せる

八ヶ岳ならではの自然と四季を見せる。芽吹きの黄緑・夏の濃緑・カラマツの黄葉・雪

案Bのサイトを開いて試す

世界観の作り方

  • ここでしか得られない景色をメインに出す。同じ場所が四季で別の顔になる

誰に向けるか

  • 季節を選んで、毎年おなじ場所に来たい方

お店との関係

  • 同じ屋号の下に2つ。姉妹として並ぶ
地 #ffffff 差し色 #4a5c3a

この案を選ぶと決まること

  • メインビジュアルは上空からの俯瞰 (森の中の2棟)
  • 同じ場所を、四季で4回撮る
  • 初夏と紅葉期が画面に出る (料金表でハイシーズンの2つ)
  • 雪とタイヤの話が前に出る (Q27 で毎回聞かれている)
  • 料理は、俯瞰の中の「もう一棟」としてだけ出る

Pigeonworks — 5 / 8

PLAN C

コテージの温もりを見せる

生成りの地・金茶・幾何学サンセリフ

案Cのサイトを開いて試す

世界観の作り方

  • 世界観を「温もり」で作る。かしこまらずに、居心地で引き留める

誰に向けるか

  • ご夫婦・ご家族だけで、部屋にこもって過ごしたい方

お店との関係

  • お店とは分ける。宿は宿の空気を持つ
地 #e9e1d1 差し色 #755d1c

この案を選ぶと決まること

  • 4案で唯一、地が白ではない (生成り #e9e1d1)
  • 先頭は夕暮れの外観。窓の灯りで温もりを出す
  • 先頭より後ろは室内が主役 (リビング・寝室・灯り・窓辺)
  • 写真の枚数がいちばん要る (4案で最多の8枚。参照先は59枚)
  • 格の高さは、案Aより一段やわらぐ

Pigeonworks — 6 / 8

PLAN D

愛犬とのお宿として見せる

犬と庭が主役。特別感はレストランであることから出す

案Dのサイトを開いて試す

世界観の作り方

  • 世界観を「開放感」で作る。犬と外にいても、レストランの宿である特別さは残す

誰に向けるか

  • 愛犬と一緒に過ごしたいが、食事もあきらめたくない方

お店との関係

  • 犬の宿として立てるが、料理はお店のもの。お店と地続きに見える
地 #ffffff 差し色 #7d2438

この案を選ぶと決まること

  • 愛犬の区画を、部屋の説明より先に出す (4案でここだけ)
  • メインビジュアルに犬が写る (4案でここだけ)
  • 「犬を連れて泊まれる」だけでは近隣と並ぶので、料理で差をつける
  • 先頭は玄関の犬。ここだけ犬が主役になる
  • 先頭より後ろは庭と建物が主役。犬はその中にいる
  • お店の「ワンコの日」を宿にどう広げるかを、先に決める必要がある

Pigeonworks — 7 / 8

NOTES

この4案について

中身

  • 2026年8月31日にいただいたご回答を反映しています。
  • 屋号 qui HANARE・定員5名・4段階の料金・犬3頭まで・事前カード決済など。
  • 「これは近い」「これは遠い」を教えていただければ、そこから絞っていきます。

色

  • すべて実測から取りました。
  • 茶 #504028 とワインレッド #902840 はロゴから。
  • 案Aの落ち着いたトーンは、現在のお店のサイトの写真から (実測: 彩度 0.004)。
  • 案Aはその延長、案B・案C・案Dはそこから意図的に離しています。

写真

  • すべてイメージです。
  • 建物の完成は2027年3月なので、実物ではありません。
  • 完成後に撮影して差し替えます。
  • 案ごとにトーンを変えてあるので、写真の色そのものも比べる対象です。

案Dについて

  • 組み立ては、「良い」とうかがった近隣の宿を参考にしています。
  • あちらは犬連れのお宿で、qui HANARE も犬3頭までお受けになるとのことでした。
  • 色と言葉は qui のものに置き換えています。

Pigeonworks — 8 / 8