【制作の流れ】
クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを制作し、その後、デザインのトンマナを固め、デザインカンプに着手。ファーストビューを先行し、進めました。
【カラー】
健康・安心感を表すグリーンと元気で明るい印象のイエローをメインに、愛犬へのやさしさを感じるピンクをアクセントに使用。 アイボリーの背景を合わせ、親しみやすく柔らかな印象にまとめました。
【タイポグラフィ】
親しみやすさを表現するため、丸みのあるゴシック体を使用しました。 フォントは基本的に統一し、文字サイズや太さに変化をつけることで、読みやすさと情報のメリハリを意識しました。
【情報設計】
FVでは、「どんな商品か」「商品のメリット」「購入する理由」が一目で伝わることを重視。 キャッチコピー・商品・キャンペーン・CTAの優先順位を整理し、自然に視線が流れるレイアウトを意識しました。
【工夫したこと】
各セクションで情報が重複しないよう役割を分け、ユーザーが順番に商品の魅力を理解できる構成にしました。 制作途中も装飾や情報量を見直し、「かわいい元気さ」と「分かりやすさ」のバランスを調整しながら仕上げました。
【制作の流れ】
クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを制作し、その後、デザインのトンマナを固め、デザインカンプに着手。ファーストビューを先行し、進めました。
【カラー】
健康・安心感を表すグリーンと元気で明るい印象のイエローをメインに、愛犬へのやさしさを感じるピンクをアクセントに使用。 アイボリーの背景を合わせ、親しみやすく柔らかな印象にまとめました。
【タイポグラフィ】
親しみやすさを表現するため、丸みのあるゴシック体を使用しました。 フォントは基本的に統一し、文字サイズや太さに変化をつけることで、読みやすさと情報のメリハリを意識しました。
【情報設計】
FVでは、「どんな商品か」「商品のメリット」「購入する理由」が一目で伝わることを重視。 キャッチコピー・商品・キャンペーン・CTAの優先順位を整理し、自然に視線が流れるレイアウトを意識しました。
【工夫したこと】
各セクションで情報が重複しないよう役割を分け、ユーザーが順番に商品の魅力を理解できる構成にしました。 制作途中も装飾や情報量を見直し、「かわいい元気さ」と「分かりやすさ」のバランスを調整しながら仕上げました。
【制作の流れ】
クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを制作し、その後、デザインのトンマナを固め、デザインカンプに着手。ファーストビューを先行し、進めました。
【カラー】
健康・安心感を表すグリーンと元気で明るい印象のイエローをメインに、愛犬へのやさしさを感じるピンクをアクセントに使用。 アイボリーの背景を合わせ、親しみやすく柔らかな印象にまとめました。
【タイポグラフィ】
親しみやすさを表現するため、丸みのあるゴシック体を使用しました。 フォントは基本的に統一し、文字サイズや太さに変化をつけることで、読みやすさと情報のメリハリを意識しました。
【情報設計】
FVでは、「どんな商品か」「商品のメリット」「購入する理由」が一目で伝わることを重視。 キャッチコピー・商品・キャンペーン・CTAの優先順位を整理し、自然に視線が流れるレイアウトを意識しました。
【工夫したこと】
各セクションで情報が重複しないよう役割を分け、ユーザーが順番に商品の魅力を理解できる構成にしました。 制作途中も装飾や情報量を見直し、「かわいい元気さ」と「分かりやすさ」のバランスを調整しながら仕上げました。