Facebook 制作について
Logo

【HerTech 架空案件】ドッグフードLP

クレジット
Avatar
WEBデザイナー
【HerTech 架空案件】ドッグフードLP-1
シェア
制作ノート
制作について

【制作の流れ】

クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを制作し、その後、デザインのトンマナを固め、デザインカンプに着手。ファーストビューを先行し、進めました。

【カラー】

健康・安心感を表すグリーンと元気で明るい印象のイエローをメインに、愛犬へのやさしさを感じるピンクをアクセントに使用。 アイボリーの背景を合わせ、親しみやすく柔らかな印象にまとめました。

【タイポグラフィ】

親しみやすさを表現するため、丸みのあるゴシック体を使用しました。 フォントは基本的に統一し、文字サイズや太さに変化をつけることで、読みやすさと情報のメリハリを意識しました。

【情報設計】

FVでは、「どんな商品か」「商品のメリット」「購入する理由」が一目で伝わることを重視。 キャッチコピー・商品・キャンペーン・CTAの優先順位を整理し、自然に視線が流れるレイアウトを意識しました。

【工夫したこと】

各セクションで情報が重複しないよう役割を分け、ユーザーが順番に商品の魅力を理解できる構成にしました。 制作途中も装飾や情報量を見直し、「かわいい元気さ」と「分かりやすさ」のバランスを調整しながら仕上げました。

シェア
制作について

【制作の流れ】

クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを制作し、その後、デザインのトンマナを固め、デザインカンプに着手。ファーストビューを先行し、進めました。

【カラー】

健康・安心感を表すグリーンと元気で明るい印象のイエローをメインに、愛犬へのやさしさを感じるピンクをアクセントに使用。 アイボリーの背景を合わせ、親しみやすく柔らかな印象にまとめました。

【タイポグラフィ】

親しみやすさを表現するため、丸みのあるゴシック体を使用しました。 フォントは基本的に統一し、文字サイズや太さに変化をつけることで、読みやすさと情報のメリハリを意識しました。

【情報設計】

FVでは、「どんな商品か」「商品のメリット」「購入する理由」が一目で伝わることを重視。 キャッチコピー・商品・キャンペーン・CTAの優先順位を整理し、自然に視線が流れるレイアウトを意識しました。

【工夫したこと】

各セクションで情報が重複しないよう役割を分け、ユーザーが順番に商品の魅力を理解できる構成にしました。 制作途中も装飾や情報量を見直し、「かわいい元気さ」と「分かりやすさ」のバランスを調整しながら仕上げました。

シェア
成田楓の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech 架空案件】ドッグフードLP-1
制作について

【制作の流れ】

クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを制作し、その後、デザインのトンマナを固め、デザインカンプに着手。ファーストビューを先行し、進めました。

【カラー】

健康・安心感を表すグリーンと元気で明るい印象のイエローをメインに、愛犬へのやさしさを感じるピンクをアクセントに使用。 アイボリーの背景を合わせ、親しみやすく柔らかな印象にまとめました。

【タイポグラフィ】

親しみやすさを表現するため、丸みのあるゴシック体を使用しました。 フォントは基本的に統一し、文字サイズや太さに変化をつけることで、読みやすさと情報のメリハリを意識しました。

【情報設計】

FVでは、「どんな商品か」「商品のメリット」「購入する理由」が一目で伝わることを重視。 キャッチコピー・商品・キャンペーン・CTAの優先順位を整理し、自然に視線が流れるレイアウトを意識しました。

【工夫したこと】

各セクションで情報が重複しないよう役割を分け、ユーザーが順番に商品の魅力を理解できる構成にしました。 制作途中も装飾や情報量を見直し、「かわいい元気さ」と「分かりやすさ」のバランスを調整しながら仕上げました。

シェア
成田楓の他の作品
foriio

あなたのforiioを無料で作成

fori.io/