【HerTech 架空案件】ペットフードバナー

【デザインについて】

●カラー

クライアントのロゴで使われているカラーを元に、文字や装飾にブラウンやオレンジ、背景に草原のグリーンを入れて構成することでブランドのイメージを大切にしました。

特に、ビタミンカラーであり、健康や栄養価の高さを想起させるオレンジを中心に使用しました。

●タイポグラフィ

柔らかくナチュラルなイメージが得られるZen Maru Gothicを中心に使用しました。可愛らしさや温かみがあり、犬の持つ雰囲気を表現しました。

価格の数字のみ視認性の高いHelvetica Worldを使用し、価格の魅力が即座に伝わるようにしました。

●情報設計

情報過多を避けるため、テキストは最小限に厳選しました。

最も伝えたい「健康応援」を最大のフォントサイズで配置することで、背景のコーギーと相まって、愛犬の健康を願うターゲット層へ最初に強く印象づけられるよう意識しました。

また、「お試しフード初回のみ半額」をオレンジの帯で視認性を高め、お得感を強調しました。

「初回のみ半額」の価格差が一目でわかる設計を目指し、「¥5,000→¥2,500」と表示しました。値引き前の価格を表示することで、元の価格が基準となり、「価値の高いものが安くなっている」と、即時的な価値を感じるアンカリング効果を狙いました。

これらの情報設計により、スクロール中に流し見しているユーザーでも一瞬で「お得に試せる健康ドッグフード」であることを伝え、クリック率向上を目指しました。

【工夫したポイント】

背景を柔らかい自然光の草原にすることで、ナチュラル・安心・健康的などのイメージが得られるよう意識しました。このイメージにより、商品であるドッグフードが身体に良い安心安全な素材を使用しており、愛犬の健康ケアに効果的だと感じられるようにしました。

コーギーの写真を視線が向きやすい左側に大きく配置することで、ターゲット層への興味を引きつけながら飼い主の「可愛い！」という感情に訴えかけ、スクロールする手が止まるよう意識しました。また、穏やかな笑顔のコーギーの写真を使用することで、「このフードを食べたらうちの子もこんなに幸せそうになるかも」と思わせるよう意識しました。

左側のコーギーの写真で感情的な興味を引きつけ、中央の大きなテキストで商品の価値を伝え、右下に価格とお得情報を集中させることでZ型に視線誘導し、最終的に「購入したい」という行動につなげやすいレイアウトにしました。

コーギーのすぐ横に商品を置くことで、「このフードが犬に良い」と連想されるようにし、「NEW」バッジを商品の下に被せて配置することで新商品であることを即座にアピールしました。「NEW」のバッジをゴールドにすることで、新商品であることの強調のほか、特別感・ワクワク感も得られるよう意識しました。