苔美術館ホテル旅人（一般社団法人日本苔アート協会）　ホームページ制作　叩き台 3案

方向性を変えた3案をご用意しました

いずれも1ページ完結・スマホ優先の構成です（Instagram からの閲覧を想定）。開業日・料金・客室数・番地・アクセス・同伴の条件など、決まっていない情報は「確定しだい掲載」として仮置きしています。

参考にしたサイトARTnews JAPAN「日本のアートホテル27選」に載っているホテルの公式サイトを実際に見て、各案に取り入れています（DDD HOTEL、node hotel、あらや滔々庵、THE SHINMONZEN、SHIGUCHI、KURKKU FIELDS、白井屋ホテル、ホテル アンテルーム 京都 など）。
案A PC表示案A スマホ表示
宿の格で選んでもらう

A美術館の静けさ

生成りと苔の深緑、明朝だけで組んだ「館内を歩く」構成。表紙は作家の実際の作品を額装して中央に置き、大きな「旅人」の文字を重ねました。章立ては「第一室〜第六室」の展示室。作品の壁と受賞・展示の歩みを前面に置いています。

参考にしたサイトと取り入れた点
  • DDD HOTEL：大きな文字と中央の額縁写真を重ねる表紙、右上の予約タブ
  • あらや滔々庵：作品そのものを表紙の主役にする
  • node hotel：展示室のような目次（PCで左に固定）、互い違いに並ぶ作品写真
案Aを見る
案B PC表示案B スマホ表示
過ごし方と安心で選んでもらう

B愛犬と過ごす一日

写真を大きく使い、到着から翌朝までを8つの場面で見せる構成（PCは写真が固定され、場面に合わせて切り替わります）。「いま決まっていること／確定しだい掲載すること」を並べた安心のパートを厚くしています。

参考にしたサイトと取り入れた点
  • KURKKU FIELDS：全面写真に縦書きの見出し
  • THE SHINMONZEN：写真に白いカードを重ねる交互の施設紹介、細い線のボタン
  • SHIGUCHI：庭や作品の写真を並べた「旅人の風景」グリッド
案Bを見る
案C PC表示案C スマホ表示
開業案内の登録を集める

C開業前の先行案内

夜の旅館に灯りがともる写真で始まり、主な申込みボタンを「開業のご案内を受け取る」に。開業までの進み具合、作家の物語（実際の作品・制作写真）、旅館の再生でどこが何に変わるかを章立てで見せます。

参考にしたサイトと取り入れた点
  • 白井屋ホテル：暗い地に一言で言い切る見出し
  • ホテル アンテルーム 京都：建物を転用した物語、暗い壁に作品を並べるギャラリー
  • SHIGUCHI：夜の山並みと短い日本語の言葉
案Cを見る

3案に共通すること

  • 施設は「泊まる（客室）・食べる（レストラン）・走る（ドッグラン）・くつろぐ（大浴場・日帰りのご利用（準備中））」で整理
  • 受賞・展示は4つの事実のみ（2018年 協会設立／2021年 国立新美術館／2023年 星野リゾート 奥入瀬渓流ホテル／2025年 迎賓館赤坂離宮 本館）
  • プレスリリースの「〜となる苔アート体験型の宿泊施設」の一文は、各案1か所だけ
  • 庭の内容（枯山水庭園と苔庭・蓮池・水車小屋・自然遊歩道）は @Press のプレスリリース原文を確認して記載
  • 料金は「◯◯,◯◯◯円〜」の仮置き＋「料金は準備中」。お客様の声は「開業後に掲載」のサンプル枠3件
  • オープニング演出はなし（表紙は最初から表示）。ヘッダーに予約ボタン、スマホは画面下に追従ボタン（フォーム表示中は隠れます）。電話 050-5471-7237
  • フォームの name 属性は 「氏名」「電話」「メール」「ご用件」「ワンちゃんの犬種・頭数」「本文」で固定。<form data-endpoint=""> に受付先を入れると送信されます
  • ご指定の「使わない語」は全ページで検査済み。英大文字のラベルなし
  • 改行は文節単位。「『…』と｜いう」のような切れ方や、1〜2文字だけの行が出ないよう、画面幅 360〜1440px の8段階で全テキストを自動検査しています

