愛犬の健康を守るドッグフードLPデザイン
【制作の流れ】
ターゲットや商材（ペットフード）の特性を整理し、「安心感」と「購買意欲の促進」を軸に構成を設計。 ワイヤーフレーム作成後、ファーストビューから順に視線誘導を意識しながらデザインへ落とし込みました。 また、競合LPを分析し、情報量と読みやすさのバランスを意識して制作しています。担当範囲はデザイン全般です。
●カラー
ペットフードという商材に合わせ、「安心・自然・親しみ」を感じられる配色設計としました。
• ブラウン（メイン）：食品らしさ・安心感を表現し、全体のトーンを統一
• レッド（アクセント1）：価格やキャンペーンなど、強調したい要素に限定して使用
• オレンジ（アクセント2）：親しみやすさ・ポジティブな印象を付加
• グリーン（アクセント3・ボタン）：健康・自然のイメージ＋クリック率を意識したグラデーション設計
• イエロー / ベージュ：やさしさ・ナチュラルさを演出
• グレー：可読性の担保とセクションのメリハリ調整
全体として、視認性と感情訴求のバランスを重視しました。
●タイポグラフィ
可読性と世界観の両立を意識してフォントを選定しました。
• メインフォント：コーポレート明朝
→ 信頼感・上質感を演出し、商品の安心感を強化
•サブフォント：Noto Sans JP
→ 長文でも読みやすく、情報をストレスなく伝達
• アクセントフォント：あずきフォント
→ 吹き出しや口コミに使用し、親しみやすさ・柔らかさを付加
情報の重要度や役割に応じてフォントを使い分けることで、自然な視線誘導を理解しやすさを両立しました。
●情報設計
ファーストビューでは「0.5秒で伝わる構成」を意識しました。
• 商品の魅力（安心・品質）を瞬時に理解できるコピー設計
• 数値（実績）やベネフィットを優先的に配置
• CTAボタンを視線導線上に配置し、迷わず行動できる設計
• 要素を絞り込み、直感的に理解できるレイアウトに調整
第一印象で「信頼できそう」「試してみたい」と感じてもらうことを重視しています。
また、コンバージョンを意識し、CTAの配置・視線導線・情報の優先順位を設計しました。
さらに、ユーザーが飽きずに読み進められるよう、犬のキャラクターに動きや吹き出しを加え、ストーリー性のある構成としています。
【工夫したポイント】
デザインだけでなく、成果を意識した設計を行いました。
• 競合LPのリサーチを行い、構成や訴求ポイントを分析
• モニター評価（口コミ）を入れることで信頼性を強化
• CTAはグラデーションや色設計にこだわり、クリック率を意識
• セクションごとに情報の強弱をつけ、離脱を防ぐ構成に調整
• 「悩み → 解決 → ベネフィット → 行動」のストーリー設計
• 犬のキャラクターに動きや吹き出しを加え、感情的なリアクシ ョンを取り入れることで、ユーザーが自然に読み進められるよう工夫
・モニター評価セクションでは、犬の足跡を用いて視線誘導を行い、口コミへ自然に注目が集まるように設計
また、ユーザー目線で「ストレスなく読み進められるか」を常に意識しながら制作しました。
