海外Delparco Hotel
宿泊 / 写真中心
階段の造形からホテルの印象を始める
宿泊 / 写真中心
Delparco Hotel
暗い背景にホテルの写真を並べ、部屋・食事・周辺観光を交互の区画で紹介する。
設計の見どころ
冒頭は階段の曲線と吊り下がる照明を見上げた写真で、中央にホテル名と短い言葉を置く。部屋の一覧から始めず、建物の造形を通してホテルの雰囲気を伝える。施設全体に特徴がある場合、その細部を最初の一枚に選ぶ方法が参考になる。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 海外 
国内
海外
DESIGN NOTES
このサイトの設計を読み解く。
対称的なロビーで滞在の印象を作る
最終確認の冒頭は大理石調の床と柱、照明のあるロビーを画面全体に広げる。中央へ奥行きが集まる対称的な構図に白いロゴが重なり、ホテルグループの印象を作る。施設名の列挙より先に、どのような空間で迎えられるかを視覚で伝える方法になっている。
写真上の白いロゴを白い帯へ移す
冒頭ではメニューや予約の枠が写真へ重なり、本文画面では白い上部帯に金色と青のロゴが入る。写真を主役にする区画と、内容を読み進める区画で案内の背景を変える構成だ。予約ボタンはどちらにも見え、場所を移っても行動の入口を保っている。
暖炉と椅子の写真で滞在の近さを補う
本文側には暖炉の前の赤い椅子とテーブルを大きく見せた写真がある。広いロビーの印象から、人が座って過ごす距離へ視点を近づける組み合わせだ。宿泊施設の写真は広さだけでなく、休息する場所の具体的な手触りを補うことにも使える。
複数施設を名前で選べるようにする
公開テキストではLugano、Prishtinaなどの施設を名前で分け、予約にも施設を選ぶ項目がある。同じブランドの複数拠点を紹介する場合、共通の印象と個別の場所を分ける必要がある。グループの紹介から目的地を決める段階へ移れる情報の置き方になっている。
宿泊以外の体験にも入口を設ける
宿泊のほかにレストラン、スパ、会議や催し、旅行サービスへの案内を用意する。ホテルを寝るためだけの場所として説明せず、利用目的の幅を示す構成だ。予約欄には日付や人数も含まれ、雰囲気を見せる部分と条件を指定する部分を分担している。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
複数施設のサイトでは、共通する空間の印象を写真で作り、施設名と利用目的を別の選択軸にできる。予約への入口は写真中心の区画でも見つかる位置に残したい。
そのまま真似する前に
複数施設の写真が使われるため、どの写真がどの宿に対応するかは個別ページで確認する必要がある。予約画面の料金や空室、スパなどの利用条件は今回検証していない。
次に見ておきたい参考
一覧へ →海外国内シーサイドホテル舞子ビラ神戸
宿泊 / 写真中心
建物より家族の時間を先に見せる
宿泊 / 写真中心
シーサイドホテル舞子ビラ神戸
海辺で食事する家族の場面から、宿泊・レストラン・活動へ分岐するホテルサイト。
設計の見どころ
PC冒頭では海と橋を背景に食事する家族が大きく写り、海辺での時間を最初に伝える。ホテルの外観を単独で見せるより、誰と何をして過ごす場所かが具体的になる。人物の表情と窓の景観が同じ画面に入る写真選びが、体験を説明する役割を担っている。
詳しい解説を読む →公式サイトを見る ↗海外Secret Garden Stresa
宿泊 / 写真中心
庭の噴水を宿の象徴として見せる
宿泊 / 写真中心
Secret Garden Stresa
庭の噴水と緑を大きく見せ、二人の静かな滞在と個別相談による予約を案内する。
設計の見どころ
冒頭は濃い緑に囲まれた噴水の写真を全面に広げ、庭の中に入り込むような印象を作る。部屋の設備写真から始めず、宿が大切にする静けさを風景で示す構成だ。写真の中央に名前を置き、周辺の葉の密度がその周りを囲むように見える。
詳しい解説を読む →公式サイトを見る ↗