【自主制作】美容コスメの架空LP制作・実装（PC・SPデザイン共通）

【制作期間】デザイン＋コーディング(画像コーディング) 約1週間+2日

【使用したデザインツール】Photoshop

【制作したLPデザイン：全体】

デモサイトはこちら

【LPライティング構成】

ライティングに関しては、ChatGPTの活用や他同ジャンルのコスメ系やファンデーションを商材として扱ったLPのライティングを参考にするなどした。薬事法等の知見がないため、考慮されておりません。(架空LPなので、その点はご容赦ください)
FVにおけるメインやサブコピー、各サブヘッド等は自分で考えております。
また、LPライティング「QUESTの法則」を意識して全体の構成、ストーリーを考えました。

下記のようなストーリーで構成しています。

① メイク中、肌に負担を感じていませんか？(悩み、共感)
② そんな肌トラブルでお悩みの方へ　是非体験してみてください
　（商品の4つの特徴をまずはご覧ください）→CTA、特典、フリーギフトプレゼント
③ 商品の強み、特徴
　（お色味診断部分の診断コンテンツのコーディングは省いております。）
④ SNSでの口コミ、お客さまの声(社会性を強調)

【ターゲット】

• 30~40代女性
• 自分に合うファンデを探している方(特に敏感肌さん)

主なコンテンツデザイン

【ファーストビュー】

• 「素肌感ファンデーション」というコピーで、素肌感の文字に光のイメージをマスクして、透明感ある肌をイメージ。また、背景に玉ぼけの画像を使ったり、女性らしさのある優しいピンク色をメインに配色することで、柔らかい感じを全体に出した
• 視線誘導を考え（人は左から右に視線移動する）、サブコピーのすぐ横に女性の綺麗な肌・顔の画像で、お客さまの心を掴む。「私も綺麗な肌になりたい」と思ってもらう

【CTAエリア】

• お得感を伝えるため「60%OFF」を強調
• ファンデーションならではの色が合わなかった時用に、わかりやすく目立つよう色交換無料の表記
• 3色のテクスチャー画像を置くことで、1目で3色から選べることがわかるようにした
• CTAボタンは、ふわふわと動くアニメーションをつけ、クリック率をあげる工夫（人は動くものに目がいく）

【特典エリア】

• 他LPで見るような特典エリアを参考
  →あまり変わったデザインにしてもわかりにくくなると感じたため、オリジナリティはあまり出してしない。内容をナンバリングして、わかりやすさを重視
• 文字組みなどを工夫

【お悩みエリア】

• お悩みを帯のようにして配置
• さまざまなお悩みを配置して、そのままでいると、合わないファンデを使い続けると…と煽る→お客さまに危機感を持ってもらう「なら、どうしたらいいの？」といった感じで読み進めてもらう

【満足度エリア】

• 高い使用感満足度を得ていることを訴求
• 円グラフデザインを、ファンデのテクスチャーで表現

【実績エリア】

• さまざまなランキングで1位を受賞していること、420万本売れていることなど、実績をしっかり載せることで権威性をアピール
• 全体的にキラキラ感を出して豪華に

【お客さまの声エリア】

• 年齢表記でリアルさを演出
• 声の見出しを作ることで、流し読みが可能（どんなふうに感じたのか、評価されているのかを一言で表しているから）

【よくある質問(Q&A)エリア】

• アコーディオン式で、開閉できるタイプに（必要のない人が少しでもショートカットして読み進めやすいように）

※ 画像内全て架空の内容となります。
※ 薬事法等は、知見がないため考慮しておりません。