kawada haruka portfolio

cosme site(LP)

web site(架空サイト)

概要

情報設計

デザイン

(架空サイトです。)
「敏感肌で今使っている基礎化粧品に不満がある」方をターゲットに、ユーザーに親和性や信頼感を持たせるデザイン、そしてコンバージョンまでの導線を考え作成しました。

フリー画像元:UnsplashのNeauthy Skincareが撮影した写真

(01)
ターゲットに自分のことだと思わせる

キャッチコピーとコンセプトに「敏感肌」というワードを出すことによってターゲットが「自分のことだ」と思い、スクロールすることを目的としています。
(02)
読みやすさを重視した導線

なぜこの商品が敏感肌に良いのか？を特徴と３ステップで説明しております。では実際にどのような商品なの？という疑問は次の商品説明に詳細に記載してあります。商品説明を後ろに置いているのは、長い文章を先に置いてしまうと読むことに疲れてしまう可能性があるため、短文で説明して興味を惹いたあとに、なお興味ある人が商品説明を読んで購入という導線を組んでいます。
(03)
ヘッダーとCVボタンについて

PC版のヘッダーはMVの下にありますがスクロールに合わせて上に固定されることを想定しています。また、CVボタンに関してもconcept以降スクロール後に左下に移動して固定されます。SP版のヘッダーはハンバーガーメニューとし、CVボタンはMVにあるものがスクロールとともに追従してきます。CVボタンはどの位置にいても必ず画面内に配置されているので、気になればすぐ押下出来る形となっています。

(01)
あたたかみのある優しいデザイン

「肌に優しい成分」であることからあたたかみのある優しいイメージで作成しました。あたたかみ、というのは包み込んでくれる（基礎化粧品が肌を包みこむことから）と意味合いで使用しており、オレンジや黄色などではなくサーモンピンクをメインカラーに使用しています。
(02)
女性らしさを演出

今回のターゲットは女性なので、なるべく曲線を使用して女性らしさを演出しました。また、見出しのあしらいを手書きにするなど、ゆったりとしたゆるさかさを出しています。
(03)
「らしさ」を出す

３つの特徴のあしらいにクリームを使用、３つのステップの画像の形をしずくモチーフにするなど、基礎化粧品らしさをデザインに取り入れました。