RIMA.hair ~1日1サイトレビュー~
このサイトは、pcとspで情報が伝わりやすいようにデザインを変えている。
●背景画像が固定してあり、スクロールで一緒に動かない。ほかのページと差をつけることが出来る
●メインビジュアル画像の統一感がとても美しく見える。
●spでハンバーガーメニューの背景が黒いため、WEB予約の四角い枠が別のものと統一していない。⇒その場その時で臨機応変に対応
●電話が、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の並べ方
⑪客層
若い女性向け、スタイル画像もおおくカタログみたい
この記事が気に入ったらサポートをしてみませんか?