RIMA.hair ～1日1サイトレビュー～

RIMA | 表参道・青山の美容室

このサイトは、pcとspで情報が伝わりやすいようにデザインを変えている。

●背景画像が固定してあり、スクロールで一緒に動かない。ほかのページと差をつけることが出来る
●メインビジュアル画像の統一感がとても美しく見える。
●spでハンバーガーメニューの背景が黒いため、ＷEB予約の四角い枠が別のものと統一していない。⇒その場その時で臨機応変に対応
●電話が、pcでは番号。spではロゴになっていている。
●sp版の時にカーソルがないためアニメーションがpcより少なかったりする場合があるが、このサイトではspでのアニメーションもしっかりしている。

①メインビジュアル
画面全体に店内内装の写真
画像にかぶるように、ロゴ・nav・TEL・web予約

②フッター
Contents 
Instagram

③固定
ロゴ・home・styles・hair menu・nail menu・salon info・staff・fap・contact・TEL・web予約・top page
sp 
rogo・TEL・ハンバーガーメニュー

④ハンバーガーメニュー
home・styles・hair menu・nail menu・salon info・staff・fap・contact・web予約

⑤構成
Latest News　⇒今までにない表し方
Styles
Salon Info
Map
Contents
Instagram

⑥画像について
色白の外国人や抜け感のある女性をスタイリストに使用。お店の内装やHPの雰囲気によく似ている。

⑦フォント
日本語
'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', Arial, Osaka, sans-serif, normal,
英語
'Times New Roman', ff-serif, 'Yu Mincho', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'MS PMincho', 'Times New Roman', serif, normal,

⑧配色
配色に統一感あり。

⑨アニメーション　あれば
トップページの矢印
View moreの矢印
クリック
navにカーソルをあてると破線がつく

⑩スマホとPCの違い
電話の誘導
Contentsの並べ方

⑪客層
若い女性向け、スタイル画像もおおくカタログみたい