Web Design

宿泊施設向けWebサイトデザイン(自主制作)

架空の宿泊施設を想定した、自主制作のトップページデザインです。写真と余白を主役にしながら、客室、料理、温泉、アクセス、予約導線が静かに伝わる構成を意識しました。

Web Design UI Design 自主制作

画面内の施設名・文章は自主制作のサンプルです。
写真は利用規約を確認した素材を使用しています。

概要

旅館や小さな宿泊施設を想定し、宿の世界観と必要な情報の見つけやすさを両立するトップページデザインを制作しました。
写真と余白を大きく使い、客室、料理、温泉、過ごし方、アクセス、予約導線が落ち着いた流れで伝わる構成にしています。

デザインのポイント

大きな写真と余白を活かし、宿の静けさや滞在のイメージが最初に伝わる見せ方にしました。
客室、料理、温泉の紹介はそれぞれの魅力がゆっくり伝わるように配置し、過ごし方やアクセス、予約情報は下部に整理しています。
全体として、情報を詰め込みすぎず、写真の印象を邪魔しない落ち着いた構成を意識しました。

制作内容

  • トップページデザイン
  • ファーストビュー
  • 客室紹介エリア
  • 料理紹介エリア
  • 温泉紹介エリア
  • 過ごし方エリア
  • アクセス情報
  • 予約導線
  • スマホ表示想定

補足

実案件ではありませんが、デザインの考え方を見ていただくための自主制作です。
画面内の施設名や文章はサンプルとして作成しており、実在の旅館名、住所、電話番号は使用していません。写真は利用規約を確認した素材を使用しています。