ロクシタン　#サイトレビュー

ロクシタン公式
https://jp.loccitane.com

【概要】

ボディケア用品公式サイト

【目的】

商品紹介
販売促進

【印象】

・ぱっと明るいイメージ
・シンプルで見やすい

【構成】

プロモーション

人気ランキング

カテゴリ一覧

ビューティコラム

店舗紹介
【フォント】
ヒラギノ角ゴ Pro W3

【配色】

白、黄色
【ロゴ】

・シンプルなフォントと配色

・Oだけ大きくなっていてシンプルながらも動きを感じる
【メインビジュアル】
・メイン写真に手書きの枠
・動かす式のスライダー

【コンテンツ】
・ヘッダーついてくる、カテゴリーにホバーすると下方向に展開される

・文字色は黒

・ブロックの角は丸くしない

・枠やシャドウにグレーを使用

・詳細だけでなく商品名からもリンクに飛べる

・見出しは短めの下線デザイン
・写真に文章の枠を被らせる配置
【レスポンシブ】

・ハンバーガーメニューは左からスライド・検索バーの出現
・メインビジュアル：写真に対して少し小さめ黄色い枠(シャドウ付き)により、存在感