Facebook 制作について
Logo

【Her Tech架空案件】ペットフード

クレジット
Avatar
webデザイナー
【Her Tech架空案件】ペットフード-1
シェア
制作ノート
制作について

02|制作の流れ

今回の制作では、あらかじめ設定された商品情報やターゲットをもとに、デザインの方向性を考えて制作しました。

1. 商品情報・ターゲットの整理

2. 商品の特徴や訴求ポイントの整理

3. デザインコンセプトの決定

4. 配色・フォント・素材の選定

5. LP全体の構成・レイアウト設計

6. デザイン制作

7. 全体のバランスを確認し、ブラッシュアップ

8. 完成

03|デザインコンセプト

「かわいらしさ」と「安心感」を感じられるデザインをコンセプトに制作しました。 愛犬家の方が親しみを持って見られるよう、やわらかい色合いや丸みのあるデザインを取り入れ、温かみのある雰囲気に仕上げました。 また、ペットフードという商品の特性から、かわいさだけでなく「健康に良さそう」「安心して与えられそう」と感じてもらえることも意識しました。 

04|デザインについて

Color 背景にはやわらかいアイボリーを使用し、ブラウン・イエロー・グリーンをアクセントとして取り入れました。

アイボリー:やさしく温かみのある印象

ブラウン:安心感・親しみやすさ

イエロー:明るさ・元気な印象

グリーン:健康・自然・安心感 全体的に明るくやさしい配色にすることで、愛犬家の方が親しみやすい雰囲気を表現しました。

Font 丸みのある「DNP 秀英丸ゴシック」を使用し、親しみやすく柔らかな印象にしました。

Layout LPを読み進める中で、「商品の魅力 → 悩みへの共感 → 選ばれる理由 → お客様の声 → 購入」と自然に理解できる流れを意識して構成しました。

 

05|工夫したところ・意識したところ

① 情報を直感的に伝えられるようにした 「無添加・グルテンフリー」「国産食材」「全年齢対応」など、商品の特徴が一目で伝わるよう、肉球やイラストなどの視覚的な要素を取り入れました。

② 「健康」を感じられるデザインにした 健康を意識したペットフードであることが伝わるよう、グリーンや野菜のイラストなど、自然や健康を連想できる要素を取り入れました。

③ ターゲットが共感しやすい構成にした 「最近元気がなくなった」「毛並みが気になる」など、愛犬の健康を気にする方が抱えやすい悩みを最初に提示することで、「自分の愛犬にも当てはまるかも」と興味を持ってもらえる流れを意識しました。

④ CTAを適切な位置に配置した 商品の魅力や安心感を伝えた後に購入ボタンを配置し、情報を理解したユーザーがそのまま購入へ進みやすい導線を意識しました。 

06|制作期間・使用ツール ・制作期間:1日/約4時間 ・使用ツール:Canva 

07|制作を通して意識したこと

「かわいいデザイン」にするだけではなく、LPの目的である「商品の魅力を伝え、購入につなげること」を意識して制作しました。 特に、商品の特徴をただ文章で並べるのではなく、イラストやアイコン、色などの視覚的な要素を組み合わせることで、情報を直感的に理解できるよう工夫しました。

シェア
制作について

02|制作の流れ

今回の制作では、あらかじめ設定された商品情報やターゲットをもとに、デザインの方向性を考えて制作しました。

1. 商品情報・ターゲットの整理

2. 商品の特徴や訴求ポイントの整理

3. デザインコンセプトの決定

4. 配色・フォント・素材の選定

5. LP全体の構成・レイアウト設計

6. デザイン制作

7. 全体のバランスを確認し、ブラッシュアップ

8. 完成

03|デザインコンセプト

「かわいらしさ」と「安心感」を感じられるデザインをコンセプトに制作しました。 愛犬家の方が親しみを持って見られるよう、やわらかい色合いや丸みのあるデザインを取り入れ、温かみのある雰囲気に仕上げました。 また、ペットフードという商品の特性から、かわいさだけでなく「健康に良さそう」「安心して与えられそう」と感じてもらえることも意識しました。 

04|デザインについて

Color 背景にはやわらかいアイボリーを使用し、ブラウン・イエロー・グリーンをアクセントとして取り入れました。

アイボリー:やさしく温かみのある印象

ブラウン:安心感・親しみやすさ

イエロー:明るさ・元気な印象

グリーン:健康・自然・安心感 全体的に明るくやさしい配色にすることで、愛犬家の方が親しみやすい雰囲気を表現しました。

Font 丸みのある「DNP 秀英丸ゴシック」を使用し、親しみやすく柔らかな印象にしました。

Layout LPを読み進める中で、「商品の魅力 → 悩みへの共感 → 選ばれる理由 → お客様の声 → 購入」と自然に理解できる流れを意識して構成しました。

 

