SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 海外

Kereliott

巨大な宿名と港を望む庭の写真を入口に、滞在設備を文章で説明する一棟貸しのサイト。

公式サイトを見る ↗
公式サイト / 掲載確認用
Kereliottの公式サイト画面

DESIGN NOTES

このサイトの設計を読み解く。

01

宿名の後に庭と滞在条件を見せる

冒頭は静かな滞在先であることを短く伝え、大きな宿名の直後に庭の写真を置く。本文は建物と地域の紹介、定員、室内設備、周辺の写真、予約先へ進む。部屋数を選ばせるホテルではなく、一棟の滞在像を順番に理解する構成だ。

02

二色の画面で宿名を印象に残す

淡い生成りの背景と深い緑の文字を使い、ページ幅いっぱいの宿名が大きな視覚的な区切りになる。右上の予約ボタンは小さくても濃い面で識別できる。装飾やカテゴリを増やさず、名前・説明・写真の大きさに役割を持たせている。

03

暮らしの設備を写真と文章で分担する

庭の写真には植栽や隣接する建物も入り、場所の雰囲気を広く見せる。一方で本文は寝具、台所、机、暖房などの設備を具体的に列挙する。写真が担う情景と、長く滞在するために必要な判断材料が別々に用意されている点が参考になる。

04

予約先と一般問い合わせを分ける

右上には予約への入口があり、末尾には外部の予約サービスと一般問い合わせ先を分けて記載する。空室や料金を調べたい人と、個別の質問をしたい人を同じ連絡先へ押し込めない構造だ。外部サービスでの予約完了は確認していない。

05

一棟貸しなら設備の具体性を持ち帰る

国内の貸別荘や民泊では、写真の数を増やす前に、定員、寝室、調理、仕事環境などを一つずつ文章化する方法が使える。余白の大きな冒頭を取り入れるなら、急いで空室を確認する人が予約先へ直接進めるボタンを残すことが条件だ。

APPLY TO YOUR PROJECT

自分の制作に取り入れるなら

一棟の雰囲気は庭や外観の大きな写真で示し、寝具・調理・作業設備は文章で具体化する。予約と一般質問の入口も分けて用意する。

そのまま真似する前に

冒頭の余白と巨大な宿名は、料金や定員の発見を遅らせる。写真の印象だけに依存せず、予約前に確認する基本条件へ短く到達させたい。

次に見ておきたい参考

一覧へ →
Kereliottの公式サイト画面