五浦幽谷隠田跡温泉

グランピング·チームラボのアート·温泉を楽しめるグランピング施設「五浦幽谷隠田跡温泉（いづらゆうこくおんでんあとおんせん）」のWebサイト制作プロジェクト

デザイン・チェック期間、リリース日

2024.3.4∼12.16

2024.12.19 リリース

メンバー

Webサイト制作チーム7名

企画 2、デザイン 2（デザインチームリーダー、本人）、開発 3

担当業務

情報・WF設計、デザインコンセプト企画、UI制作、サイトのアニメーション企画とレビュー

五浦幽谷隠田跡温泉 メインビジュアル

プロジェクト概要

茨城県の新たな観光フラッグシップを目指した
グランピング施設のWebサイト制作

五浦幽谷隠田跡温泉（いづらゆうこくおんでんあとおんせん）は、グランピング·チームラボのアート·温泉を楽しめるグランピング施設です。
北茨城市に新たな観光スポットを誕生させることで、茨城県の観光フラッグシップとなることを目指し、
グランピング施設とWebサイトを構築するプロジェクトを立ち上げました。
このプロジェクトでは下記の施設コンセプトと要件をもとに情報設計とデザインを行いました。

施設コンセプト

アート×自然×温泉による極上の癒しを提供する

クライアントからの要件

  • 施設の魅力として「チームラボ、展示、温泉、海」をアピールしたい
  • 写真を中心に施設の魅力を伝えたい
  • 詳細にどのような情報を入れるかは他社事例を参考に提案してほしい

提案内容

施設コンセプトを起点にした情報設計とデザイン

施設コンセプトと競合のベンチマークをもとに、サイトの情報設計とデザインコンセプトを策定し提案しました。

1. 施設のコンセプトと認知度の向上を意識した情報設計
  • 施設のコンセプトと雰囲気をまず理解してもらえるよう、メインビジュアルと挨拶文をページ上部に配置した。その後、施設の魅力である温泉・展示・宿泊・料理・施設のご案内を順に配置し、施設の特徴を伝えつつ、各セクションの詳細ページへ遷移できるように構成した。
  • 認知度向上の施策として、競合が少なくかつ月間平均検索ボリュームの高いキーワードである周辺観光地のセクションを設け、観光地名で検索した際に当サイトが表示されるよう設計した。
トップ 情報設計 トップ 情報設計 トップ
詳細ページ 情報設計 詳細ページ 情報設計 詳細ページ
2. 世界観の一貫性を重視したデザインコンセプトの策定とアニメーション設計
  • 施設のコンセプトから「落ち着きがある」、「静かで洗練されている」、「情報量が少ない」3つのデザインコンセプトを定義し、チームラボの展示の世界観と繋がっているような表現を重視した。
  • この方針のもとに、明度を抑えた落ち着いたトーン&マナーを採用し、テキストよりも写真と映像を前面に出す構成とした。メインビジュアルと挨拶文には背景動画を配置し、温泉と展示には施設の写真を画面全体に大きく配置することで、施設に滞在したときのイメージを具体的に伝えつつ、視覚的に施設の雰囲気が伝わるようにした。
  • サイト全体にブラーとフェードイン・アウトのアニメーションを取り入れ、じわりと滲むような表現がコンセプトをより強調した。
アニメーションの仕様書 アニメーション仕様書 アニメーション仕様書
結果物
結果物サムネイル 結果物サムネイル
アニメーションを見る

五浦幽谷隠田跡温泉

グランピング·チームラボのアート·温泉を楽しめるグランピング施設
「五浦幽谷隠田跡温泉（いづらゆうこくおんでんあとおんせん）」のWebサイト制作プロジェクト

デザイン・チェック期間、リリース日

2024.3.4∼12.16

2024.12.19 リリース

メンバー

Webサイト制作チーム7名

企画 2、デザイン 2（デザインチームリーダー、本人）、開発 3

担当業務

情報・WF設計、デザインコンセプト企画、UI制作、サイトのアニメーション企画とレビュー