![見出し画像](https://assets.st-note.com/production/uploads/images/114769282/rectangle_large_type_2_c12d6650867c1c215b2f9de0684c521f.png?width=1200)
サイト分析#14
ヘアサロン Dab 様
![](https://assets.st-note.com/img/1693345315916-QFc39mqgYz.png?width=1200)
構成
ヒーロームービー
NEWS
DESIGNER紹介
HAIR GALLERY
SALON INFO
いいと思ったところ
・ロゴが細長でおしゃれだったり、ニュートラルカラーでまとめられていたりすることで、洗練された中にこだわりを感じる。
・シンプルな構成の中に画像がスクロールと共に下に移動したりホバーアニメーションがあったり、動きがあるので見飽きない。
・トップに映像があり、雰囲気が直感的に知れる。ここで好きな雰囲気やなりたい雰囲気とマッチすれば訪問客の期待値が高まる。また、ヘアサロンの得意とする仕上がりやブランドイメージを伝えられる。
・スマホ画面のトップはロゴとハンバーガーメニューと予約ボタンで、スッキリしたミニマムな構成。
![](https://assets.st-note.com/img/1693346149869-jEKIwuOE0Q.png?width=1200)
・デザイナーとして店員さんを紹介してる。所属地域でカテゴリー分けされているので、どこに行けば会えるのか知れる。もしくは近いところで頼める店員さんを知れる
・情報は名前とインスタと職種と予約ボタン。スッキリさせることで、画像に目線を誘導する
![](https://assets.st-note.com/img/1693345710531-3J9vPFpFRq.png?width=1200)
配色
基本的に配色は白黒で統一されている。トーンを変えている。
![](https://assets.st-note.com/img/1693345368211-jbFpjjhg7t.png?width=1200)
Fonts
HEADINGS
"Poppins', sans-serif", -apple-system, "system-ui", "Helvetica Neue", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
BODY
"Poppins', sans-serif", -apple-system, "system-ui", "Helvetica Neue", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif