*ポイント*
・ボタンやナビゲーションボタンの背景画像がのれんのような生地になっていてこのサイトのイメージに合っている
・各地からのアクセスや町内からのアクセスが詳しく説明されていて分かりやすい
・サイト全体が和色で統一されている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・ボタンやナビゲーションボタンの背景画像がのれんのような生地になっていてこのサイトのイメージに合っている
・各地からのアクセスや町内からのアクセスが詳しく説明されていて分かりやすい
・サイト全体が和色で統一されている
*ポイント*
・borderで各コンテンツが分けられていて見やすい
・画面右側の予約するコンテンツとInstagramのリンクが他のページにいっても固定されている
・スマートフォンサイズになると1カラムレイアウトになっているのでスマートフォンでも見やすいデザインになっている
*ポイント*
・barのようなホテルというコンセプトなのでサイト自体も暗めの色を使用しており、ファーストビューの動画もあり高級感が漂っている
・スクロールするとコンテンツの画像が滝のように現れるアニメーションになっている
・予約するボタンが画面の下で固定されている
*ポイント*
・旅館のサイトだがオシャレでパステルカラーを使用するなど今風なデザインではあるがレトロさも表現されている
・スクロールすると各コンテンツの見出しの下に波線が表示される
・画面の右に立て並びでSNSとグーグルマップのリンクのアイコンが固定されている
・いろんなフォントを使用している
*ポイント*
・トップページに朝、昼、夜というボタンがありそれぞれのボタンをクリックするとトップページのオススメ情報と画像が変わる
・サイト全体にゴールドの縁があるが、画面の上下左右から少し内側に縁があるのでオシャレ
・トップページをスクロールすると各コンテンツが下から表示されるアニメーションになっている
*ポイント*
・ファーストビューでは画面の右側を少しだけ残しそれ以外は画像になっており画像はアニメーションで自動で切り替わりながら一枚一枚少しづつ拡大になるようにしている、画面いっぱいの画像にしておらずあえて右側だけ背景白で残していることによって見出し文が目立っているように思える
・スクロールすると日本地図の画像の部分に背景が表示される
・紺色と金色を上手く組み合わせて使用しているので統一感があり、和風だけど少し高級な雰囲気がある
*ポイント*
・ヘッダーの背景画像が雲になっていて空港のサイトに合っている
・背景色や文字サイズを変えることができる
・ナビゲーションメニューの一番左が「空港サプライズ」というリンクになっており興味が沸くような項目が一番左にくるようにしている
・空港内の飲食店情報では各店舗が何の電子マネーを使用できるかロゴが貼ってあり分かりやすい
*ポイント*
・文字をゴシック体で統一している
・サイト全体に桜が降ってくるようなアニメーションを設定している
・女性専用ということもあり色もピンクで統一されていて可愛らしい印象を持つ
・トップのスライド式の画像に推したい言葉(女性専用、駅近、アメニティが豊富)が入力してありファーストビューでお客さんを取り込むように工夫されている
*ポイント*
・ヒーローヘッダーになっている
・スクロールするとナビゲーションボタンが一気に消えるのではなく一つ一つ消えていくようになっている
・トップページにはお知らせとInstagramのバナーとフッターだけでシンプルなつくりになっている
・スマートフォンサイズでハンバーガーメニューをクリックすると一面ナビゲーションのページになる