苔美術館ホテル旅人(一般社団法人日本苔アート協会) ホームページ制作 叩き台 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:作品の壁協会公式サイト

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

追加で生成してほしい写真

指定のファイル名で assets/photos/ に置いて再デプロイすると、HTMLを触らずに差し替わります(同じファイル名を使う案すべてに反映されます)。いただいた10枚はすでに使っています(下の表の下に一覧)。

ファイル名案配置場所推奨比率英語プロンプト
karesansui-night.jpgA・BA:第五室「庭」の小さな写真/B:旅人の風景1:1A Japanese karesansui dry rock garden at night, raked white gravel and moss-covered stones softly lit by warm ground lights, seen from inside a traditional wooden ryokan through a large window frame, calm and serene, no people, photorealistic
lotus-pond.jpgA・BA:第五室「庭」の小さな写真/B:旅人の風景1:1A small lotus pond with colorful nishikigoi koi fish swimming among round lotus leaves, beside an old Japanese farmhouse in a green mountain valley, soft morning light, gentle mist, no people, photorealistic
waterwheel.jpgA・BA:第五室「庭」の小さな写真/B:旅人の風景1:1An old wooden water wheel hut beside a narrow mountain stream in rural Japan, a natural walking path lined with moss and wildflowers, early summer greenery, soft diffused light, no people, photorealistic
paws-moss.jpgB旅人の風景(「飛び石を歩く愛犬」)1:1Close-up of a shiba inu's front paws stepping on mossy stepping stones in a Japanese moss garden, shallow depth of field, soft natural morning light, calm and warm, photorealistic
b-morning-room.jpgB一日の過ごし方「朝」(スマホは4:3、PCは縦長の固定枠で切り抜き)3:2(被写体は中央)Early morning in a Japanese ryokan guest room with tatami floor, soft sunlight through shoji screens and a large window overlooking misty forested mountains, a small toy poodle stretching and waking up on a round dog bed beside a neatly made low bed, calm and warm atmosphere, no people, photorealistic
exterior-day.jpgC第二章「旅館の再生」の横長写真(PCは21:9で切り抜き)16:9Exterior of a traditional two-story Japanese ryokan in a quiet mountain valley in Fukushima, dark wooden facade and tiled roof, a stone path and moss garden in front of the entrance, forested green hills behind, soft overcast daylight, calm and dignified, wide shot, no people, no signage, no text, photorealistic
history-2021.jpgA・B・C歩み 2021年(国立新美術館での受賞)3:2ご本人の実写(生成しない)。授賞式・受賞作品・会場の写真など
history-2025.jpgA・B・C歩み 2025年(迎賓館赤坂離宮 本館での展示)3:2ご本人の実写(生成しない)。展示のようす・作品の写真など

いただいた10枚の使い先

写真ファイル名使っている場所
夕暮れの玄関へ歩く二人と犬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:泊まる

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