05|工夫したところ・意識したところ

① 情報を直感的に伝えられるようにした 「無添加・グルテンフリー」「国産食材」「全年齢対応」など、商品の特徴が一目で伝わるよう、肉球やイラストなどの視覚的な要素を取り入れました。

② 「健康」を感じられるデザインにした 健康を意識したペットフードであることが伝わるよう、グリーンや野菜のイラストなど、自然や健康を連想できる要素を取り入れました。

③ ターゲットが共感しやすい構成にした 「最近元気がなくなった」「毛並みが気になる」など、愛犬の健康を気にする方が抱えやすい悩みを最初に提示することで、「自分の愛犬にも当てはまるかも」と興味を持ってもらえる流れを意識しました。

④ CTAを適切な位置に配置した 商品の魅力や安心感を伝えた後に購入ボタンを配置し、情報を理解したユーザーがそのまま購入へ進みやすい導線を意識しました。 

06|制作期間・使用ツール ・制作期間:1日/約4時間 ・使用ツール:Canva 

07|制作を通して意識したこと

「かわいいデザイン」にするだけではなく、LPの目的である「商品の魅力を伝え、購入につなげること」を意識して制作しました。 特に、商品の特徴をただ文章で並べるのではなく、イラストやアイコン、色などの視覚的な要素を組み合わせることで、情報を直感的に理解できるよう工夫しました。

シェア
松本そらの他の作品
画像
作品を見る
【架空案件】抹茶ラテ
画像
作品を見る
【Her tech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/
【Her Tech架空案件】ペットフード-1
制作について

02|制作の流れ

今回の制作では、あらかじめ設定された商品情報やターゲットをもとに、デザインの方向性を考えて制作しました。

1. 商品情報・ターゲットの整理

2. 商品の特徴や訴求ポイントの整理

3. デザインコンセプトの決定

4. 配色・フォント・素材の選定

5. LP全体の構成・レイアウト設計

6. デザイン制作

7. 全体のバランスを確認し、ブラッシュアップ

8. 完成

03|デザインコンセプト

「かわいらしさ」と「安心感」を感じられるデザインをコンセプトに制作しました。 愛犬家の方が親しみを持って見られるよう、やわらかい色合いや丸みのあるデザインを取り入れ、温かみのある雰囲気に仕上げました。 また、ペットフードという商品の特性から、かわいさだけでなく「健康に良さそう」「安心して与えられそう」と感じてもらえることも意識しました。 

04|デザインについて

Color 背景にはやわらかいアイボリーを使用し、ブラウン・イエロー・グリーンをアクセントとして取り入れました。

アイボリー:やさしく温かみのある印象

ブラウン:安心感・親しみやすさ

イエロー:明るさ・元気な印象

グリーン:健康・自然・安心感 全体的に明るくやさしい配色にすることで、愛犬家の方が親しみやすい雰囲気を表現しました。

Font 丸みのある「DNP 秀英丸ゴシック」を使用し、親しみやすく柔らかな印象にしました。

Layout LPを読み進める中で、「商品の魅力 → 悩みへの共感 → 選ばれる理由 → お客様の声 → 購入」と自然に理解できる流れを意識して構成しました。

 

05|工夫したところ・意識したところ

① 情報を直感的に伝えられるようにした 「無添加・グルテンフリー」「国産食材」「全年齢対応」など、商品の特徴が一目で伝わるよう、肉球やイラストなどの視覚的な要素を取り入れました。

② 「健康」を感じられるデザインにした 健康を意識したペットフードであることが伝わるよう、グリーンや野菜のイラストなど、自然や健康を連想できる要素を取り入れました。

③ ターゲットが共感しやすい構成にした 「最近元気がなくなった」「毛並みが気になる」など、愛犬の健康を気にする方が抱えやすい悩みを最初に提示することで、「自分の愛犬にも当てはまるかも」と興味を持ってもらえる流れを意識しました。

④ CTAを適切な位置に配置した 商品の魅力や安心感を伝えた後に購入ボタンを配置し、情報を理解したユーザーがそのまま購入へ進みやすい導線を意識しました。 

06|制作期間・使用ツール ・制作期間:1日/約4時間 ・使用ツール:Canva 

07|制作を通して意識したこと

「かわいいデザイン」にするだけではなく、LPの目的である「商品の魅力を伝え、購入につなげること」を意識して制作しました。 特に、商品の特徴をただ文章で並べるのではなく、イラストやアイコン、色などの視覚的な要素を組み合わせることで、情報を直感的に理解できるよう工夫しました。

シェア
松本そらの他の作品
画像
作品を見る
【架空案件】抹茶ラテ
画像
作品を見る
【Her tech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/