暮らす宿

暮らす宿

*ポイント*

・ボタンやナビゲーションボタンの背景画像がのれんのような生地になっていてこのサイトのイメージに合っている

・各地からのアクセスや町内からのアクセスが詳しく説明されていて分かりやすい

・サイト全体が和色で統一されている

HOTEL ANTEROOM KYOTO

HOTEL ANTEROOM KYOTO

*ポイント*

・borderで各コンテンツが分けられていて見やすい

・画面右側の予約するコンテンツとInstagramのリンクが他のページにいっても固定されている

・スマートフォンサイズになると1カラムレイアウトになっているのでスマートフォンでも見やすいデザインになっている

bar hotel箱根香山

bar hotel箱根香山

*ポイント*

・barのようなホテルというコンセプトなのでサイト自体も暗めの色を使用しており、ファーストビューの動画もあり高級感が漂っている

・スクロールするとコンテンツの画像が滝のように現れるアニメーションになっている

・予約するボタンが画面の下で固定されている

THE RYOKAN TOKYO YUGAWARA

THE RYOKAN TOKYO YUGAWARA

*ポイント*

・旅館のサイトだがオシャレでパステルカラーを使用するなど今風なデザインではあるがレトロさも表現されている

・スクロールすると各コンテンツの見出しの下に波線が表示される

・画面の右に立て並びでSNSとグーグルマップのリンクのアイコンが固定されている

・いろんなフォントを使用している

YOKA NAVI

YOKA NAVI

*ポイント*

・トップページに朝、昼、夜というボタンがありそれぞれのボタンをクリックするとトップページのオススメ情報と画像が変わる

・サイト全体にゴールドの縁があるが、画面の上下左右から少し内側に縁があるのでオシャレ

・トップページをスクロールすると各コンテンツが下から表示されるアニメーションになっている

RELOCA

RELOCA

*ポイント*

・ファーストビューでは画面の右側を少しだけ残しそれ以外は画像になっており画像はアニメーションで自動で切り替わりながら一枚一枚少しづつ拡大になるようにしている、画面いっぱいの画像にしておらずあえて右側だけ背景白で残していることによって見出し文が目立っているように思える

・スクロールすると日本地図の画像の部分に背景が表示される

・紺色と金色を上手く組み合わせて使用しているので統一感があり、和風だけど少し高級な雰囲気がある

阿蘇くまもと空港

阿蘇くまもと空港

*ポイント*

・ヘッダーの背景画像が雲になっていて空港のサイトに合っている

・背景色や文字サイズを変えることができる

・ナビゲーションメニューの一番左が「空港サプライズ」というリンクになっており興味が沸くような項目が一番左にくるようにしている

・空港内の飲食店情報では各店舗が何の電子マネーを使用できるかロゴが貼ってあり分かりやすい

a-STYLE心斎橋

a-STYLE心斎橋

*ポイント*

・文字をゴシック体で統一している

・サイト全体に桜が降ってくるようなアニメーションを設定している

・女性専用ということもあり色もピンクで統一されていて可愛らしい印象を持つ

・トップのスライド式の画像に推したい言葉(女性専用、駅近、アメニティが豊富)が入力してありファーストビューでお客さんを取り込むように工夫されている

人吉旅館

人吉旅館

*ポイント*

・ヒーローヘッダーになっている

・スクロールするとナビゲーションボタンが一気に消えるのではなく一つ一つ消えていくようになっている

・トップページにはお知らせとInstagramのバナーとフッターだけでシンプルなつくりになっている

・スマートフォンサイズでハンバーガーメニューをクリックすると一面ナビゲーションのページになる

多田屋

多田屋

*ポイント*

・ヘッダー画像がアニメーションで次々と変わっていくがどれも絶景写真で魅了される

・サイトを開くとAIコンシェルジュが右下に固定されている