![見出し画像](https://assets.st-note.com/production/uploads/images/31040358/rectangle_large_type_2_a445f93d9fc9049a53ef0ee6576ac1af.jpg?width=1200)
inborn #1日1サイトレビュー
【概要】
髪のホームケアシリーズの紹介LP。
【印象】
・洗練された上質・上品なイメージのサイト。
【メインビジュアル】
・紫×白で、光沢感のある上品な女性のイメージ。
・パッケージデザインと、ボトルデザインを横並びに配置。
・画像の切れ目にロゴを配置。
・普通なら1枚写真にしそうなTOPだが、一度で二度美味しい感じがして良い。
【コンテンツ】
・メニューバーやロゴにhoverすると、円が現れる。
・メニューアイコンをクリックすると右からニョキッとバーが現れる。
・小見出しと本文に大きな差をつけている。本文の字は小さめだが行間が広いため読みやすい。
・グラフが拡大してくる加工。
・「8つの成分」の表記が見やすい。「shampoo」「treatment」「shampoo&treatment」と色で区分けされている。
・写真は大きく、大胆に重ね合わせて使用している。
・「01」などの数字はブロークングリッドレイアウト。文字の背景は白で見やすい。
・商品の詳細に飛びたい際、商品の写真にhoverすると写真が拡大しちょっとぼやける使用がお洒落。
・商品詳細は下から現れ、画面1枚にぴったりと収まる使用。写真は固定で、文字のみスクロールされる。シャンプーは黒、トリートメントは白と分けているのが良い。
【カラー】
・ベース:白、メイン:紫、アクセント:ピンク、水色、黄色など
【フォント】
・Koburina Gothic W3、A1 Mincho
【レスポンシブ】
375px以下のデバイスには対応していない。
この記事が気に入ったらサポートをしてみませんか?