国内宿泊 / 写真中心
建物より家族の時間を先に見せる
宿泊 / 写真中心
シーサイドホテル舞子ビラ神戸
海辺で食事する家族の場面から、宿泊・レストラン・活動へ分岐するホテルサイト。
設計の見どころ
PC冒頭では海と橋を背景に食事する家族が大きく写り、海辺での時間を最初に伝える。ホテルの外観を単独で見せるより、誰と何をして過ごす場所かが具体的になる。人物の表情と窓の景観が同じ画面に入る写真選びが、体験を説明する役割を担っている。
詳しい解説を読む →公式サイトを見る ↗
DESIGN NOTES
冒頭は階段の曲線と吊り下がる照明を見上げた写真で、中央にホテル名と短い言葉を置く。部屋の一覧から始めず、建物の造形を通してホテルの雰囲気を伝える。施設全体に特徴がある場合、その細部を最初の一枚に選ぶ方法が参考になる。
全体は黒に近い灰色を基調とし、白い文字と控えめな枠線で案内をそろえる。写真の中の照明や木の床、果物の色が暗い背景の中で際立つ。色を多く足すのではなく、施設や料理の写真そのものに色の役割を渡している構成になっている。
本文画面では部屋の写真を左、説明を右に置き、食事の区画では位置を逆にする。中央の境界にはベッドや食器の丸いアイコンがあり、話題の切替を示す。写真と説明の関係を繰り返しながら、左右の変化で単調さを抑える配置が見られる。
公開テキストでは客室、食事、周辺地域に加えて、受付時間、Wi-Fi、ビジネス向けサービスも紹介する。休日の観光と仕事での宿泊の両方を想定した内容だ。施設の雰囲気だけでなく、目的ごとの必要条件を短い項目にして比較できるようにしている。
予約、問い合わせ、電話が別々の行動として記載され、上部にも予約と問い合わせの入口が見える。空室を決めたい人と、先に相談したい人の段階を分ける構成だ。公開テキストには空港や主要道路からの距離・時間もあり、交通条件からの判断も支えている。
APPLY TO YOUR PROJECT
ホテルでは建物の象徴的な細部で印象を作り、部屋・食事・周辺地域を同じ形式で整理できる。観光客と仕事の客に必要な条件を、写真とは別の項目で示したい。
公式予約の最良料金という表示や口コミは施設側の掲載内容で、比較や真正性は未検証。暗い背景の細い文字、交通時間、問い合わせフォームの実動作は別途確認が必要になる。
国内宿泊 / 写真中心
建物より家族の時間を先に見せる
宿泊 / 写真中心
海辺で食事する家族の場面から、宿泊・レストラン・活動へ分岐するホテルサイト。
PC冒頭では海と橋を背景に食事する家族が大きく写り、海辺での時間を最初に伝える。ホテルの外観を単独で見せるより、誰と何をして過ごす場所かが具体的になる。人物の表情と窓の景観が同じ画面に入る写真選びが、体験を説明する役割を担っている。
詳しい解説を読む →公式サイトを見る ↗
海外宿泊 / 写真中心
庭の噴水を宿の象徴として見せる
宿泊 / 写真中心
庭の噴水と緑を大きく見せ、二人の静かな滞在と個別相談による予約を案内する。
冒頭は濃い緑に囲まれた噴水の写真を全面に広げ、庭の中に入り込むような印象を作る。部屋の設備写真から始めず、宿が大切にする静けさを風景で示す構成だ。写真の中央に名前を置き、周辺の葉の密度がその周りを囲むように見える。
詳しい解説を読む →公式サイトを見る ↗
国内森のヴィラから同行者を想像させる
宿泊 / 写真中心
森のヴィラと愛犬との時間を入口に、建物の広さと推奨人数で棟を比べられる。
冒頭は木々に囲まれたヴィラの映像的な景色が大半を占め、中央の短い文で愛犬との滞在を示す。大きな施設説明を重ねるより、周辺の緑と建物の距離感を体験として見せている。どんな同行者との時間を提供する宿かが明確な点が参考になる。
詳しい解説を読む →公式サイトを見る ↗