ピジョンの幼児食レトルトは、
保育園の栄養士が監修した、1才半〜6才頃のお子さま向けのレトルト幼児食です。

キーマカレーや煮込みハンバーグなど
子どもに人気のメニューラインナップに加え、
「保育園の栄養士が監修している」という信頼性や、
栄養バランス・具材感へのこだわりをしっかり届けたいという想いがありました。

そこで本ページでは、
キービジュアルに保育園で楽しそうに食事をする子どもたちの写真を大きく配置し、
「保育園の給食のような安心感」を第一印象で届ける設計としました。

 
あたたかみのあるクリーム色をベースカラーに採用し、
手描き風の星やブタ・魚などの可愛らしいイラストをちりばめた
遊び心のあるデザインで、保育園のような温もりを視覚的に表現しています。

カラー設計では、メインのクリーム色に加え、
見出しや強調部分にはダークブラウンの帯を使用。
食欲をそそる暖色系のトーンで統一しつつ、
コントラストをしっかり確保して読みやすさを両立させました。

おすすめポイントの紹介では、
栄養バランス・具材感・子どもが好きなメニューという3つの軸で
商品の魅力を分かりやすく整理。
アイコンと短いコピーを組み合わせることで、
スクロール中でもパッと目に入る情報設計としました。

商品の信頼性を高めるため、
監修者であるピジョンハーツ株式会社 栄養士さんの
顔写真とプロフィールを掲載。
「誰が作っているのか」が見える安心設計にすることで、
保護者の購買判断を後押しする構成としています。

 
また、ピジョンハーツの子ども達による試食レポートを掲載し、
実際のお子さまの反応というリアルな声を届ける構成に。
写真と感想をセットで見せることで、説得力のあるコンテンツとしています。

PCデザイン時の左カラムのページ内ナビゲーションは、
TOPページと統一感のあるボタンデザインを採用し、
ブランド全体としての一貫した操作体験を実現。
情報量の多いページでもユーザーが迷わず目的のセクションに到達できる導線設計です。

スマートフォンでの閲覧を前提としたスマホファースト設計としながら、
PC閲覧時にはサイドカラムに商品一覧を常時表示し、
興味を持った商品にすぐアクセスできる回遊性の高いレイアウトとしました。

遊び心のあるビジュアルを大切にしつつも、
「見やすさ」「情報の整理」「理解しやすさ」を軸に、
商品価値が正しく伝わるデザインを意識しています。