防虫剤のLP
実際にある防虫剤のLPをアレンジしました。 女性のペルソナを設定し、清潔感や植物由来の優しさをイメージして作成しました。
ペルソナ
- 女性 35歳 主婦
- 生後半年の赤ちゃんの子育て中
- 赤ちゃんがいるため、衣類につく虫が気になる
- 赤ちゃんの服にも使えるような、お肌に影響が少ない成分で作られたものを探している
オーガニックにこだわって作られている防虫剤ということだったので、オーガニックを扱っているwebサイトを参考にしながら、ファーストビューにはハーブの写真を入れて、天然成分でできていることをアピールしました。
ファーストビューのキャッチコピーでは、三本線で「オーガニック」を強調し、商品画像と商品名を中央に置いて目立たせました。
共感部ではタイトル部分のテキストを大きめに設定して説明部分とのメリハリをつけました。
挿入画像は、上段は「子供のお肌にもあんしんして利用できる」ことを伝えたかったため、赤ちゃんが衣類に包まれているものを選択しました。
下段は「より効果を発揮させるハーブの製法を研究した」ことを伝えたかったため、研究している様子の写真とハーブの写真を半分ずつ載せて、商品開発をイメージしやすくし、安心感と清潔感を感じてもらいやすくしました。
最下部の「オーガニックとボタニカルの違い」は、もとのLPでもピラミッドを使って表現されていたので、それをアレンジしました。
オーガニックの「化学合成成分を使用せず」に波線を入れて、ボタニカルより具体的に優れている所を強調し、お互いの違いを分かりやすく表現しました。
一番はじめに作ったLPです。フィードバックをいただいた際
- ファーストビューで防虫剤の商品だとわかりづらい(ガーデニングかと思った)
- ハーブのみの成分なのに、果物が入っていると誤解されてしまう
- 一番最後のオーガニックとボタニカルの違いの部分は補足説明にあたるため、デザインを見直すべき
以上をアドバイスいただきましたので、
- 果物やガーデニングのように見えたファーストビューのデザインをハーブに変え、ハーブのみ使用していることをアピール
- 最後の補足部分は小さくし、あまり目立たないようにデザインを少し変更
改善後のデザインは、より明確に商品の成分や効果を伝えられるデザインになりました。
モバイル版では、文字の並びを中央寄せにし、文字の大きさを少し大きくしました。
縦配列を意識し、縦読みでも見やすいレイアウトと、PC版のLPのトンマナとイメージが変わらないように作成しました。
また、モバイル版もフィードバックをいただき、
- ファーストビューに共感部が入り込んでいるため、チープに見える
- ファーストビューの推奨サイズは750×1334px
- 最後の補足が独立していて、何の補足かわからない
以上を踏まえて改善しました。
ファーストビューは、1画面いっぱいにファーストビューが来るようにサイズを変え、より縦長を意識しました。
写真と文章の配置を入れ替えることで、ファーストビューと共感部のメリハリがつき、最後の補足部分も、文章の補足として違和感なく挿入できたと感じます。
制作時間50時間