黒川温泉にある温泉旅館のひとつで部屋は全て離れになっています。阿蘇の自然を味わえる全3室のプライベート空間になっています。

URL

https://e-kaga.com/works-2/index.html

担当

デザイン・コーディング

サイトの目的

旅館の予約数の増加。旅館の認知度向上。

ターゲット

30代後半の既婚女性。子供はおらず、共働き。年収450万～600万円。年に2、3回国内旅行に行く。

デザインについて

メインカラーは深緑色で落ち着いた旅館を印象付けました。客室の写真を多く取り入れ、ユーザーが宿泊するイメージが持てるようにしました。コンバージョンの予約数の増加の為に予約ボタンをアクセントカラーの赤を使用し、予約ページに繋がるボタンや電話番号を多く取り入れて目に止まるようにしています。

コーディングについて

jQueryを仮想しながらトグルメニューを実装しました。客室の写真はjQuelyプラグインのbx-sliderを仮想しながら、写真の切り替わりを実装しました。予約のカレンダーはjQuelyプラグインのdatepickerの仮想しながら、日付のボタンを押せるようにしました。