![見出し画像](https://assets.st-note.com/production/uploads/images/58727300/rectangle_large_type_2_fe54adcf50a8bed0478471aec7588681.jpg?width=1200)
#1日1サイトレビュー【060】AMINO MASONさん
【概要】
ヘア商品のwebサイト
【ターゲット】
10代、20代
ボトルの見た目にもこだわりたい方
【目的】
ヘア商品の認知度アップ
→購入個数を増やす
【印象】
ポップ
【ファーストビュー】
・ロゴ、画像、メニュー等、の順番で表示される。
・2カラムのレイアウト。左側のブロックはwidth:35%;指定。
・商品のパッケージのように、画像以外はモノクロになっている。
【コンテンツ】
・セクションタイトルは中抜き文字で統一。
・「PRODUCT」左のグレー部分はwidth:50%;。
背景の英字はスクロールすると動きがある。
・MOISTとSMOOTHはレイアウトが同じ。
テキストエリアは左寄せ。
・「INSTAGRAM」3×3のレイアウト。すっきりして見える。
・フッターの背景色をコンテンツ部分と違う色にしているのでそれぞれの領域がわかりやすい。
【カラー】
モノトーン。商品のパッケージの色合いもモノクロ。
ベースカラー:白、グレー
文字:黒
【フォント】
■英字
KelptA1-Medium;
■テキスト
YakuHanJP, "Noto Sans JP", sans-serif;
この記事が気に入ったらサポートをしてみませんか?