これはデモです。名称・料金・時刻・写真はすべて仮のものです。
デモサイトを見る ↗
Pigeonworks
qui HANARE
丸の案
2026-09-03
ver.3.0
qui CUCINA ITALIANA 様
CONFIDENTIAL

DECIDED — 2026.09.01

C案の配色と、D案のフォントで作り直しました

前回の打ち合わせでA案とB案は対象外と決まり、C案の配色とD案のフォントを 組み合わせて作り直すことになりました。いまの案も、その組み合わせの上に立っています。

前回お選びいただいた案C「コテージの温もりを見せる」のトップページ
前回の案C「コテージの温もりを見せる」

C案は配色が優しいが、フォントが可愛すぎる

— 議事録より

配色だけを引き継ぎました。前回のC案の見出しは Jost (幾何学サンセリフ) でしたが、 そこは残していません。

D案は文字の感じが好みだが、犬を前面に出しすぎている

— 議事録より

フォントだけを引き継ぎました。D案の見出しは Shippori Mincho (明朝) です。 愛犬のことは前面から外し、独立したページにまとめています。

コテージは黄色い壁・オレンジの屋根。C案の配色がそれに合う

— 議事録より

地の色と差し色は建物から採っています。こちらで選んだ色ではないので、 案ごとに大きくは動かしていません。

Pigeonworks — 2 / 27

DECIDED — つづき

あわせて決まった、作りのこと

1枚目が見た目の決定でした。ここは作りについての決定です。いずれも今の案に入っています。

白を基調としたパターンも、あわせて作る

— 議事録より

「余白で見せる」案がこれにあたります。地を白にし、差し色を茶に落として、 写真の枚数もいちばん少なくしています。

カレンダーの丸の下に、日付ごとの宿泊料金を出す

— 議事録より

空いている日の○の下に、その日の1泊の金額を出しました。 空きと料金が一目で分かる形です。

食事の予約と宿泊の予約を分ける

— 議事録より

宿の予約画面からお食事を外し、お食事のご予約ページを別に設けました。 お店のご予約 (TableCheck) へお渡しします。お会計が分かれるためです。

Pigeonworks — 3 / 27

FOUNDATION

この宿がいちばん大事にしていること

形・写真の量・地の色・書体は、9月3日までにすべて決まりました。 以降はこの1つを深めていきます。土台にあるのは、次の言葉です。

サイト全体の土台

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

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

プライベートである

  • 1日1組です。
  • 人に会わずに済む理由を、トップに事実で並べます。

世界観がある

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

紹介で回る

  • 紹介が7・新規が3くらいがよい、とうかがっています。
  • このサイトを見ただけでコテージのことが分かるようにします。
  • ご質問があれば、このリンクをお渡しいただくだけで済む状態を目指します。

Pigeonworks — 4 / 27

WHAT CHANGED — ver.3.0

見た目について、いただいたご指摘

見た目の決めごとは、これで全部そろいました。形・写真の量・地の色・書体・筆記体の5つです。 比べていただく段は終わりましたので、この版から丸の案1本にしています。 ここから先は、この1つを深めていきます。

いただいた言葉 どちらへ 直したこと
形は丸の形が良いです (丸の方向で進めて下さい) 2026-09-03 · 先方 4案のうち丸みの案。角のある側ではなく、包む側へ ver.3.0 は丸みの案1本にした。残る3案は「前回お見せした案」として残す
また、家の形の木のスケッチ絵がとても良い！ 2026-09-03 · 先方 選ばれなかった案の中にも、残す部品がある。線画は当たり 家形の案にだけ入れていた針葉樹の線画を、丸みの案の足元に移した
写真の量は多いほうでよろしくお願いします 2026-09-03 · 先方 枚数は増やす側へ。余白で見せる方向ではない コンセプトの区画を2枚から7枚に増やした (延べ15枚 → 20枚)。4案のうち一番多い持ち方に揃えた
地は生成り、書体はShippori Minchoが1番好みです 2026-09-03 · 先方 いま丸みの案で使っている組み合わせのまま 変更なし。地 #FFFBE9 と Shippori Mincho を確定として扱う
またqui の筆記体は現段階では5. Qwitcher Grypen が良いのでは？と思います 2026-09-03 · 先方 5候補のうち5番。走り書きの勢いとかすれがある側へ --font-script を Whisper から Qwitcher Grypen (Bold) に。字面が小さく崩しが強い書体なので、小さく組んでいた2か所 (フッターのナビ / コンセプトの小見出し) を大きくし、字間を詰めた

Pigeonworks — 5 / 27

WHAT CHANGED — つづき

中身について、いただいたご指摘

お食事のご案内は、向きが逆になっていました。ver.2 は「先のご予約ではまだ取れません」と、 できないことから書いていました。実際はお泊まりの方だけが期間の外でも承れるという、 この宿の強みのほうです。書き直しています。

