ヘアケア商品LP制作
職業訓練課題
架空ブランド「WLcare」商品紹介ページ
制作ツール:Adobephotoshop
【制作課題の概要】
職業訓練における課題として、架空のヘアケアブランド「WLcare」のランディングページ(LP)をPhotoshopで制作しました。
本LPは、広告バナーや公式SNSなどからの遷移先ページとして使用されることを想定しており、主力商品のシャンプーを中心に、4点セット購入へ導く構成としています。
【目的】
商品の魅力を視覚的にわかりやすく伝え、ネット購入に繋げること
ユーザーが「髪の悩み → 解決策 → 購入」へ自然に進める導線設計
「潤い成分」「ダメージ補修」「香り」の3つを明確にアピール
コンディショナーやヘアオイルなど、セット商品の使用ステップも紹介
【ターゲット・ペルソナ】
名前 高橋 さおり さん
年齢 34歳
職業 保育士(フルタイム勤務)
ライフスタイル 忙しくも、美容には気を遣いたい共働きママ。バスタイムが唯一の自分時間。
髪の悩み パサつき・うねり・年齢によるツヤ不足。香りと使用感にもこだわりたい。
理想の状態 サロン帰りのような手触りと、朝のスタイリングがラクになる髪質。
検索傾向 「シャンプー 30代 無添加」「髪質改善 自宅」「香りがいいシャンプー」など。
【構成・デザインのポイント】
パープル〜ピンク系のグラデーションで、上品さとやさしさを演出
ファーストビューに商品画像+キャッチコピー+特典を配置し、訴求力アップ
商品の使用ステップ(STEP1〜3)をシンプルに図解し、セット購入への導線に
共感を呼ぶ「Users Voice(使用者の声)」を3名分掲載し、リアリティと信頼感を演出
CTA(購入ボタン)を上下に2箇所配置し、どこからでも購入しやすい設計に
無添加・ノンシリコンなどの安心要素をアイコンで視覚的に伝達
【工夫した点】
使用ステップをイラストとテキストで簡潔に見せることで、商品理解のハードルを下げた構成
ユーザーボイスに年代やエピソードを加えることで、読み手が自身を投影しやすく設計
写真の配置や余白バランスに配慮し、高級感のあるイメージを保ちながらも親しみやすさも演出
【使用ツール】
Adobe Photoshop
(画像加工、ボタン・レイアウト制作、パーツデザインなど)
【想定掲載場所】
ブランド公式ページ内のキャンペーン特設ページ
SNS広告・ディスプレイ広告のリンク先(LP)として