海外Delparco Hotel
宿泊 / 写真中心
階段の造形からホテルの印象を始める
宿泊 / 写真中心
Delparco Hotel
暗い背景にホテルの写真を並べ、部屋・食事・周辺観光を交互の区画で紹介する。
設計の見どころ
冒頭は階段の曲線と吊り下がる照明を見上げた写真で、中央にホテル名と短い言葉を置く。部屋の一覧から始めず、建物の造形を通してホテルの雰囲気を伝える。施設全体に特徴がある場合、その細部を最初の一枚に選ぶ方法が参考になる。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 海外 
国内
海外
DESIGN NOTES
このサイトの設計を読み解く。
滞在先から体験へ視野を広げる
冒頭の特集に続き、ホテル全体への入口、新しい施設、季節の体験、レジデンス、関連商品へと内容が展開する。いきなり施設名の一覧だけにせず、どのような時間を過ごしたいかから探せる順序だ。体験を伴う宿泊や長期滞在の紹介で参考にしたい構成である。
小さな分類とセリフ見出し
明るい無彩色の背景に、字間を空けた小さな分類ラベルとセリフ書体の見出しが置かれている。写真の下の説明は短く、詳細リンクには細い下線を使う。強い色や大きなボタンを増やさず、分類、名称、説明、行動の順を文字の扱いと余白で伝えている。
写真の比率で記事の重みを変える
ホテル全体を案内する室内写真は横に広く、新施設の外観写真は隣の狭い列に配置される。全カードを同じ大きさにせず、全体への入口と一件の話題で面積を変える構成だ。施設サイトでも重要な滞在案内と季節のお知らせを同じ比重で並べない工夫に使える。
予約と発見の言葉を分ける
上部には予約の入口があり、各特集や施設紹介は詳細を知るリンクを繰り返す。商品やギフトの区画には購入を示す別の言葉が使われる。次に起こる行動に応じて動詞を変えることで、読む、予約する、買うを区別している点が、複数サービスを持つサイトで役立つ。
世界観の前に素材を整える
穏やかな色と小さな文字を借りるには、写真と短い説明が十分な判断材料になることが前提だ。宿泊施設で応用するなら、館内、周囲の自然、体験の写真を揃え、各区画で異なる滞在価値を示す。料金やアクセスのような実務情報へ進める入口も別に確保したい。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
全施設への入口と一件の新着で画像の横幅を変え、情報の重みを示す。小さな分類・名称・短い説明・詳細リンクの順を揃えることで、多様な体験を落ち着いて紹介できる。
そのまま真似する前に
静かな配色と控えめなリンクは、予約や料金を急いで探す人には目立ちにくい場合がある。転用時は世界観と操作の発見しやすさを分けて確認し、予約入口を確保したい。
次に見ておきたい参考
一覧へ →海外国内シーサイドホテル舞子ビラ神戸
宿泊 / 写真中心
建物より家族の時間を先に見せる
宿泊 / 写真中心
シーサイドホテル舞子ビラ神戸
海辺で食事する家族の場面から、宿泊・レストラン・活動へ分岐するホテルサイト。
設計の見どころ
PC冒頭では海と橋を背景に食事する家族が大きく写り、海辺での時間を最初に伝える。ホテルの外観を単独で見せるより、誰と何をして過ごす場所かが具体的になる。人物の表情と窓の景観が同じ画面に入る写真選びが、体験を説明する役割を担っている。
詳しい解説を読む →公式サイトを見る ↗海外Secret Garden Stresa
宿泊 / 写真中心
庭の噴水を宿の象徴として見せる
宿泊 / 写真中心
Secret Garden Stresa
庭の噴水と緑を大きく見せ、二人の静かな滞在と個別相談による予約を案内する。
設計の見どころ
冒頭は濃い緑に囲まれた噴水の写真を全面に広げ、庭の中に入り込むような印象を作る。部屋の設備写真から始めず、宿が大切にする静けさを風景で示す構成だ。写真の中央に名前を置き、周辺の葉の密度がその周りを囲むように見える。
詳しい解説を読む →公式サイトを見る ↗