20代女性に刺さるパッケージ・商品ページの「最初の3秒」設計

「商品ページの1枚目、結局なにを一番大きく見せればいいんだろう」「パッケージのデザイン、情報を詰め込みすぎている気がするけど、削ると寂しくなりそうで踏み切れない」。うちのチームがEC運用やパッケージ制作のご相談を受けるとき、こういう声によく出会うんです。特に20代女性向けの商材だと、棚の前で手に取ってもらえるかどうかも、スマホでスクロールする指が止まるかどうかも、判断にかかる時間はほんの3秒ほどしかありません。この記事では、CVR改善の施策を並べるのではなく、パッケージと商品ページという別々に語られがちな2つの接点を「最初の3秒で何を伝え終えるか」というひとつの設計思想でつなげて、要素の優先順位を決める判断基準をお伝えしていきます。スマホの縦長画面を前提に、具体的な直し方まで一緒に見ていきますね。

なぜ「最初の3秒」で決まるのか スマホの画面と棚の前は同じ設計問題

棚の前で手に取ってもらえるかどうか、そしてスマホの商品ページでスクロールする指がふっと止まるかどうか。この2つは一見まったく別の場所で起きている出来事に見えますよね。でも実際に横で見ていると、起きていることはほとんど同じなんです。人は情報を隅から隅まで読んでから判断しているわけではなく、パッケージなら手に取った瞬間、商品ページなら開いた直後の一瞬で「これは自分に関係あるかどうか」をまず決めています。うちのチームがパッケージと商品ページを別プロジェクトとして切り分けるのをやめたのは、この「最初の判断が一瞬で起きている」という構造がまったく同じだと気づいたからなんです。

20代女性向けの商材は、特にこの傾向が強いと感じています。コスメも雑貨もアパレルも、似たような見た目の商品が売り場にもECサイトにもたくさん並んでいて、じっくり比較するというより「なんとなく気になる」か「スルーする」かが一瞬で決まっている印象があります。丁寧に比較検討してから選ぶというより、まず直感で立ち止まるかどうかが先に来て、比較検討はそのあとについてくるものなんです。だからこそ、じっくり読ませるための情報設計よりも先に、最初の3秒で何を伝えるかを設計しておく必要があります。

ここで厄介なのが、パッケージ担当と商品ページ担当が社内で別チームだったり、外部の制作会社もそれぞれ別だったりするケースです。パッケージは「売り場で目立つこと」を優先し、商品ページは「検索キーワードで見つけてもらうこと」を優先していると、それぞれの最初の3秒に込めているメッセージが少しずつずれてしまうことがあります。お客さまからすると、店頭で見た印象とECサイトで見た印象がちぐはぐで、同じブランドだと気づいてもらえないことすらあるんです。

この記事では、パッケージと商品ページの両方に共通して使える「3秒で伝え終えるべきこと」の軸を整理して、そこから逆算して1枚目画像・キャッチコピー・パッケージの表面をどう作るかまで落とし込んでいきます。20代女性が離脱してしまうファーストビューにはいくつか共通するパターンがあるので、具体的な直し方もあわせて紹介していきます。パッケージと画面、どちらか片方だけを整えても効果は半分しか出ないというのが、うちのチームが現場で感じていることなんです。

3秒で伝え終えるべき3つのこと 「誰のため」「何がいいか」「生活のどこに置くか」

ここからは、3秒という短い時間の中で伝え終えておきたい情報を、3つの軸に整理していきます。あれもこれも詰め込みたくなる気持ちはすごくよく分かるのですが、3秒で処理できる情報量には限りがあります。優先順位を決めるための軸として、①誰のためのものか、②何がいいのか、③自分の生活のどこに置かれるか、この3つを起点に考えると、1枚目に何を残して何を削るかがぐっと判断しやすくなるんです。

誰のためのものか

最初に伝わってほしいのは、スペックよりも先に「これは自分向けだ」と感じてもらえるかどうかです。たとえば同じ美容液でも、「乾燥が気になる季節の変わり目に」「毎朝バタバタしている一人暮らしの朝に」というように、生活のシーンや状況が思い浮かぶ言葉が1枚目にあると、パッと見て自分に関係があるかどうかを判断しやすくなります。逆に成分名や数値から入ってしまうと、専門知識のある人以外は「自分向けかどうか」の判断に余計な時間がかかってしまうんです。女性ユーザーがどんなふうに情報を受け取り、意思決定しているかという土台の部分は購買者の7割は女性。女性脳で作った商品ページが売れる本当の理由で詳しく触れているので、判断の仕組みそのものから知りたい方はあわせて読んでみてください。今回はその土台の上で、判断が「3秒」という時間の中でどう起きているかに絞って考えていきます。