いただいた言葉 どちらへ 直したこと
quiレストランとコテージの距離感が350m 徒歩3分程です。住所は非公開ですが、レストランとコテージの距離感が伝わるとより良いです 2026-09-03 · 先方 所在地は出さない。ただし近さは数字で出す 案内図の下に、距離だけの図を足した (方角も道も描かない)。アクセス・お食事・トップの3か所にも数字で入れた
お食事やオードブルテイクアウト、通常テーブルチェックですと60日前から受付です。コテージ宿泊のお客様へは優先的にご案内 (ご予約可) にします。(仮にコテージが6ヶ月前にご予約頂いた場合、お食事、テイクアウトはお電話で承る。60日以内であればテーブルチェックへ) 2026-09-03 · 先方 受付期間のずれは、制限ではなく優先として書く お食事ページの一番大事な段を書き直した。見出しで優先だと言い切り、行き先を日数で分ける (60日より前はお電話、60日以内は TableCheck)
なかなかお客様へお伝えが難しいのですが、コテージご予約のお客様は優先してご予約承ることが伝わると助かります 2026-09-03 · 先方 仕組みの説明ではなく、お客様に伝わる言い方にする 「ご予約いただける時期が、宿とお店で違います」という説明の見出しを、「コテージにお泊まりの方は、優先してご予約を承ります」に替えた

Pigeonworks — 6 / 27

CONTENT — 1 / 3

載せる情報と、まだ決まっていないこと

10区画に何を載せるか、そのうち何がまだ決まっていないかの一覧です。 決決まっている 未決めていただく 確伺えていない 伏載せない

この宿のこと

なぜこの宿があるのかを伝える。ここが弱いと、ただの貸別荘になる

  • 決 屋号の意味
  • 決 レストランとの関係
  • 未 なぜコテージを始めるのか
  • 決 1日1組にした理由
  • 決 建物のこと
  • 決 土地のこと

コテージ・設備

「泊まれるかどうか」を判断する材料。ここが空欄だと他の宿と並ばない

  • 決 間取り
  • 未 寝具の構成
  • 未 延床面積
  • 未 備品の品目
  • 未 お風呂
  • 未 台所でできること
  • 未 暖房と冷房
  • 確 Wi-Fi
  • 確 洗濯
  • 確 喫煙

ここで受けられること

レストランがあることが、この宿のいちばんの違い。愛犬もここに並べる

  • 決 レストランのコース
  • 決 お車を運転せずに食事できること
  • 決 レストランのお席を優先できること
  • 決 優先をどう成立させるか
  • 未 レストランの定休日と、お食事の締切
  • 未 オードブルをコテージに
  • 決 素泊まり
  • 決 愛犬もご一緒に
  • 未 愛犬の受け入れ条件
  • 未 犬が苦手な方への説明
  • 確 買い出しのご案内

Pigeonworks — 7 / 27

CONTENT — 2 / 3

料金・ご予約の前に・ご予約の流れ

決決まっている 未決めていただく 確伺えていない 伏載せない

料金

近隣で料金を出している宿は5件中2件。出せばそれだけで違って見える

  • 決 4シーズンの料金
  • 決 追加人数
  • 決 愛犬特別清掃費
  • 決 冬季の暖房費
  • 未 料金に含まれるもの

ご予約の前に

条件が多い宿なので、先に出さないと断るやりとりが増える

  • 決 定員
  • 決 お子様
  • 決 泊数
  • 決 受付期間
  • 未 チェックイン / アウトの時刻
  • 決 鍵の受け渡し
  • 決 連泊中の清掃
  • 決 お支払い
  • 未 キャンセルの扱い

ご予約の流れ

事前決済をする以上、いつ確定するのかを書かないと不安を与える

  • 未 予約が確定するまで
  • 未 確定の時点
  • 未 変更のしかた
  • 未 当日の連絡先

Pigeonworks — 8 / 27

CONTENT — 3 / 3

アクセス・この土地・お知らせ・事業者の情報

決決まっている 未決めていただく 確伺えていない 伏載せない

アクセス

所在地は伏せる。ただし「行けるかどうか」の判断はしていただく必要がある

  • 決 エリア
  • 決 高速から
  • 決 冬季の道路
  • 確 駐車場
  • 伏 詳しい住所
  • 伏 地図・案内図
  • 伏 道順
  • 伏 最寄り駅からの経路

この土地のこと

実写真が2027年3月まで無い。その間、土地の話が写真の代わりになる

  • 決 標高1,100mが何をもたらすか
  • 確 四季それぞれの様子
  • 確 実際の気温
  • 未 冬の過ごし方
  • 未 周辺の過ごし方

お知らせ

建つまでの間、ここだけが「新しいこと」を出せる場所になる

  • 決 お知らせの区画
  • 未 工事の進み具合
  • 未 ご予約開始のお知らせ
  • 未 キャンセルで空いた日

事業者の情報

事前カード決済をするなら、書かないと始められないものがある

  • 決 運営者
  • 未 特定商取引法に基づく表記
  • 未 宿泊約款・利用規約
  • 未 個人情報の扱い

Pigeonworks — 9 / 27

LINEAGE — 背骨

3つの版で、それぞれ何をしていたか

版ごとに役割が違います。ver.1 で外れたのは失敗ではありません。 外れて初めて方向が分かるので、ver.1 は当てにいかず、広く散らすためにお見せしています。

