プロジェクト概要
商品の魅力が伝わるランディングページを目指して制作いたしました。
EC forceで構築した、髪質改善ヘアケアブランド kii（キー）様のシャンプーのランディングページです。SNS総フォロワー数20,000人以上の美髪マイスターがプロデュースした商品として、「泡立ち・まとまり 艶髪のバリアケア」のコピーと、95%が美容成分、コラーゲンシルクや高濃度ヘマチンの配合の特長を伝え、定期便の申し込みまでを1ページで完結させる構成にしました。成分の特徴、定期購入の特典と条件、敏感肌や使用量などに答えるQ&A、EC forceの注文フォームを掲載しています。
市販のシャンプーで満足できなかった方に、成分と効果の根拠を分かりやすく示して商品の魅力を伝えたい。あわせて、定期購入の割引や購入条件を誤解なく伝え、敏感肌や使用量など購入前の不安をその場で解消して注文まで進める導線が必要でした。
石目調の背景の中央に縦長のビジュアルを置き、筆記体のロゴと花の線画、ボトル2本、年間1位獲得のバッジを組み合わせて、上質さと実績を一目で示しました。成分の特徴は水泡のモチーフの中に3つ並べ、円の図で加水分解シルクやコラーゲンの働きを説明しています。ページ下部のQ&Aで購入前の疑問に答え、その直下にEC forceの注文フォームを組み込んで、お届けサイクルまで1ページで入力できる構成にしました。
制作のポイント
石目調の背景にボトル2本を中央に置く
最初の画面は、グレーの石目調の背景の中央に縦長のビジュアルを置き、筆記体の「kii」ロゴと花の線画、「泡立ち・まとまり 艶髪のバリアケア」のコピーの下に、金と銀のキャップがついた茶色のボトル2本を並べています。右には「美髪ケアシャンプー年間1位獲得」の黄色いバッジを配置しています。
成分の特徴を水泡のモチーフで並べる
ボトルの下には「95%が美容成分」「毛髪内部からカプセルが浸透」「うるおいを保ち美しい髪へ」の3つを水泡の形の中に置き、「コラーゲンシルク配合」「高濃度ヘマチン配合」の茶色いラベルを添えています。続く「使えば使うほど美髪へ」のブロックでは加水分解シルクと加水分解コラーゲンを円で並べて説明しています。
FAQと注文フォームを同じページに収める
ページ下部には、トリートメントとの併用、敏感肌、使用量、アルコールや香料の有無、動物実験、到着日、返品交換、領収書などに答えるQ&Aを置いています。その下にEC forceの注文フォームを組み込み、お客様情報からお支払い情報、配送業者、お届けサイクルの指定までを1ページで入力できる構成で、国内配送のみの注記を添えています。
デザイン