お打合せで確認したいこと

  1. 開業日・予約の受付開始日（目安だけでも）
  2. 客室数・料金・同伴料金、日帰りのご利用の内容
  3. 泊まれる犬種・頭数、同伴の規約、粗相・破損時の扱い
  4. 番地の掲載可否（プレスリリースには番地まで記載があります）・アクセス
  5. 旅館業・飲食店・公衆浴場などの許可の状況（事業者情報の「許可・登録」欄）
  6. 大浴場の詳細（サイト上は「大浴場」とだけ表記しています）
  7. 犬連れでない方の宿泊の可否
  8. 受賞（2021年）・迎賓館展示（2025年）の写真のご提供
  9. 使用中の実際の写真（下記）の掲載のご了承
  10. ホテル専用の Instagram の有無

使っている実際の写真（ネットで確認できたもの）

作家ご本人の公式サイト（moss-artist-yamagata.com）と日本苔アート協会の公式サイト（japanmossart.com）に掲載されている写真です。実写には「イメージ」表示を付けず、出典を小さく添えています。

ファイル名写っているもの使っている場所出典
work-01〜05.jpg苔アート作品（テラリウム・額装）A：表紙・第二室の作品の壁／B：コンセプト・風景／C：作品ギャラリー作家公式サイト（作品）
artist-with-work.jpg作品と並ぶ山縣さんA：作品の壁／B：苔アートと作家／C：第一章作家公式サイト（プロフィール）
oirase-wall.jpg奥入瀬渓流ホテルの苔アートA・B：歩み 2023年／C：作品ギャラリー作家公式サイト（実績）
oirase-making.jpg奥入瀬渓流ホテルでの制作のようすB：苔アートと作家／C：歩み 2023年作家公式サイト（実績）
moss-closeup.jpg保存加工の苔（モスチャー）の寄りA・B・C：モスチャー／B：風景作家公式サイト（モスチャー）
representative.jpg代表理事 山縣健志さんA・B・C：代表あいさつ協会公式サイト（協会について）
making-hands.jpgピンセットで苔を置く手元A：作品の壁協会公式サイト

※ 奥入瀬渓流ホテルの写真は、ホテル（星野リゾート）の館内が写っています。本番公開の前に、掲載してよいかをご本人経由でご確認ください。

まだ写真がない枠

次の2枠は、ご本人の実写をいただいてから入れます（生成はしません）。指定のファイル名で assets/photos/ に置いて再デプロイすると、HTMLを触らずに差し替わります。

ファイル名案配置場所推奨比率内容
history-2021.jpgA・B・C歩み 2021年（国立新美術館での受賞）3:2授賞式・受賞作品・会場の写真など
history-2025.jpgA・B・C歩み 2025年（迎賓館赤坂離宮 本館での展示）3:2展示のようす・作品の写真など

いただいた写真の使い先（16枚）

写真ファイル名使っている場所
夕暮れの玄関へ歩く二人と犬dusk-entrance.jpgC：表紙／B：一日の過ごし方
山を望む大浴場bath.jpgA・B・C：くつろぐ
額装の苔アートの寄りmossart-frame.jpg予備（実際の作品写真を優先）
バーベキューハウスの食事と柴犬restaurant.jpgA・B・C：食べる
2面に仕切られたドッグランdogrun.jpgA・B・C：走る
苔アートの額が並ぶロビーlobby-gallery.jpgA：館について／B：コンセプト・一日
朝霧の縁側に柴犬と人morning-engawa.jpgB：表紙／A：庭
器に盛った苔mossture-bowl.jpg予備（実際の苔の写真を優先）
苔庭の飛び石を歩く人と犬garden-path.jpgB：一日の過ごし方・風景
和室の客室とトイプードルroom.jpgA・B・C：泊まる
夜の枯山水庭園karesansui-night.jpgA：第五室「庭」／B：旅人の風景
蓮池と錦鯉lotus-pond.jpgA：第五室「庭」／B：旅人の風景
水車小屋と遊歩道waterwheel.jpgA：第五室「庭」／B：旅人の風景
苔の飛び石に立つ柴犬の足paws-moss.jpgB：旅人の風景
朝の客室で伸びをするトイプードルb-morning-room.jpgB：一日の過ごし方「朝」
旅館の外観（昼）exterior-day.jpgC：第二章「旅館の再生」

生成写真には「イメージ」表示を付けています。