何がいいのか

2つ目の軸は、機能や成分といったスペックではなく、それによって何が変わるのかというベネフィットです。「保湿成分配合」よりも「化粧直しの回数が減らせます」、「素材は綿100パーセント」よりも「肌に直接触れても心地よい肌ざわりです」というように、変化や体感を言葉にしたほうが3秒の中では伝わりやすくなります。スペックはウソではないのですが、スペックを翻訳せずにそのまま1枚目に置いてしまうと、読み手側に「これはどう良いんだろう」と変換する手間を強いてしまうんです。この変換作業を、こちら側であらかじめ済ませておくという意識を持つと、1枚目に置くべき言葉が自然と絞られていきます。

生活のどこに置かれるか

3つ目の軸は、その商品が自分の生活のどの場面に登場するのかという想像のしやすさです。洗面台に置かれている様子、通勤バッグの中に入っている様子、玄関で靴を履きながら手に取る様子。こうした具体的な生活の一場面が1枚目の写真やキャッチコピーから想像できると、「これなら自分の暮らしに置けそうだ」という感覚につながります。逆に商品単体を真っ白な背景の上にきれいに置いただけの写真は、情報としては正しくても、生活の中でのイメージが湧きにくいという弱さがあるんです。3つの軸のうち、この生活導線の軸が一番後回しにされがちだと感じています。

この3つの軸は、優先順位をつけるための道具として使うのがおすすめです。1枚目やパッケージ表面に入れたい情報が複数出てきたときに、「これはどの軸に効いているか」を一つずつ当てはめてみると、似たような情報を重複して入れていたことに気づけたりします。次の章では、この3つの軸から実際に1枚目画像とキャッチコピーへどう逆算していくかを、具体的に見ていきましょう。

商品ページの1枚目画像とキャッチコピーを、3つの軸から逆算する

3つの軸が整理できたら、次はそれを実際の1枚目画像とキャッチコピーに落とし込んでいく作業です。スマホの画面は縦長で、しかも表示される面積がとても狭いということを前提に置いておく必要があります。パソコンの大きな画面でデザインを確認していると気づきにくいのですが、実際のお客さまの多くはスマホの縦画面で、1枚目画像とキャッチコピーの最初の数行くらいしか一度に目に入っていません。この狭さの中で3つの軸をどう配置するかが、ファーストビュー設計の実質的な中身になります。

1枚目画像については、「誰のためか」と「生活のどこに置かれるか」の2つの軸を担当させるのがやりやすいと感じています。商品単体のきれいな写真だけで終わらせず、使っているシーンや生活の一部として写り込んでいるカットを選ぶと、この2つの軸が一枚の写真の中に同時に乗ってくれます。たとえば「敏感肌の20代」という軸を意識するなら、モデルの雰囲気や背景の生活感でそれとなく伝わるようにする、というのも一つの方法です。文字を画像内に詰め込みすぎず、写真そのものに語らせる部分を増やしていくイメージを持つと、情報過多になりにくくなります。

キャッチコピーには、「何がいいのか」の軸を中心に置くのがおすすめです。スペックをそのまま並べるのではなく、「これを使うとどう変わるか」を短い言葉に翻訳して1行目に置きます。たとえば「厳選素材を使用」だけで終わらせず、「化粧直しの回数を減らしたい人に」というように、使った先にある変化を先に見せる書き方です。ここで気をつけたいのは、誇張した言い切りに寄りかからないことです。「〜しやすくなります」「〜という声をよくいただきます」というように、効果の伝え方は控えめな言葉を選んでも、生活の変化がイメージできれば十分に刺さるコピーになります。

言葉づかいのトーンそのものも、実は「刺さる」か「萎える」かを分ける大きな要素です。同じ内容を伝えていても、硬すぎる言葉づかいや逆にふざけすぎたテンションだと、20代女性の読み手には響きにくくなってしまうことがあります。このトーンの作り方については20代女性に伝わるブランドトーンの作り方——『刺さる』と『萎える』の分かれ目で具体的に整理しているので、コピーの言葉選びで迷ったときはあわせて参考にしてみてください。3つの軸が正しくても、言葉のトーンがずれていると3秒の中で伝わりきらないことがあるので、両方をセットで見ておくと安心です。