ver.1.0 探る (0 → 1)
ねらい
どんなイメージをお持ちか、少しでも近いものを見つける
やり方
方向の違う案を広く散らす。当てにいかない
伺うこと
どれが近いですか / どれが遠いですか
作り込み
作り込まない。外れる前提。仮であることを画面に出す
ver.2.0 近づける (1 → N)
ねらい
選ばれた方向を、想像に寄せる
やり方
案を絞り、方向の修正を積む
伺うこと
どちらへ直しますか (もっと薄く / もっと落として)
作り込み
ここから作り込む。方向が定まっているので手が無駄にならない
ver.3.0 深める (N → 1つを掘る)
ねらい
決まった1つを、実際に使える形に近づける
やり方
案を並べない。1つを深くする
伺うこと
この形で、まだ足りないところはどこですか
作り込み
作り込む。比べるための作り分けが要らないぶん、手が全部1つに乗る

そのときお見せしたものは、いまも開けます — ver.1.0 の案C ver.2.0 四角 ver.2.0 家形 ver.2.0 余白 ver.3.0 丸 (いまの案)

Pigeonworks — 10 / 27

LINEAGE — 建物と場所

なぜこうなったか — 建物と場所

1つの主題が、版をまたいでどう動いたかです。 灰色が「そのときどうだったか」、囲みが「それを動かした言葉」。 言葉には誰のものかを付けています。

建物の色

何色の建物として描くか

  1. ver.1 黒っぽい外観で描いた

  2. 実物は黄色っぽい外観に、オレンジの屋根 先方 09-01

  3. ver.2 #f2e2b0

  4. 色のきみはもっと薄い黄色だと思う こちら 09-01

    #f8f0d8

  5. コテージの壁はおそらくこんなに黄色ではない こちら 09-02

    #FFFBE9

  6. 地は生成り 先方 09-03

    ver.3 生成り #FFFBE9 として確定した…はずだった

  7. 今の背景って生成りと言えるのか こちら 09-03

    彩度 100% → 40% に落として #FAF9F4 に。明度は 96→97% (印の下地が AA を割ったため) 確定

「薄く」を明度と読み違え、3回とも彩度を下げずに明るくしていた。生成りは彩度が低いことで成り立つ色。★ その色を「生成り」と呼んだのはこちら。**自分で付けたラベルを、相手の言葉として受け取らない。**

壁の素材

木の家か、土の家か

  1. ver.1 板張り

  2. 壁の質感は気ではなく、土みたいなやつ こちら 09-02

    ver.2 塗り壁 (hand-troweled earthen plaster)

  3. ver.3 塗り壁にオレンジの瓦 確定

板張りは2回とも外れた。木を足したくなったら、まず疑う。

場所の出し方

どこにある宿だと分かってよいか

  1. 所在地は公開しない。地図も載せない 先方 09-01

    ver.1 地図を外し、基準点を長坂IC の1つだけにした

  2. 場所は公開しておりませんではなく、詳しい住所がないから実質辿り着けないようになっている こちら 09-02

    ver.2 「場所は公開しておりません」の一文を落とした。案内図・駅名・周辺施設は出し、出さないのは番地と道順だけにした

  3. 住所は非公開ですが、レストランとコテージの距離感が伝わるとより良いです 先方 09-03

    ver.3 距離だけの図を足した。方角も道も描かない 確定

伏せていることを、伏せていると書かない。同じ働きでも、宣言すると「隠している宿」の印象が先に立つ。

Pigeonworks — 11 / 27

LINEAGE — 見せ方

なぜこうなったか — 見せ方

1つの主題が、版をまたいでどう動いたかです。 灰色が「そのときどうだったか」、囲みが「それを動かした言葉」。 言葉には誰のものかを付けています。

形

何で世界観を作るか

  1. ver.1 軸で割った4案 (料理 / この地 / 過ごし方 / 愛犬)

  2. 案C が、けっこうイメージに近かった 先方 09-01

    A案とB案は対象外。C案の配色と D案のフォントで作り直す

  3. ver.2 見せ方で割った4案 (丸 / 四角 / 家の形 / 余白)

  4. 形は丸の形が良いです (丸の方向で進めて下さい) 先方 09-03

    ver.3 丸1案 確定

  5. 家の形の木のスケッチ絵がとても良い！ 先方 09-03

    家形の案にあった針葉樹の線画を、丸の案の足元へ移した

落とした案の中にも、残す部品がある。案を丸ごと採るか捨てるかで考えていると、この形の指摘は拾えない。

書体

和文と欧文を何で組むか

  1. C案は配色が優しいが、フォントが可愛すぎる 先方 09-01

    ver.1 案Cは Jost (幾何学サンセリフ) / 案Dは Shippori Mincho (明朝)

  2. D案は文字の感じが好み 先方 09-01

    ver.2 和文は明朝。見出しも本文も

  3. 英字は全部筆記体にする こちら 09-02

    欧字を筆記体に。40書体から5候補まで絞った

  4. 地は生成り、書体はShippori Minchoが1番好み / 筆記体は現段階では5. Qwitcher Grypen が良いのでは？と思います 先方 09-03

    ver.3 和文は確定 / 欧字は仮のまま

  5. 筆記体をやめて Shippori Mincho にする こちら 09-04

    筆記体をやめ、欧文も Shippori Mincho に

確からしさの違うものを、同じ「確定」に均していた。和文は3段で裏取り済み、欧文は「現段階では」の留保付き。**今度は選んでいただく形にする。**

写真

何枚、どれくらい作り込むか

  1. ver.1 6枚を作り込んだ。建物の色が違うと分かって全部使えなくなった

  2. 下の方に並んでいる明るい写真の感じが好みです 先方 09-02

    ver.2 12枚差し替え。量そのものを案の変数にした (8〜20枚)

  3. 写真の量は多いほうでよろしくお願いします 先方 09-03

    ver.3 延べ20枚。コンセプトの区画を2枚から7枚へ 確定

ver.1 で作り込みすぎた。先に「建物はどんな色・素材ですか」を確かめていれば、6枚は要らなかった。

Pigeonworks — 12 / 27

LINEAGE — 中身

なぜこうなったか — 中身

1つの主題が、版をまたいでどう動いたかです。 灰色が「そのときどうだったか」、囲みが「それを動かした言葉」。 言葉には誰のものかを付けています。

愛犬の扱い

犬の宿として名乗るかどうか

  1. ver.1 案D「愛犬を軸に」。犬を前面に出した

  2. D案は…犬を前面に出しすぎている 先方 09-01

  3. 犬の感じは控えにする。ただ、犬も止まれますよという感じで、サービスの1つという見せ方にする こちら 09-02

    ver.2 トップの3カードから外し、料理の後ろへ。見出しは「愛犬もご一緒に」。匂いの質問をFAQに足した

  4. ver.3 独立したページ (/dogs/) にまとめた 確定

強く出したものは一度戻される。控えめから始めて足すほうが速い。ただし受けられること自体は隠さない。

お食事の受け方

宿の予約でお食事も承るか

  1. ver.2 宿の予約からお食事を外し、お店のご予約 (TableCheck) へお渡しする形にした。飲食と宿泊で会計が分かれるため

  2. 「その時点ではまだお店のご予約ができません。受付が始まる頃にお声がけいたします」と書いた

  3. コテージ宿泊のお客様へは優先的にご案内 (ご予約可) にします / コテージご予約のお客様は優先してご予約承ることが伝わると助かります 先方 09-03

    ver.3 「コテージにお泊まりの方は、優先してご予約を承ります」に書き直し、行き先を日数で分けた 確定

事実は合っていたが、向きが逆だった。できないことから書き始めていないか、毎回見る。

Pigeonworks — 13 / 27

LINEAGE — 訂正

こちらが読み違えたこと

系譜が行ったり来たりしている箇所は、たいていここが原因です。 3件とも、伺えば済んだことを推測で埋めていました。

「案Cが近い」の理由

  1. 温もりの軸が響いたのだと読んだ
  2. 配色が実物 (黄色い壁・オレンジの屋根) にたまたま似ていただけ、と読み直した
  3. 「コンセプトのところを見て、いいなと思った」とうかがい、また読み直した

3回読み違えた。そのたび、決まっていないものを決まったこととして次の版に持ち込んだ。

次から — 近い案が出たときこそ、その場で理由を伺う。推測で埋めない。

何が選ばれたか

  1. 「案Cをお選びいただいた」と書いた
  2. 議事録の決定は「A案とB案は対象外。C案の配色とD案のフォントを組み合わせて作り直す」だった

案Cを丸ごと選ばれたことにしていた。2026-09-02 に訂正した。

次から — 決定は議事録の言葉で書く。こちらの要約に置き換えない。

受付期間のずれ

  1. レストランは60日前から、コテージは6ヶ月先まで —— ずれる分は「まだ取れない期間」だと読んだ
  2. 実際は「お泊まりの方はその期間もお電話で承る」という、優先の仕組みだった

この宿の強みの1つを、制限として書いていた。お客様が読むのは「待たされる」になる。

次から — できないことから書き始めていないか、毎回見る。

Pigeonworks — 14 / 27

HISTORY

前回からの変わったところ

版は、ご確認をいただいたときに上げています。こちらの作業が進んだだけでは上げません。

