webサイト分析28｜NANEA HAIR

NANEA HAIR | ナネアヘアー | 池尻大橋・三軒茶屋の美容室・美容院・ヘッドスパ

まとめ

背景色の切り替わりが印象的。魅せるコンテンツと読ませるコンテンツで使い分けてそう。
背景色は真っ白でなく少しグレーがあり、文字色とも相まって落ち着いた、温かみも感じる印象。

---

カテゴリー

美容室

概要

東京、三宿にある少人数プライベートサロン

コンセプト

Discover true Beauty, through a Relaxing time.

ターゲット

少人数のプライベートサロンを探してる人
開放感のあるおしゃれなサロンを探してる人

目的

美容室の予約

コンバージョンまでの動線

Reservationのボタンがヘッダーに固定されている

---

メインビジュアル

左側に英語の見出しと、右側に文章。ここでは海外の店舗のような印象も。

グローバルナビ

Home
About
Menu
Staff
Salon Info
Access
Reservation

ホバーすると、波打つアニメーション。
ナビは常にヘッダーに固定される。

スクロールすると、画面いっぱいに美容室の内観。
写真は淡い加工が施されている。
写真を邪魔しないためか、左上のロゴが青から白っぽい色に。

Discover true beauty~~のコンセプトは右方向に流れる。
左に流れたら普通に読めるのに、何故・・？
サロンの説明書きは日本語。
「南国のテイストを取り入れ」ているので、海や砂浜っぽい写真も配置されている。

スクロールしたら背景と文字の色が反転！
さっきまでは雰囲気を伝える感じだったが、真剣さを感じる。

サービスの説明。

雰囲気の写真が左方向に流れる。
ここから背景が白に。

グローバルナビは、画像と被る部分だけ白色に。
立体感がある。

サロン情報とお知らせ。

予約について。各アイコンの色味が、サイトに合わせて暗めになっている。

レスポンシブ

1,000px以下より、フッターの並びが変更。

680px以下よりハンバーガーメニューが登場。

フッターもより簡素な並びに。
電話予約はアイコンが登場。

配色

フォント

Cormorant Garamond　大見出し
Helvetica　見出し
Zen Old Mincho　日本語
Noto Sans JP　フッターの補足

白黒トレース

発見と感想

・メインビジュアルは「情報」より「雰囲気を伝える」ことが優先されてそう。
・各タイトルの最初の大文字は波線のあしらいがあり、「南国のテイスト」の統一感がある。
・魅せるコンテンツと読ませるコンテンツで背景色を使い分けてると思った。
・スクロールした際のヘッダーのロゴは邪魔にならないように、メニューはメニューとしてわかるように、区別して色の工夫がされている。
・背景は真っ白でなく、少しグレーがかった白を使用しており、砂浜のイメージもわく。また、文字色と相まって落ち着いた印象。