見出し画像

【54】 | besso | #1日1サイトレビュー

▷概要
・石川県にある空き家をリノベーションした宿のwebサイト


▷目的(想定)

・宿泊の予約

▷ターゲット(想定)
・人や日々の喧騒から離れてゆっくりとした時を過ごしたい人

▷印象
・ファーストビューの背景がアニメーションで波のように動いており、ゆったりとした感じ、波であるが温もりを感じる
・ロゴの右横で常に動いているロゴを変形させたようなものからも、このサイトのゆるさを感じる
・宿泊予約ボタンを押すとそのまま日付などを選べるようになっており、すぐに予約できる
・一枚の写真を大きくしサイト上の余白を多く取ることで、宿や周辺の景色を鮮明に伝え、行ってみたいと思わせるデザインや配置がなされている

▷特徴
・左上にロゴ、右のサイドに宿泊予約ボタン、右上からナビゲーションが配置されている
・宿泊施設ということもありファーストビューでコロナ対策の取り組みの詳細に飛べるフォームが記載されている
・トップページではコンテンツごとにメインとベースカラーを交互に、波のような境界線でデザインされ区切られている
・ロゴ、ナビゲーション、予約や詳細に飛ぶボタンなどもアクセントカラーが使用されている
・moreボタンや写真、全て角丸が使用されている
・第二階層では各コンテンツそれぞれ、トップの画面半分にインパクトのある写真を使用
・フッターにはナビゲーションを載せていない

▷SP
・ファーストビューでは右上のフレーズと左上のロゴのみ
・スクロールすると右上にナビゲーションと宿泊予約ボタンが表示される
・フッターはwebサイトのコンテンツを縦に並べてた配置

▷配色 
・メイン:#ffffff
・ベース:#f2f5f5
・アクセント:#80999c
・その他テキスト:#454545,#000000

▷フォント
・Montserrat:見出し、詳細へ飛ぶボタンのテキスト
・Noto Sans JP:その他

この記事が参加している募集

#習慣にしていること

130,238件

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