ミールキットバナー「VEGEKIT」

制作期間

4日間

使用ツール

Photoshop

担当箇所

デザイン(全て個人で制作)

制作背景・目的

サラダに特化したミールキット販売サイトの会員数増加を目的としたバナーを制作しました。

ターゲットは食生活を見直したいと考えているが、仕事が忙しく時間がない方や、フレッシュなサラダを日常に取り入れたい方で、申込フォームへの誘導を狙いました。

制作プロセス

1. 情報整理
   • 訴求したい内容(キャッチコピー、商品名、特典など)をリストアップ
   • 情報の優先順位を整理し、何を一番目立たせるか決定
2. ラフスケッチ
   • 紙で複数のレイアウトパターン(3〜4案)を検討
   • 視線誘導を意識した配置を考案
   • 情報の配置バランスを試行錯誤
3. デザイン制作(初回版)
   • 配色・フォント・レイアウトを決定
   • 緑色をメインカラーに選び、フレッシュな印象を演出
   • フォントは視認性の高いNoto Serif JPを使用
4. フィードバックと改善
   • 講師からのフィードバックを受け、以下の点を修正
     • 文字サイズ：「54％OFF」のサイズを大きくし、「¥4,300」のサイズを小さくすることで、メリハリを強調
     • 画像：背景画像の野菜が見えづらいため、野菜がよく見える画像に変更
     • 余白：情報の優先順位がより明確になるよう、余白を見直し
     • 視線誘導：より自然に目線が動くよう、レイアウトを微調整
     • ボタン：小さく押しづらいため、サイズ調整
5. 完成版
   • フィードバックを反映し、より伝わりやすいデザインに改善

フィードバックによる改善

初回制作後、講師から「割引の数字がもっと目立つと良い」 「文字の配置を変えると良い」とフィードバックをいただきました。 文字サイズの調整と配置の見直しを行い、改善版では情報の優先順位が明確になり、 より伝わりやすいデザインになったと実感しています。

学んだこと

限られたスペースの中で、情報の優先順位を整理し、 視覚的に伝わりやすくデザインすることの重要性を学びました。 また、フィードバックを受けて改善することで、 客観的な視点を持ち、より良いデザインに仕上げる力がついたと感じています。