inborn　#1日1サイトレビュー

inborn

【概要】
髪のホームケアシリーズの紹介LP。

【印象】
・洗練された上質・上品なイメージのサイト。

【メインビジュアル】
・紫×白で、光沢感のある上品な女性のイメージ。
・パッケージデザインと、ボトルデザインを横並びに配置。
・画像の切れ目にロゴを配置。
・普通なら１枚写真にしそうなTOPだが、一度で二度美味しい感じがして良い。

【コンテンツ】
・メニューバーやロゴにhoverすると、円が現れる。
・メニューアイコンをクリックすると右からニョキッとバーが現れる。
・小見出しと本文に大きな差をつけている。本文の字は小さめだが行間が広いため読みやすい。
・グラフが拡大してくる加工。
・「８つの成分」の表記が見やすい。「shampoo」「treatment」「shampoo&treatment」と色で区分けされている。
・写真は大きく、大胆に重ね合わせて使用している。
・「01」などの数字はブロークングリッドレイアウト。文字の背景は白で見やすい。
・商品の詳細に飛びたい際、商品の写真にhoverすると写真が拡大しちょっとぼやける使用がお洒落。
・商品詳細は下から現れ、画面１枚にぴったりと収まる使用。写真は固定で、文字のみスクロールされる。シャンプーは黒、トリートメントは白と分けているのが良い。

【カラー】
・ベース：白、メイン：紫、アクセント：ピンク、水色、黄色など

【フォント】
・Koburina Gothic W3、A1 Mincho

【レスポンシブ】
375px以下のデバイスには対応していない。