20代女性が離脱するファーストビューの共通パターンと直し方

ここまでの軸を踏まえたうえで、実際の商品ページでよく見かける離脱パターンを整理しておきます。うちのチームがいろいろなブランドの商品ページを見てきた中で、20代女性の離脱につながりやすいと感じるファーストビューには、いくつか共通した特徴があります。ひとつずつ見ていくと、多くが「情報を減らせば直る」ものだと気づけるはずです。

この4つのパターンに共通しているのは、「作り手側が伝えたいことを全部載せてしまっている」という点です。作り手にとっては全部大事な情報でも、読み手は3秒の中でその優先順位まで読み取ってはくれません。3秒を超えて興味を持ってもらえたあとの、レビューの見せ方や価格訴求の工夫といった細かい改善ポイントについては楽天商品ページのCVRを上げる10の改善ポイント【実例あり】で個別にまとめているので、この記事では最初の3秒に絞って掘り下げていきます。

直すときに意識したいこと

実際に直す作業に入るときは、いきなり全部を作り変えようとせず、1枚目画像とキャッチコピーの最初の1行だけを見直すところから始めるのがやりやすいと感じています。この2つは、3つの軸のうちどれか1つに絞って強く伝える場所だと割り切ってしまってよいところです。細かい情報は2枚目以降やページ下部にしっかり載せておけば、伝え漏れにはなりません。最初の3秒で伝える量を減らすことは、情報を捨てることではなく、伝える順番を入れ替えるだけの作業なんです。

色数についても同じで、ブランドカラーを含めて2色程度に絞ると、写真や文字の情報がすっと目に入りやすくなります。使いたい色が増えてきたら、それは1枚目に情報を詰め込みすぎているサインだと捉えて、どの軸を優先するかをもう一度見直すきっかけにしてみてください。

パッケージの表面と開封の瞬間を、画面と同じ設計思想でつなぐ

ここからが、この記事でいちばんお伝えしたい部分です。パッケージと商品ページは、社内の担当も制作の工程もまったく別物として扱われることが多いですよね。デザイン会社が別だったり、進行のスケジュールがまったく噛み合っていなかったりして、お互いの完成形を見るのが納品直前になってしまう体制も珍しくありません。ですが「最初の3秒で何を伝え終えるか」という設計思想そのものは、実は同じ考え方をそのまま当てはめられるんです。ここを別々に扱ってしまうことこそが、店頭で見た印象とECサイトで見た印象がちぐはぐになる一番の原因になっていると、うちのチームでは感じています。

パッケージ表面の3秒

売り場で商品を手に取ってもらえるかどうかも、3つの軸で説明がつきます。パッケージの表面いっぱいに成分名や機能を書き込んでしまうと、商品ページでスペックから入ってしまうのと同じ失敗が、実物の売り場でも起きてしまいます。手に取ってもらう前の3秒でまず伝えたいのは、「誰のためのものか」がひと目で分かるトーンや色づかいと、「何がいいのか」を短く言い切ったひとことのはずです。パッケージの裏面にはしっかり成分や使い方を書いておいて、表面は思い切って情報を絞るという役割分担が、実は商品ページの1枚目とキャッチコピーの関係とまったく同じ構造をしているんです。

色数が多いパッケージも、商品ページと同じ理由で埋もれやすくなります。売り場では隣に何十個もの商品が並んでいるので、遠目から見たときに「あ、あのブランドだ」と認識してもらえるかどうかが最初の関門です。ブランドカラーを軸に色数を絞っておくと、売り場でもECサイトのサムネイル一覧でも、同じ見え方で認識してもらいやすくなります。逆に、パッケージごとに色づかいがバラバラだと、シリーズものであっても同じブランドだと気づいてもらえないことがあるんです。

開封の瞬間をつなぐ

最初の3秒は、購入前の売り場やスマホの画面だけで終わる話ではありません。届いた箱を開ける瞬間も、実はもうひとつの「最初の3秒」です。開封した瞬間に、商品ページで見た印象と違う簡素な梱包が出てくると、「あれ、思っていたのと違うかも」というギャップが生まれてしまいます。逆に、商品ページのトーンやカラーがそのまま箱の内側にも続いていると、「ちゃんと世界観が一本につながっている」という安心感につながるんです。開封の様子をSNSに載せてもらえるかどうかも、実はこの一本につながった印象があるかどうかで変わってくると感じています。

