見出し画像

チャーリーズベッド/#1日1サイトレビュー

概要

自転車に特化した宿泊施設のサイト

ファーストインプレッション

写真やロゴに自転車があるのと、自然をイメージしやすい緑色でアウトドアな雰囲気を感じた

ターゲット層

20代から30代くらいの自転車好きの男女

メインビジュアル

  • 左側にナブが固定されている

  • ナブ内にロゴマーク、営業時間、予約ボタンがまとめられている

  • メインはスライドで表示されている写真

  • キャッチコピーはメインビジュアルの次の画面にある(メインに無し)

  • メインだけの情報ではどんなサイトか分かりづらくスクロールして知りたくなる

フォント・配色

  • 日本語フォント…Noto Sans JP/英語フォント…sans-serif, Heebo                シンプルで見やすい                    

  • 配色…カーキ系グリーン、白、グレー                   

カーキ系のグリーンを使用して自然やアウトドアのイメージが伝わる
シンプルに黒字のゴシック体を使用してメリハリがあり分かりやすい

構成

  • セクション数は4つ

  • 自転車、旅好きな人が繋がれる場所てことが伝わる

  • スクロールごとに主にテキストがフェードイン

  • ページトップへのイラストロゴがホバー時向きが変わる(可愛い)

  • 写真や背景に木目調のデザインが入ったものがあり、アウトドア好きが惹かれるような雰囲気になっている

レスポンシブデザイン

  • ナブはハンバーガーにまとめられている

  • メインビジュアルは上部にロゴが大きめに配置、その下に写真

  • 予約ボタンとマップボタンが下部に固定されてる

  • 画像は一部グリッド風に配置されてる

  • pcの方が写真の良さが引き出せている気がする

私見

  • 自分もアウトドア好きなのもあり、サイトの雰囲気や店舗外観の写真を見るとどんな場所なのか気になる

  • 構成や動きはシンプルだが、写真の配置場所やイラストの印象でデザイン性がある

自分のデザインに取り入れるとしたら

  • 左側のナブ内にロゴや必要事項がまとめてあるのは使いやすくて活用してみたい

  • コピーライトがフッターの右側に縦向きに配置されてて珍しい


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