【自主制作】シャンプーの架空LP制作・実装（PC・SPデザイン共通）

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

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

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

【LPライティング構成】

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

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

① このようなお悩み・髪トラブルとさよならしませんか？(悩み、共感)
② そんなあなたに、このシャンプーを。(ビジュアルで商品PR)
③ これだけの実績を獲得しています(権威性)
④ 選ばれる理由が3＋自社のシャンプーへのこだわり5つ(商材の魅力)
⑤ SNSでの口コミ、お客さまの声(社会性を強調)
⑥ 特別なシャンプー体験を(感動体験)

【デザインのトンマナ】

「金木犀」を想起させるオレンジ色をメインに全体の配色をまとめた

主なコンテンツデザイン

【ファーストビュー】

黒髪のツヤのある女性モデルの写真を使うことで、ポジティブな未来を想起（私もこのシャンプーを使いたい、使ったらこうなれるのかな、と思ってもらう）
金木犀の画像使用、オレンジの柔らかいグラデーションの背景を使用することで、金木犀がふわっと香ってきそうなイメージで制作
メインコピーとサブコピー＋オファーしたい内容「今なら50%OFFの1980円で購入できるよ」を盛り込み、購買意欲を掻き立てている

【CTAエリア】

今回、オファーしたい内容が、「今なら50%OFFの1980円で購入できる」という内容のため、ボタンを他の配色とは違う緑色を使用し、目立つ工夫をしている。また、ふわふわと動くアニメーションを追加することで、クリックされやすい工夫をした。
「お得に美髪を手に入れるなら今！」というコピーで、お客さまに購買を促す
定期購入もあるけど、定期便に少し抵抗がある人のための単品購入用ボタンも設置。ただ、クリックをためらってしまいそうな目立たないグレーにすることで、購入を考えている人は、目立つ方の「お得に申し込む」をクリックさせる誘導の役割を果たすと考える

【特典エリア】

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

【お悩みエリア】

他LPは「〜こんなお悩みありませんか？」というサブヘッドが定番だが、「髪トラブル」「さよなら」というキーワードで、直感的に髪トラブルから脱せるの？！と思ってもらえるようにした
お悩みの原因は、この3つ、さまざまな原因が考えられるよ、と提示してあげることで、お客さまを納得させ次のコンテンツを見てもらえるようにした

【効果実感度エリア】

サブヘッドと共に、「潤い」「ツヤ回復」「まとまる」3つのポイントを追加して効果が期待できることを訴求
シャンプー使用者の髪の画像をたくさん敷き詰め、「こんなに多くの人が効果を実感している」と直感的に思ってもらえるような背景に

【お客さまの声エリア】

「この商品の良さはなんなのか」「どんな点が評価されているのか」をわかってもらうための、サブヘッドを「高評価の理由多数届いています。」にした
自信のありそうな顔、笑顔な女性を配置し、良いイメージを直感的に与える工夫。また、年代やお名前を載せることで、リアルさを演出
デザインが立体的になるよう意識
→他のコンテンツにも言えるが、見ていて飽きない、飽きさせない工夫「

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

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

【定期便サイクルエリア】

「特典エリア」同様、他LPで見るような特典エリアを参考
→これも同様、あまり変わったデザインにしてもわかりにくくなると感じたため、オリジナリティはあまり出さずに、わかりやすさを重視。
横にサイクルを紹介するデザインもあったが、縦にすることで、スマホファーストな見た目にした（スマホ検索で商品を探す人が一般的には多いと感じるため）

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

WEBSITE