【架空案件】ドッグフードのバナー&LP
【架空案件】オンラインスクールHer Techの課題 ドッグフードのLP誘導バナーと、Landing Pageの作成 ・所要時間 案件整理60分 ワイヤーフレーム作成100分 デザインカンプ作成250分 ・使用ツール Figma、Canva、Photoshop
①制作物
LP誘導バナー

LP
https://rubypet-dogfoodnew.studio.site/

②クライアント情報
依頼人 ルビーペット
商品名 ルビーフード・ワン
商品情報
ルビーペットはワンちゃん・ネコちゃんのフードをはじめとするあらゆるペット用品を販売しているECショップです。 このたびワンちゃんの健康管理に特化したフード「ルビーフード・ワン」を販売するにあたりLPを公開します。 お試しフードの販売もするのでLP誘導とお試し購入誘導の目的でバナーを出したいと思っています。
新発売の健康管理に特化したドッグフード「ルビーフード・ワン」は無添加・グレインフリー・全犬種対応で、 大切なワンちゃんに安心・安全なドライタイプのフードです。
国産の厳選した鶏肉と野菜を使用し、事前モニターでお試しいただいた98%の飼い主様からは「毛ツヤが良くなった」 「食いつきがいい」「歯石の予防もできる」と高評価をいただいています。
商品の価格:1.5kg 5,000円
③要件定義
目的
ワンちゃんの健康管理フード「ルビーフード・ワン」を販売開始することになりました。 GDNバナー広告、リスティング広告、弊社公式HP内バナーからLPへ誘導し、購入していただく流れになります。 新発売キャンペーンとして初回のみ半額2,500円で販売、サンプルとして当店で人気のワンちゃん用サプリも1つプレゼントします。
ターゲット
かわいい家族のために、お金を惜しまない愛犬家の方。 ペットの年齢に合わせたフードやサプリなど、日頃から気にしている。
a.年代:お金を使える年齢であれば、年代は問わない。
b.性別:男女問わず
c.キーワード:愛犬・健康・安心
その他の希望
犬の健康管理フードになるので、かわいい元気な印象のあるLPをお願いいたします。
④制作のポイント
ペルソナイメージ
トンマナ
*ワンちゃんを飼っている方、なおかつワンちゃんの健康管理まで意識しているペルソナなので、 「ワンちゃんが喜ぶこと・長生きすること」を想像できる商品が好ましい。
*ペットの年齢に合わせたフードやサプリなどを、日頃から気にしているターゲットであることから、 日々の生活スタイルや、支出の割合もワンちゃんにかけているものが多いと推定する。
*「かわいい家族のために、お金を惜しまない」という言葉のニュアンスから、経済的に安定していて ワンちゃんの暮らしにお金をかけられる状態である、定職についている人とする。
ペルソナの感情を言語化
「大事な家族である愛犬に、できるだけ健康に日々を過ごしてもらって、長生きしてほしい。」
「愛犬も年をとってきたので、できるだけ身体にいい食事に切り替えたい。」
「健康管理ができるドックフードを日頃から探していたので、試しに買ってみたい。」 ↓
家族の健康を、食事で守る。
*キーワード
健康・生命力・長生き・エネルギッシュ・バイタリティ 元気・朗らか・明るい・陽気・快活 愛情・思いやり・温情・食事・栄養
*キーカラー
ペルソナのイメージカラー=ワンちゃんと健康的な未来を想像させる、生命の「みどり」

*フォント
源泉丸ゴシック
イワタ新聞ゴシック体
ワイヤーフレーム

⑤工夫した点
トンマナ
・クライアントから「かわいい元気な印象のデザインを」という希望があったため、アクセントカラーに明るいオレンジを 持ってくることで全体の色の彩度をあげた。
・ペルソナのイメージカラーである、ワンちゃんと健康的な未来を想像させる、生命の「みどり」を基調にして、 ベースカラーは茶色に。土を連想させる茶、葉っぱを連想させる緑、太陽を連想させるオレンジと、自然界で目にする色を大事にした。
LP誘導バナーにおいても、空を連想させる水色を使用することで、外にお散歩をしている様子をイメージした。
・また、「特別なキャンペーン」や「98%が高評価」というような、ユーザーの目を引くキャッチ-な情報は、ゴールドの配色を 使うことで、訴求内容の優先順位をつけた。
レイアウト
・「かわいい家族のために、お金を惜しまない」というペルソナイメージにあわせて、バナーやFVにはワンちゃんの写真を多用。 愛着を抱いて感情移入してもらえるよう、こちらに視線を向けている画像を使用し、肉球やハートマークなどで愛らしさを表現。
・「特別なキャンペーン」の告知バナーは、本LPの目玉ページになるので、目立ちやすく色で囲い、2回表示されるようにした。 内容は同じであるが、FVすぐと、商品のこだわりを紹介した後すぐに表示することで、購買欲が高い状態でユーザーの目につくように工夫。 また、ヘッダーの右上にも「購入はこちら」のCVボタンを設置することで、購入の取りこぼしを防ぐ。
・LPについては、ユーザーによって視聴画面が異なるため、スマホでもパソコンでも情報が見やすいように、テキストは中央にまとめ、 左右の余白を残すことで、スクロールしやすい画面設定とした。
