【HerTech 架空案件】ドックフード紹介LP

⚫︎制作の流れ

ターゲットとなるペルソナを設定し、商品の訴求ポイントを整理しました。 その後、ワイヤーフレームを作成し、情報構成やテキスト量を調整しながら、ユーザーが読み進めやすい導線を設計しています。

デザイン面では、「大切な家族に優しい健康習慣」というコンセプトを軸に、ナチュラルで安心感のあるトンマナを設計しました。 ファーストビューを先行して制作し、全体の方向性を確認しながらブラッシュアップを進行。

また、商品の特徴や口コミは視認性を高めるためにアイコンや写真を使用し、購入につながるCTA配置や視線誘導も意識して制作しました。 担当範囲は、構成設計・情報整理・デザイン制作全般です。

⚫︎カラー

ナチュラルで安心感のあるカラーを選びました。

⚫︎タイポグラフィ

サイト全体のフォントには、読みやすく親しみやすいゴシック体のNoto Sans JPを使用しました。キャッチコピーや各ビューのタイトルには「Yusei Magic」を使用し、やわらかさと親しみやすさを表現しました。 丸みのある手書き風のデザインが、愛犬向け商品の温かみやナチュラルな世界観と相性良く調和しています。

また、適度に個性のあるフォントを使用することで、ファーストビューの印象を強めつつ、優しく柔らかな雰囲気を演出しました。

⚫︎情報設計

FVでは、商品の安心感とキャンペーン訴求が瞬時に伝わるよう情報を整理しました。 犬の笑顔の写真を大きく配置することで親しみやすさを演出し、商品パッケージを中央に置くことで視線が自然に集まる構成にしています。

また、「初回限定半額」のキャンペーン要素を円形で強調することで、お得感を直感的に伝えられるよう工夫しました。 CTAボタンは目立つカラーとサイズ感にすることで、ユーザーがすぐ行動できる導線設計を意識しています。

全体的には、情報量を詰め込みすぎず、余白を活かしながら“やさしさ”や“安心感”が伝わるFVを目指しました。

⚫︎工夫したポイント

制作前には、ターゲット層が求めるドッグフードの特徴や、競合LPの構成・デザインをリサーチし、ユーザーが安心感を持てる情報設計を意識しました。 特に、「無添加」「国産」といったキーワードが自然に伝わる導線になるよう、優先順位を整理しながら構成を設計しています。

また、デザイン制作では、ファーストビューの方向性を先に固めてから全体へ展開することで、世界観に統一感が出るよう進行しました。 制作途中でも配色や余白、情報量を細かく調整し、読みやすさや視線誘導を意識しながらブラッシュアップを行っています。