見出し画像

サイトレビュー #09

【概要】

CALEAのFUKUGENというドライヤーのプロモーションサイト
https://calea.jp/

【構成・UX視点】

▶︎サイトの目的
新商品のPR

▶︎ターゲット
ドライヤーによる髪や肌へのダメージが気になる方
特に女性向け

▶︎全体のページ構成
ファーストビュー:綺麗なお姉さんがドライヤーにの風に当たる様子の背景+コンセプト
FUKUGENの特徴①②③④
ラインナップ
ファーストビューと同じで背景は同じお姉さんの違う画像
SHOP情報
お問い合わせ等

【ビジュアル・UI視点】

▶︎色使い
ファーストビューは赤紫で女性の顔周りだけ明るい
#ffffff 
#252525
#191919
背景が完全な白ではない

▶︎フォント
Robot
游明朝体
遊ゴシック体

▶︎レイアウト
基本的には中央寄せ
ヘッダー
メインビジュアル
コンテンツ(特徴+画像を3回繰り返す)
メインビジュアルその2
フッター

▶︎デザインがユーザの目的にマッチしているか
している。
エレガントな色合い、高級感のあるフォント使い、モデル全てがFUKUGENを目立たせている

【考察】

コンセプトで始まりコンセプトで終わる。PREP法?
背景の水玉模様みたいなものがスクロールしていくと消えていくのが雪みたいだなと思った。ファーストビューの赤紫の色合いはどうやって表現したんだろう。対象物の周りだけを明るくする方法今度自分でやってみたい。光当ててるのかな?しかし圧倒的綺麗なモデルさんについつい目がいってしまうのは私だけだろうか。。。

次回からはレイアウトを図で表してみようかな!

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