【デザインについて】
■ファーストビュー
元気に走るワンちゃんの写真(AI使用)をメインに配置し、商品の特徴である「健康」「元気」「ナチュラル」を直感的に伝えられるよう設計しました。カラーは健康を連想させるグリーンをベースに、食欲や活力をイメージするオレンジ、安心感のあるブラウンを組み合わせ、親しみやすい印象にまとめています。
見出しには丸みのあるゼンマルゴシックを使用し、愛犬家に親しみやすさや温かみを感じてもらえるよう工夫しました。本文には視認性の高いNoto Sans JPを採用し、情報の読みやすさを確保しています。
CTAはファーストビュー内に配置し、「初回半額」の割引率と価格に自然と目が向くようジャンプ率をつけて設計。視線がそのまま購入ボタンへ流れるレイアウトを意識しました。また、肉球のモチーフを配置することで、ワンちゃんがボタンへ導いているような遊び心のある演出を加えています。
■悩み訴求
チェックリスト形式を採用することで、ユーザーが自身の悩みと照らし合わせながら読み進められる構成にしました。
写真(AI使用)は湾曲したフレームに収めることで、不安や悩みを抱えている状態を視覚的に表現。さらに写真全体に黒いオーバーレイを重ねることで、悩みを抱えている際のネガティブな心理状態を演出し、次の解決セクションへの期待感を高めています。
■解決策・商品特徴
商品の特徴である「無添加」「グルテンフリー」「国産素材」などをカード形式で整理し、短時間でも内容が理解できるよう設計しました。
各カードには写真やアイコン(AI使用含む)を添え、文章だけでは伝わりにくい内容も視覚的に理解しやすいよう工夫しています。また、悩みセクションからの流れを受けて、商品の強みがひと目で伝わる構成を意識しました。
購入意欲が高まったタイミングで2回目のCTAを配置し、離脱を防ぎながら次のアクションへ繋げています。
■飼い主の声
実際に利用している様子をイメージできるよう、飼い主と愛犬の写真(AI使用)を採用しました。
写真はマスキングテープで貼り付けたようなデザインにすることで、アルバムや思い出写真のような親しみやすさを演出。口コミをより自然に読んでもらえるよう工夫しています。
また、年代や犬種を変えた複数の飼い主を掲載することで、幅広いユーザーが自身と重ね合わせやすい構成にしました。
■選ばれる理由
商品の価値をより深く理解してもらうため、選ばれる理由をカード形式で整理しました。
国産素材へのこだわりや品質面など、購入前に気になる情報を視覚的に分かりやすくまとめています。写真やアイコン(一部AI使用)を活用することで、文章量を抑えながらも理解しやすいデザインを目指しました。
■最終CTA
最終CTAでは、これまでとは異なるレイアウトを採用し、ページ終盤でも新鮮な印象を与えられるよう工夫しました。
特典であるサプリメントを先に見せることで限定感や特別感を強調し、その流れで購入ボタンへ誘導しています。
また、割引率はクーポンチケットをイメージしたデザインにすることで、お得感を視覚的に伝達。価格からCTAボタンへ自然と視線が流れる導線設計を意識しました。
■デザイン全体の工夫
ページ全体を通して、ワンちゃんの足跡モチーフを配置しています。
ファーストビューから続く足跡が各セクションをつなぎ、最後には商品へ辿り着く構成にすることで、「愛犬に合うフードを探している飼い主が、理想のフードと出会うまで」のストーリーを演出しました。
単なる装飾ではなく、ユーザーをページ下部まで自然に誘導する視線誘導の役割も担っています。
