【LP(デザイン/コーディング)】架空ホテルグループ

OVERVIEW

架空のホテルグループのウェブサイト(LP)作成(デザイン・コーディング)

YEAR 2020

「KURASU HOTEL」という架空ホテルグループの

LPデザイン(レスポンシブ対応含む)・コーディング(HTML/CSS/JQuery)を

行いました。

【サイトの目的】

当該ホテルグループの周知・新規予約獲得

【サイト掲載内容】

コンセプト/ホテルからのお知らせ/部屋一覧/よくある質問/お問い合わせ

【ターゲット(ペルソナ)】

「ていねいな暮らし」に憧れをもつ都会在住若年層男女(20〜30代)

(※ペルソナ)

・30代前半結婚3年目夫婦(子供なし、共働き)

・無印・北欧家具を好む

・年に数回の旅行が趣味

・頻繁に使用するSNSはinstagram、tumblr

【競合リサーチ】

・星野リゾート

・紀伊乃国屋グループ(KINOKUNIYA GROUP)

情報が多いコンテンツのため、LPでは

「施設一覧」「空室予約ボタン」にコンテンツを絞っている。

写真・イラストを使用するため、背景色・文字色は白・黒・グレーが基本。

【デザイン(フルスクリーン)】

【工夫ポイント】

「新規予約獲得」というサイトの目的達成のためには

❶ホテルのもつ「雰囲気(洗練された生活感)」をサイトからユーザーに読み取ってもらい、疑似体験をしてもらうことで、ホテルステイへの感度を高める

❷予約ページへの導線がわかりやすい

の2点が最重要項目と考えました。

その結果、サイトデザイン時に工夫として、

・サイトを開いた際に写真(ホテルの雰囲気を最も視覚的に伝えやすい)が引き立つよう、フォント・背景・ボタンについては可能な限り使用種類を抑え、シンプルにした

・ファーストビューの中に「予約」ボタンを設けることで、予約をしたいユーザーがページ上で迷子になることを防止

(他ホテルサイトリサーチ時、「予約」や「空席閲覧」のボタンが見つからず、やきもきしたパターンが多く見られたため)

を行いました。

【レスポンシブ対応】

IPad、モバイル画面でのレスポンシブデザインも作成しました。

特にモバイル画面では、PC画面に対しかなり画面が小さくなるので、

・ハンバーガーメニューの使用

・使用画像を選別し、文字での内容伝達を優先させる

などの工夫を行い、ユーザーのストレス軽減を目指しました。



WEBSITE