見出し画像

no.003 THE BEAUTIFUL

【制作会社】
PARK.Inc / Lucky Brothers&co

【概要】
女性向けヘアシャンプーのサイト

【ファーストインプレッション】
ヘルシーで、多様性を感じた。
ピンク色がメインなのに、可愛くなりすぎてないのが凄いと思った。

【ターゲット層】
10代後半~30代

【使用フォント】
メイン
"Gothic MB101 Regular"
サブ
"Gothic MB101 Medium"
日本語
"Gothic MB101 Medium"
数字
"Gothic MB101 DemiBold"

【配色】

追加:ff9daf

ベースカラー #ff9daf
メインカラ  #FF5885
アクセントカラー  #FFFFFF
フォントカラー  #FFFFFF

【文字や色の印象・雰囲気・効果】
女性が好きそうな色味だと感じた。

【サイト構成】
-ページ数
6ページ

-セクション数(トップページ)
7

- 導線はどうなっているか
購買意欲へもっていくのが前提だが、
それよりも商品の良さを細かく伝えたいのかなと感じた。

- お問い合わせ(CTA)はどこに配置しているか

- 背景色の変化はあるか
フッターに入るとき変化あり。

- スクロールするごとに変化はあるか
画像が下からふわっと出てくる。

【トップページ構成】
ハンバーガーメニュー、メインビジュアル、
about、concept、商品紹介、お知らせ、フッター

【デザインポイント】
-メインビジュアル
モデルさんが、様々な髪色、肌色、リップの色のため
多様性、ヘルシーさを感じた。

-ヘッダー
右にハンバーガーメニューのみ。

-フッター
ページ最後にも凄く大きな文字で商品名が書かれており、
目に焼き付けて欲しいのかなと感じた。

-ナビ

-ハンバーガーメニュー
クリックすると、全画面にナビが表示される。
こんなに大きくナビが出てくるサイトは初めて見た。

- 一番最初に目につく箇所
メインビジュアルの女性写真

- キャッチコピー
≪私らしさが艶めく毎日を。≫
※オープニングアニメに記載

- メインビジュアルの動き
なし。

【実装ポイント
ふわっと表示。文字が右から流れてくる。
フッターの区切りが波。

【レスポンシブデザイン】
特に大きく変わるところなし。
スマホサイズだと、画像が小さくなり
メインビジュアルのインパクトが薄れる気がした。

【ひとつだけ自分のデザインに取り入れるとしたら】
縁取り文字を取り入れたい。
縁取り文字(中が透明、外枠に色)を使うことで、
新しい色を追加しなくても印象を変えられ、
目立たせることが出来るんだと知れた。

【感想・フリースペース】
リサイクルマークや空のボトルの写真、
フッターの土(紙?)っぽい背景などから、
サステナブルを売りにした商品なんだと感じた。

この記事が気に入ったらサポートをしてみませんか?