プロジェクトの概要
このプロジェクトでは、「肌に優しい」という商品のコンセプトを伝え、ユーザーに安心感を与える化粧品LP(架空)のデザインを担当しました。商品の魅力が伝わる写真と、シンプルで分かりやすいレイアウトにこだわって制作しました。
ターゲットとペルソナ
主なターゲットは、敏感肌で肌に優しい商品を探している20代から40代の女性です。オンラインで化粧品を購入することに少し抵抗がある方や、成分についてじっくりと調べたい方を想定しました。
- ペルソナA(20代後半女性): 肌トラブルに悩んでおり、新しい化粧品を試すことに不安がある。
- ペルソナB(30代後半女性): 仕事や家事に忙しく、手軽にスキンケアを済ませたいが、効果も重視している。
デザインのコンセプト
デザインコンセプトは「穏やかで信頼できる」です。ユーザーの不安を和らげ、商品への信頼感を高めるために、以下の点を工夫しました。
- やわらかい色調: ベージュやブラウンといった落ち着いた色を使い、視覚的に心地よさを表現しました。
- 写真の見せ方: 商品だけでなく、手や肌のアップの写真を配置することで、商品のテクスチャーや使用感をリアルに伝えます。
- スムーズな情報提供: 「About(商品について)」「Products(商品一覧)」「How to use(使い方)」など、情報をブロックごとに整理し、知りたい情報にすぐにアクセスできるようにしました。
主な工夫点
- 安心感を与えるデザイン: ターゲットユーザーの不安を和らげるため、商品のコンセプトである「肌への優しさ」を表現するやわらかい色調(ベージュやアースカラー)を選びました。
- 視覚的に分かりやすい情報設計: スクロールに合わせて必要な情報がスムーズに目に入るよう、情報のブロックを整理しました。特に「How to use」セクションでは、写真とテキストを組み合わせることで、直感的に商品の使い方が理解できるよう工夫しました。
- 商品の魅力を伝える写真選び: ただ商品を並べるだけでなく、実際に手や肌に乗せた写真を使うことで、ユーザーがテクスチャーや使用感をイメージしやすいようにしました。
使用ツール
- UIデザイン: Figma (ワイヤーフレーム、プロトタイピング、UIデザイン全般)
- 画像編集: Photoshop
制作期間
- 企画: 1週間
- デザイン: 2週間
得られた成果
このLPは、商品の持つ「優しさ」をユーザーに効果的に伝え、ブランドへの信頼感を高めることに成功しました。特に、写真を使ったステップごとの「使い方」解説は、購入後のユーザーの疑問を解消し、満足度向上に貢献すると考えています。
今後の課題
ユーザーの閲覧データ(どこで離脱したか、どのセクションがよく見られたかなど)を分析し、より高いコンバージョン率を目指してLPのレイアウトやコンテンツを改善していきたいです。