海外Delparco Hotel
宿泊 / 写真中心
階段の造形からホテルの印象を始める
宿泊 / 写真中心
Delparco Hotel
暗い背景にホテルの写真を並べ、部屋・食事・周辺観光を交互の区画で紹介する。
設計の見どころ
冒頭は階段の曲線と吊り下がる照明を見上げた写真で、中央にホテル名と短い言葉を置く。部屋の一覧から始めず、建物の造形を通してホテルの雰囲気を伝える。施設全体に特徴がある場合、その細部を最初の一枚に選ぶ方法が参考になる。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 海外 
国内
海外
DESIGN NOTES
このサイトの設計を読み解く。
予約条件と旅先探しを共存させる
冒頭の企画ビジュアルの近くに場所、日程、人数を選ぶ予約入口があり、その後に人気の都市、ホテル一覧、特典案内が続く。目的地が決まっている人と、これから行き先を考える人に別の入り方を用意する構成だ。多店舗の宿泊施設サイトで参考にできる。
細い罫線で温かい紙面を整理
背景はクリーム色で、ナビやカードの区切りには細い罫線を使っている。目立つオレンジは主に空室検索など行動の入口に置かれる。背景を真っ白にせず親しみを出しつつ、枠線と色の役割を絞って情報量を整理する方法が、街のホテルという内容に合っている。
客室より先に都市を選ばせる
人気の行き先の区画では、客室写真ではなく運河、時計塔、街並みなどの縦長写真と都市名が並ぶ。宿の設備を比較する前に、訪れたい街への関心を入口にしている。複数地域で展開する施設は、館内だけでなく周辺の過ごし方を写真で示す方法を検討できる。
空室検索をスクロール後も残す
ページを下へ移動した画面でも、上部には場所選択と目立つ空室検索が残っている。一方でホテル一覧には個別施設を見るリンクがあり、詳細確認も選べる。閲覧の途中で予約へ進む場所を探し直さなくてよいよう、主行動を一貫した位置と色で示している。
複数拠点なら選択単位を揃える
この入口は複数都市にホテルがあることを前提としている。単独店舗へ移すなら都市一覧を増やすのでなく、客室タイプや滞在目的の選択に置き換えるとよい。予約に必要な条件と、泊まりたい理由になる写真を近接させ、どちらからでも検討を始められるようにする。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
予約条件が決まっている人には検索、迷っている人には都市写真を用意する。訪問者の検討段階を二つに分け、どちらも個別ホテルや予約へつながる入口を設計できる。
そのまま真似する前に
キャンペーン、予約、都市一覧が同時にあるため、入口の優先順位が曖昧になると散漫になりやすい。多店舗の構成を単独施設へそのまま移さず、選択肢の数を絞りたい。
次に見ておきたい参考
一覧へ →海外国内シーサイドホテル舞子ビラ神戸
宿泊 / 写真中心
建物より家族の時間を先に見せる
宿泊 / 写真中心
シーサイドホテル舞子ビラ神戸
海辺で食事する家族の場面から、宿泊・レストラン・活動へ分岐するホテルサイト。
設計の見どころ
PC冒頭では海と橋を背景に食事する家族が大きく写り、海辺での時間を最初に伝える。ホテルの外観を単独で見せるより、誰と何をして過ごす場所かが具体的になる。人物の表情と窓の景観が同じ画面に入る写真選びが、体験を説明する役割を担っている。
詳しい解説を読む →公式サイトを見る ↗海外Secret Garden Stresa
宿泊 / 写真中心
庭の噴水を宿の象徴として見せる
宿泊 / 写真中心
Secret Garden Stresa
庭の噴水と緑を大きく見せ、二人の静かな滞在と個別相談による予約を案内する。
設計の見どころ
冒頭は濃い緑に囲まれた噴水の写真を全面に広げ、庭の中に入り込むような印象を作る。部屋の設備写真から始めず、宿が大切にする静けさを風景で示す構成だ。写真の中央に名前を置き、周辺の葉の密度がその周りを囲むように見える。
詳しい解説を読む →公式サイトを見る ↗