見出し画像

#063 せかいえ

タイトル:熱海のリゾート温泉旅館「ATAMI せかいえ」

概要:旅館HP

ターゲット:
・熱海で旅館を探している人
・観光客及び外国圏の方

目的:
・Webサイトからの宿泊予約

フォント:
Lora
・Noto Sans JP

【気づき】
■良いところ
・MVがビデオになっていて、あえてビデオ部分上にロゴが重なって配置されている。
・ロゴの書体と同様に描かれた、筆書のような見出しのあしらい。
→日文見出しと英文見出しのジャンプ率が非常に高い。
・本文直下に英文が配置されているので、外国圏の方でも読みやすい。
・メニュー欄でホバーすると、項目に合わせた画像に切り替わる。
→この手の作りを多く見る。
・配色やレイアウトから”高級感”を感じる。
→全体的に暗めで、ネイビー、ゴールド、シルバー系の配色構成になっている。
・宿泊プランが他のセクションと違って背景色が大きく異なるので、差別化になっている。また、画像を多く使用しており、どんなサービスや魅力があるのかを伝えやすくしている。
→「客室」、「お料理」、「館内施設」のボタン群が画面幅いっぱいに表示されている
・滞在プログラムで各項目にホバーすると画像が大きく表示される。迫力があってみやすい。
・アクセスセクションが日本列島の表示になっていて、パッとみた時にどこに位置するかが文章を読まなくてもわかる。
→ありがちなGoogle Mapの iFrame を貼り付けたような構成ではない。(遷移が可能)

■気になったところ
・MVがSP幅だと少し上下のロゴと画像が邪魔になってみづらい。
・ナビの「Premium members」の文字の主張が少し弱く、見辛いのでもう少しボタンチックに見せてみるのも良いかも

■自由記入欄


■まとめ
・余白や配色から感じる高級感のあるサイト。
・動画や写真を多用しており、視覚的にも旅館の魅了が伝わりやすい構成になっている。
・見出しのあしらいが良い意味で目立っていて、印象的。

(FV)

FireShot Capture 467 - 熱海のリゾート温泉旅館「ATAMI せかいえ」 - www.atamisekaie.jp

(キャプチャ)

FireShot Capture 470 - 熱海のリゾート温泉旅館「ATAMI せかいえ」 - www.atamisekaie.jp


この記事が気に入ったらサポートをしてみませんか?