旅館 凪

制作概要 OVERVIEW

職業訓練の課題として、架空の旅館「旅館 凪」のPC版、SP版の両方を想定したWebサイトのデザインカンプを制作しました。
自然や旅館の落ち着きを感じられるよう、白を基調に、淡いベージュやグリーン系の写真が引き立つ配色にしました。
装飾は控えめにし、写真の緑や木の質感が印象に残るよう、全体をやわらかく上品なトーンでまとめています。

サービス設定 PREMISE

・日常から離れて、静かに過ごせる架空の旅館
・自然に囲まれた落ち着いた空間で、上質な癒しの時間を提供

ターゲット TARGET

30〜50代の男女。
日常から離れて静かに過ごしたい、落ち着いた旅館で上質な時間を過ごしたい層。

目的 PURPOSE

旅館の静かな世界観や滞在イメージを伝えながら、宿泊プランや施設情報を分かりやすく整理し、予約検討につなげることを目的としています。

コンセプト CONCEPT

テーマ：心ほどける静寂と、上質な癒しの時間

旅館らしい落ち着きや自然の美しさが伝わるよう、写真を大きく使用し、余白を広めに取った静かなデザインにしました。
予約を強く押し出すのではなく、まずは世界観に触れてもらい、滞在への期待感を高める構成を意識しています。

課題 → 解決 PROBLEM / SOLUTION

旅館サイトでは、施設の雰囲気や宿泊内容が分かりにくいと、ユーザーが滞在イメージを持てず、予約検討につながりにくい点が課題だと考えました。
そこで、ファーストビューでは旅館の外観写真を大きく配置し、静かで落ち着いた印象が最初に伝わるようにしました。
その後、宿泊プラン、施設紹介、周辺風景、アクセス情報の順に配置し、ユーザーが旅館の魅力を感じながら、予約前に必要な情報へ自然に進める構成にしています。
宿泊プランはカード形式で比較しやすくし、施設紹介では「お部屋・お料理・温泉」の3軸に分類することで、滞在中の過ごし方を想像しやすくしました。
また、アクセスでは住所や交通手段をまとめ、予約前に不安になりやすい情報を補っています。

デザイン DESIGN

旅館の静けさや上質感を表現するため、余白を広く取り、写真が引き立つシンプルなレイアウトにしました。 CTAは主張しすぎず、世界観を壊さない位置に配置することで、落ち着いた印象を保ちながら予約導線を確保しています。
カラーは白をベースに、写真の緑や木の色が引き立つよう、淡いベージュや落ち着いたグレーを組み合わせました。 全体の色数を抑えることで、自然の風景や旅館の空気感が主役になるよう意識しています。