ver.3.0 ご確認待ち 丸みの案に絞り、いただいた5つの決めごとを入れた
  • 4案から丸みの案1本にした。残る3案は「前回お見せした案」として残してある
  • 家形の案にあった針葉樹の線画を、丸みの案の足元に移した
  • コンセプトの写真を2枚から7枚に増やした (サイト全体で延べ20枚)
  • 英字も Shippori Mincho で通すことにした (筆記体はいったんお休み。3案から選んでいただく形にした)
  • Shippori Mincho は、ご確認いただいたのでそのまま
  • 地を生成りに直した (#FFFBE9 → #FAF9F4)。彩度100%のままで、色としては生成りではなくクリームだった。読みやすさは実測で維持している
  • お食事の受付を「まだ取れません」から「優先して承ります」に書き直した
  • お食事の行き先を日数で分けた — 60日より前はお電話、60日以内は TableCheck
  • TableCheck のボタンを、押せない形にした。押した先がお店のご予約ページではなく TableCheck のトップになってしまうため。URL をいただければ押せるようになる
  • レストランからの距離 (350m・徒歩3分) を、案内図・アクセス・お食事・トップに入れた
  • アクセスの「地図の掲載は控えております」を落とした。トップの案内図と噛み合っていなかった
  • 比較表の写真の枚数を、実物を数え直して直した (四角 19→20枚 / 余白 8→9枚)
  • メインビジュアルの左のふちを弧にし、写真の切り替わり方を参考サイトと同じ拭き取りにした
  • コテージの区画を、いただいたモックアップの形にした (白い面・写真が右端まで・下にサムネイル4枚)
  • コテージの写真も拭き取りで送れるようにした
  • この土地の区画を、いただいた画像の形にした (横長の写真1枚＋6枚の帯・文字は左)
  • 写真の縦横比を 1.41 に揃えた (区画ごとに 0.78 / 0.80 / 1.41 とばらついていた)
  • 予約カレンダーを、囲みから罫線にした (囲み232個 → 2個)
  • 地を色だけにした。漆喰の模様と丸い地紋を外し、案C の茶 (#e4ddcb) だけにした
  • 木の線画を、予約の白い面の外に出した
  • お知らせとお問い合わせの区画を並びから外した (施主に伺っていない要件だったため)
ver.2.0 2026-09-03 見た目の方向 (4案) と、中身の決めごと
  • 10 件（この版の詳細は前回の資料に）
ver.1.0 2026-09-01 4案の方向性 (案A〜D)
  • 2 件（この版の詳細は前回の資料に）

Pigeonworks — 15 / 27

FEEDBACK

ver.1.0 を見ての、ご指摘

ver.1 は「どんなイメージをお持ちか、少しでも近いものを探す」ための版です。案Cがけっこう近い、とうかがえたことがいちばんの成果でした。

いただいた言葉 どちらへ 直したこと
案C (コテージの温もりを見せる) が、けっこうイメージに近かった ver.1.0 · 先方 · あとから起こしたもの この方向で合っている。ここに寄せていく 案Cを土台にし、見せ方の4案を作り直した
暖かいが良かったというより、コテージの壁の色が黄色で屋根がオレンジだから、こういうイメージに近かったのだと思う ver.1.0 · こちら 近さの理由は「軸」ではなく「建物がそう見えたこと」。案Cの配色が、たまたま実物に似ていた 「温もりの軸が選ばれた」という読みを取り下げた。見せ方の方向は、まだ決まっていないものとして扱う
案Cのコンセプトのところを見て、いいなと思った ver.1.0 · 先方 効いたのはコンセプトの区画。散らし配置の見た目か、そこに置いた言葉か その区画には、先方が10年使ってきたご自身の言葉を置いている (現行サイト About us から実測)。作ったものではなく、返したものが効いた可能性
下の方に並んでいる明るい写真の感じが好みです ver.1.0 · 先方 明るい室内写真が並んでいる見え方。暗い夕暮れではない側 実測で場所を特定した。スマホでコンセプトの区画を開くと 文章が上・写真が下に2列で7枚並ぶ。明るさは平均135 (寝室172〜前菜91)。ヒーローの夕暮れは暗く、ページの中でここだけ明るい塊になっている
(コンセプトの区画の、何が良かったのかは絞りきれていない) ver.1.0 · こちら 明るい写真が並ぶ見え方 / 散らし配置そのもの / 置いてある言葉。2件とも同じ区画を指しているので、この3つのどれか まだ — 次回うかがう。ただし「明るい写真」は2件目で裏が取れた側
実物は黄色っぽい外観に、オレンジの屋根 ver.1.0 · 先方 · あとから起こしたもの 黒い建物は違う。暖色側へ 建物の共通文から dark-stained を外した。写真6枚が全部使えなくなった
所在地は公開しない。地図も載せない ver.1.0 · 先方 · あとから起こしたもの 1日1組の宿として、場所は伏せる側へ 地図を外し、基準点を長坂IC の1つだけにした

Pigeonworks — 16 / 27

FEEDBACK — ver.2.0

作る途中でいただいたご指摘

言葉はそのまま残しています。要約すると「どちらへ直すか」が消えるためです。 まだ反映できていないものが8件あります。 ver.2.0 をご覧になってのご指摘は、もう1枚の資料「ver.3 の直し」にまとめています。

いただいた言葉 どちらへ 直したこと
場所は公開しておりませんではなく、詳しい住所がないから実質辿り着けないようになっている 2026-09-02 · こちら 伏せていると宣言しない側へ。働きは変えず、言い方だけ変える 「場所は公開しておりません」の一文を落とした。案内図・駅名・周辺施設は出す側へ移し、出さないのは番地と道順だけにした
色のきみはもっと薄い黄色だと思う 2026-09-01 · こちら 地の色は薄い側へ #f2e2b0 → #f8f0d8 → #FFFBE9 と3回落とした
コテージの壁はおそらくこんなに黄色ではない 2026-09-02 · こちら 彩度を下げる側へ pale cream + softly muted + low saturation の3語を重ねた
壁の質感は気ではなく、土みたいなやつ 2026-09-02 · こちら 木ではなく土。板張りをやめる側へ hand-troweled earthen plaster + no wood siding。--no にも足した
犬の感じは控えにする。犬の匂いが気になるお客さんに考慮して。ただ、犬も止まれますよという感じで、サービスの1つという見せ方にする 2026-09-02 · こちら 犬で名乗らない側へ。ただし受けることは隠さない 3カードから外し、料理の後ろに置き、見出しを「愛犬もご一緒に」に。匂いの質問をFAQに追加
レストランも経営しているコテージだからこれも強み。標高1,100mの山の中のコテージも強み 2026-09-02 · こちら 強みを具体にする側へ。「ある」だけでは伝わらない お車を運転せずに食事できること / 席数11席 / place の区画を並びに入れた
予約しやすさ、情報の見やすさを大事にしたい 2026-09-02 · こちら 決めるのに要る情報をページまたぎにしない側へ まだ — 推奨の構成を出した (読み物1ページ + 泊まる + ご予約 + Q&A)
英字は全部筆記体にする 2026-09-02 · こちら ロゴの筆致に寄せる側へ Parisienne を --font-display の先頭に。和文は自動で明朝に落ちる

Pigeonworks — 17 / 27

FEEDBACK — 溜めて見えたこと

ご指摘は、同じ向きに外れます

1件ずつ見ても分かりませんが、並べると向きが揃っています。次に出すときの当たりをここから取ります。

01

色は「もっと薄く」の側に外れる

地の色で3回、壁の色で1回、どれも彩度を下げる向きに直った。次に色を出すときは、こちらが思うより一段薄いところから始める。

02

素材は「木」ではなく「土・塗り」

板張りは2回とも外れた。木を足したくなったら、まず疑う。

03

強みは「ある」では足りない。何が起きるかまで

レストランも標高も、名前を出しただけでは通らなかった。「お車を運転せずに食事できる」「夏の夜が涼しい」まで書いて通った。

04

伏せていることを、伏せていると書かない

「場所は公開しておりません」と書くと、隠している宿という印象が先に立つ。詳しい住所を載せなければ実際には辿り着けないので、宣言する必要がない。同じ働きでも、宣言するかどうかで受け取られ方が変わる。

05

「近い」の理由を、推測で埋めない

案Cが近い、の理由を3回読み違えた。温もりの軸が響いた → 配色が実物に似ていた → コンセプトの区画が良かった。推測で埋めるたび、決まっていないものを決まったことにしていた。

06

効いたのは、作ったものより「返したもの」かもしれない

良いと言われた区画には、先方が10年使ってきたご自身の言葉をそのまま置いている (現行サイト About us から実測)。こちらが考えた言葉ではない。既にある言葉を探して置く手を、もっと増やす。

07

明るい写真が並んでいるところが、2度良いと言われた

「コンセプトのところが良かった」と「下の方に並んでいる明るい写真が好み」は同じ区画を指している。ページの中でここだけ明るい塊 (平均135)。ヒーローは夕暮れで暗い。明るい側に寄せる余地がある。

08

写真は、レイアウトより強く効く

先方が最初に読むのは配置ではなく建物。実写真が無いうちは、建物の見た目が近いかどうかで印象がほぼ決まる。レイアウトの案を並べる前に、建物が合っているかを確かめる。

09

落とした案の中に、残す部品がある

丸みの案を選ばれた同じ文で、家形の案の木のスケッチを名指しで良いと仰った (2026-09-03)。案を丸ごと採るか捨てるかで考えていると、この形の指摘は拾えない。落とす案からも、部品は持ち帰れるものとして見る。

10

事実が合っていても、向きが逆だと伝わらない

受付期間のずれを「先のご予約ではまだ取れません」と書いていた (ver.2)。事実は合っていたが、実際の運用は「お泊まりの方は期間の外でも承る」で、**制限ではなく優先だった。**お客様が読むのは事実ではなく向き。できないことから書き始めていないか、毎回見る。

11

強く出したものは、一度戻される

犬を前に出す→下げる、瓦を凝る→やめる→また入れる。強く出したものは一度戻される。控えめから始めて足すほうが速い。

Pigeonworks — 18 / 27

FIELD SURVEY — 2026.09.02

近くの宿は、どう作っているか

公開ページを6件。上の2件は qui と同じ字です。

宿 形 ナビ 料金 空き状況 ご予約
ARUMA GARDEN DOGS 大泉町西井出 (同じ字) 1日1組・2棟・犬・シェフ 7 公開 トップ最下部 自社フォーム / 現地払い
ヒュッテエミール 大泉町西井出 (同じ字) 1日3組・オーベルジュ 6 非公開 なし 電話のみ / 現地払い
テットベリーコテージ 高根町清里 1日1組・160㎡ 10 非公開 専用ページ 外部 (R-with)
プレイス八ヶ岳 小淵沢 複数棟 7 非公開 文言で誘導 外部 (checkinn.jp)
のぼりや 岡山県備前市 1日1組・犬・古民家 6 公開 なし 自社リクエスト / 現地払い
ホースリトリート八ヶ岳 高根町清里 1日1組・2025年開業 — — — 公式サイトなし (OTA のみ)

料金を出している宿は5件中2件

ARUMA (シーズン×人数) と のぼりや (曜日×人数×犬) だけ。エミールは料金も空き状況も無く、ご予約は電話のみ。

トップに空き状況を置いている宿は1件

ARUMA だけ。しかもページのいちばん下。他は別ページか、そもそも無い。

事前カード決済をしている宿はゼロ

6件とも、その場では決済していない。申込を受けて確認メール、または電話で受けて現地払い。

ナビの骨格は5件とも同じ

建物 → 設備 → 料金 → アクセス → 予約。項目数は6〜10で中央値7。その上にその宿の売りが独立項目として乗る (ARUMA は「愛犬」と「料理」)。

Pigeonworks — 19 / 27

FIELD SURVEY — 料金以外

中身の作りには、はっきりした型があります

下層ページまで5件見ました。案の優劣ではなく、どの案を選んでも埋めることになる中身です。

備品は品目を1つずつ書く

5件とも例外なく列挙している。「アメニティ完備」で済ませている宿は無い。のぼりやは調味料の中身まで11品目、ARUMA は「毛取り用コロコロローラー」、テットベリーは「バンボ」まで書く。細かさを恥じていない。

区分は「誰が・どこで使うか」で割る

テットベリーは 台所 / お風呂 / 居間 / 子供部屋。ARUMA は 客室設備 / 愛犬用備品。五十音順や重要度順ではない。備品の区分では犬用を別立てにするが、ナビでは犬を名乗らない — 犬が苦手な方にも来ていただくため (2026-09-02 ご指示)。

数値を必ず出す

部屋の広さは5件とも明記。ベッドの寸法をミリまで書く宿が2件 (ARUMA 160×200cm / エミール L2,000×W1,400mm)。

ナビの項目数と、ページ数は別物

テットベリーはナビ10項目だが、うち5つは同じトップページ内の見出し。実体は「1ページ + 4ページ」。見かけのナビは増やしつつ、ページ数は増やさない作り方ができる。

埋めることになる項目 近隣の標準 いまの qui
備品の品目 15〜30品目を1つずつ 「設備一覧」の1行
寝具の構成と寸法 ベッドサイズをミリまで 定員5名のみ
部屋の広さ 5件とも明記 未定
愛犬の受け入れ条件 ワクチン・しつけ・ヒート 頭数と料金のみ
ご予約が確定する流れ いつ確定するか文章で 未定
周辺の過ごし方 5件中3件が持つ どの案も持っていない

Pigeonworks — 20 / 27

NOTES

この案について

中身

  • 2026年8月31日にいただいたご回答を反映しています。
  • 屋号 qui HANARE・定員5名・4段階の料金・犬3頭まで・事前カード決済など。
  • 9月3日にいただいたお食事の受付と、お店との距離 (350m・徒歩3分) の直しも入っています。

色

  • すべて実測から取りました。
  • 文字と背景の読みやすさは実測で確認しています (AA 4.5:1 以上)。地の上でオレンジ 4.74 / 本文 12.17。

写真

  • すべてイメージです。
  • 建物の完成は2027年3月なので、実物ではありません。
  • 完成後に撮影して差し替えます。
  • サイト全体で延べ20枚です。9月3日の「写真の量は多いほうで」を受けて、コンセプトの区画を2枚から7枚に増やしました。
  • まわりの林は「囲まれていて人目がない」ものとして写します。見晴らしとしては出しません。

書体について

  • 和文も英字も Shippori Mincho (明朝) で通しています。
  • 英字の筆記体 (Qwitcher Grypen) はやめました。いただいたお言葉を確認済みとして扱うべきではなかったためです。次のページで、あらためてお選びいただけます。
  • 本文まで明朝にすると、可読性より落ち着きが前に出ます。
  • 金額と日付だけは明朝のままです。筆記体だと数字が読みにくくなるためです。

Pigeonworks — 21 / 27

TYPE — お選びください

書体を選んでいただけますか

いまは英字も和文と同じ Shippori Mincho で組んでいます。近い書体を3つ添えました。 このままで進めてよいか、他の雰囲気がお好みか、教えてください。

Shippori Mincho いまの形です。線に強弱があり、ふところが広い明朝です

qui HANARE

Shippori Mincho B1 同じ家系の並字です。かなが一回り小さく、字間にゆとりが出ます

qui HANARE

Zen Old Mincho 線がやや太く、古い活字のような重みが出ます。見出しの控えとして既に使っています

qui HANARE

Klee One 明朝ではなく楷書寄りの手書き書体 (Handwriting分類)。手作りの温度が強く出ます

qui HANARE

★ 正直にお伝えすると、明朝は情報量の多い画面では読みにくくなることがあります。 横画が細いため、小さな文字や解像度の低い画面では線がかすれて見えることがあります。 このサイトは料金表・設備の一覧など、細かい情報を数多くご覧いただく作りなので、 本文の大きさでは特に影響が出やすい書体です。これは当社の見立てで、書体そのものへの ご希望を否定するものではありません。

Pigeonworks — 22 / 27

TYPE — 参考 (ご相談前・serif 確認済み)

「森の中の、プライベートな空間」に寄せるなら

お伺いした「世界観、プライベートな空間」という言葉から、当社の中だけで検討した方向です。 木目調のような直接的な「木」の書体は避けています —— 板張りが2回外れたご指摘と同じ理由です。 Google Fonts の公式分類で serif と確認できたものだけに絞っています。まだご相談する段ではありません。

Cormorant 16世紀 Garamond に着想。極端に繊細なディスプレイ用

qui HANARE

Cormorant Garamond 同じ家系。本文でも読める強さに戻した版

qui HANARE

EB Garamond 1592年の実物の見本帳から起こした復刻。創作ではない

qui HANARE

Marcellus 古代ローマの石碑の文字に着想

qui HANARE

Cardo 15世紀 Aldus Manutius の活字の復刻。学術書体

qui HANARE

Gilda Display 高いコントラスト。ファッション・ラグジュアリー向け

qui HANARE

Fraunces 輪郭がわずかに歪む可変書体。木漏れ日のような不揃いさ

qui HANARE

Lora 筆致に近い曲線。自然・くつろぎ系のブランドで定番

qui HANARE

Newsreader 長い読書のために設計。静かに読む時間という響き

qui HANARE

Crimson Pro 飾らない、古典的な書物の書体。声を張らない落ち着き

qui HANARE

Piazzolla 呼吸するような有機的な曲線。硬さがない

qui HANARE

Copse 英語で「小さな木立・茂み」の意。低コントラストのスラブ

qui HANARE

Pigeonworks — 23 / 27

HEARING — ビジュアルの確認

ここまでの確認と、1つだけ伺いたいこと

ビジュアルについて、いただいたお言葉から次の形で進めています。まずこの理解で合っているか、ご確認ください。

形

  • 丸

写真の量

  • 多いほう

地の色

  • 生成り

書体・筆記体

  • Shippori Mincho / Qwitcher Grypen
Q

丸の形を選ばれた決め手は何でしたか

Pigeonworks — 24 / 27

HEARING — 載せたい情報・載せたくない情報

どういう情報を載せる・載せないか

後から「これは出さないでほしかった」となるより、先に伺えればと思います。

01

サイトに載せたいもの・大切に見せたいものはありますか

お二人の写真、エピソード、こだわりの品など

02

逆に、サイトには載せたくないものはありますか

ご住所以外にも、お顔の出し方など

03

すでにお手元にある画像はあれば送っていただけますか

完成予想図・建築中の写真・土地の写真など

04

コテージの外観・内装は、すでに決まっている部分はありますか

決まっている場合、色・素材・間取りなど具体的な内容を教えてください（画像があれば、あわせてお送りいただけますと助かります）

05

Instagram の投稿で「富士山が望めるようにレイアウトした」と拝見しました。実際にコテージから富士山は見えますか

見える場合、景色としてお見せしてよいものでしょうか

06

Instagram の投稿で「料理人なのでキッチンにこだわる」「食器・グラス・カトラリーもレストラン基準」と拝見しました。この「作り手のこだわり」は、サイトでどれくらい前面に出したいですか

強く打ち出す / さりげなく触れる程度でよい、など

Pigeonworks — 25 / 27

HEARING — どう見えるか

雰囲気・写真の見せ方について

色・書体・写真の量は決まっていますが、それをどう組み合わせて見せるかはまだ伺えていません。

01

サイトでは、どういう雰囲気を出したいですか

見た瞬間の第一印象として

02

コテージそのものでは、どういう雰囲気を出したいですか

サイトの雰囲気と同じでも、違っていてもかまいません

03

サイト全体の色の印象について伺いたいです。いまは地を生成り、差し色は瓦をイメージしたオレンジにしています。この色合いは、思い描いている雰囲気と合っていますか

04

写真の印象は、どちらに近づけたいですか

隅々まで整えられた「作り込んだ」印象 / 少し暮らしの気配が残る「自然な」印象

05

情報量は、どちらがお好みですか

余白を大きく取って静かに見せる方向 / 要素を詰めて賑やかに見せる方向

06

いまサイトは、コテージ・設備／お食事／愛犬とご一緒に／料金・空き状況／ご予約／よくあるご質問／アクセスの7ページに分けています。ご予約を決めるのに必要な情報が、ページをまたいで探しにくいと感じるところはありますか

07

いまサイトのトップ画像は夕暮れの暗い雰囲気で作っています。明るい写真の方が良いというお話を以前伺ったのですが、トップの写真も明るい方向に変えたほうがよいでしょうか

Pigeonworks — 26 / 27

HEARING — 参考・ロゴとの関係

参考にしたいもの、ロゴとの関係について

01

参考にしたいサイトについて、具体的にどの部分が良いと思われましたか

写真の撮り方、余白の使い方、文字の大きさ、色数など

02

すでにイメージされているサイトはありますか

ビジュアル的に近いと思うものがあれば

03

qui レストランのサイト改修案（qui-cucina.pigeonworks.dev）をご覧いただきました。コテージのサイトの参考として伺いたいのですが、あの中で「こういうのが良い」と思われた点はありますか

逆に「コテージには合わない」と思われた点があれば、あわせて教えてください

04

このロゴと、サイトの雰囲気を近づけたいというご希望はありますか

ロゴ自体のデザインについてのご相談ではなく、サイトの色・形の方向性が今のロゴの印象と合っているかどうかの確認です

05

逆に「これだけはやりたくない」という実例があれば教えてください

他の宿・他のサイトで見たものでかまいません

Pigeonworks — 27 / 27