うちのチームでパッケージと商品ページを同時に見直すときは、「売り場で見た第一印象」「商品ページで見た第一印象」「箱を開けた瞬間の印象」の3つを並べて、同じトーンで統一されているかを確認するようにしています。この3つがバラバラなブランドは意外と多く、逆に言えばここを揃えるだけで、他社との違いを感じてもらいやすくなる部分でもあるんです。パッケージ・商品ページ・開封体験を別々の担当者が別々に作っている場合は、この3つを並べて見る時間を一度作ってみることをおすすめします。

チームで「3秒の基準」をそろえるチェックリスト

最後に、パッケージと商品ページの担当が別々の会社・別々のスタッフであっても、「3秒で伝え終えること」の基準をそろえやすくするためのチェックリストをまとめました。うちのチームが新しい商品のご相談を受けるときも、パッケージ担当と商品ページ担当が最初に顔を合わせる場で、このリストを一緒に確認するようにしています。基準を最初にすり合わせておくだけで、あとから「印象がちぐはぐだった」と手戻りになることをかなり減らせると感じています。

• 1枚目画像だけを3秒見て、「誰のためのものか」が伝わるか
• キャッチコピーの最初の1行に、スペックではなくベネフィットが置かれているか
• 写真から、自分の生活のどこに置かれるかが想像できるか
• パッケージ表面と商品ページの1枚目で、色数やトーンがそろっているか
• 開封したときの内側の見え方が、商品ページの印象と地続きになっているか
• 細かい情報(成分・素材・サイズなど)は、2枚目以降やパッケージ裏面に送れているか

このチェックリストは、一度に全部を満たそうとしなくても大丈夫です。まずは商品ページの1枚目画像とキャッチコピーだけを見直す、次にパッケージの表面を見直す、そのあとで開封時の内側の見え方まで手を広げる、というように、一つずつ順番に揃えていくくらいのペースで十分だと感じています。全部を同時に変えようとすると、どこから手をつけていいか分からなくなって、結局着手が遅れてしまうことのほうが多いんです。

チェックの結果が微妙なときも珍しくありません。社内で確認したときに「これは伝わっている気がする」「いや、初見だと分からないかも」と意見が割れることもよくあります。そういうときは、その商品を初めて見るスタッフや、実際に社内にいる20代女性のスタッフに、1枚目だけを3秒見せてから何が伝わったかを聞いてみるという方法がやりやすいと感じています。作り手側は情報を知りすぎているぶん、初めて見る人の感覚から離れてしまいがちなので、定期的に外側の視点を借りるようにしてみてください。

このチェックリストを商品開発の定例ミーティングに組み込んでおくと、新商品が出るたびに一から議論し直す必要がなくなります。基準が一度言語化されていれば、担当者が入れ替わっても3秒の設計思想がぶれにくくなりますし、外部の制作会社に発注するときの共有資料としても使えるようになっていくはずです。

まとめ

パッケージも商品ページも、最初の3秒で判断されているという構造は同じです。「誰のためのものか」「何がいいのか」「生活のどこに置かれるか」という3つの軸で情報の優先順位を決めておくと、1枚目画像・キャッチコピー・パッケージの表面、それぞれで何を残して何を削るかがぐっと判断しやすくなります。

情報の詰め込みすぎ、素材写真の多用、スペックから始まる説明、色数の多さ。20代女性の離脱につながりやすいこれらのパターンは、どれも作り手側の伝えたい気持ちが先に出てしまった結果だと感じています。3秒で伝えることを減らすのは、情報を捨てることではなく、伝える順番を入れ替えるだけの作業なんです。

うちのチームも、パッケージと商品ページを別々に作ってしまいそうになるたびに、「これは同じ3秒の設計の話なんじゃないか」と一度立ち止まって確認するようにしています。売り場・画面・開封の瞬間、この3つの最初の3秒がひとつのトーンでつながっているかどうか、ぜひ一度チェックリストを使って見直してみてください。

---

この記事で紹介したような視点、あなたのブランドでも試せます。
女性マーケター全員が現場に入る実行チーム。

→ 企業ブランディング支援の詳細を見る

→ 成果をもっと見る