お仕事実績
ピジョン様
サイトの概要
ピジョン幼児食は、1才半頃からのお子さまに向けた
レトルト・おやつ・ごはんなど幅広い商品ラインナップを展開するブランドです。
本ページは、幼児食ブランド全体の入り口となるTOPページとして、
各商品カテゴリへの導線を整理し、
保護者が目的の商品にスムーズにたどり着ける構成としました。
やわらかなピンクベージュの配色で、
離乳食を卒業したお子さまの「次のステップ」としての安心感を演出。
パッケージのカラーリングとトーンを揃えることで、
店頭やECで見かける商品との視覚的な統一感を持たせています。
キービジュアルには食事を楽しむお子さまの写真を大きく配置し、
「食べる喜び」というブランドメッセージが直感的に伝わるデザインに。
ファーストビュー下部のリード文では、
「食への興味が深まり、食べる楽しさを知る大切な時期」という
ブランドの想いを丁寧に伝え、
保護者の共感を得る意識をしています。

商品一覧セクションでは、
幼児食レトルト・ぷちキッズごはん・パックごはん・すくすくタブレットの
各カテゴリをパッケージ写真とともにカード形式で紹介。
対象年齢のバッジ(1才6ヵ月〜など)を添えることで、
月齢に合った商品を迷わず選べる設計としました。

PCデザイン時は左カラムにページ内ナビゲーションを常時表示し、
角丸のボタンデザインとブランドカラーのアクセントで、
タップ・クリックしやすいUIに仕上げています。
商品カテゴリごとにワンクリックでアクセスできる導線を設計しました。
おすすめコンテンツエリアでは、
保育園の栄養士インタビューや幼児食のQ&Aなど
保護者の「知りたい」に応える読み物コンテンツへの誘導も配置し、
商品情報だけに留まらない、ブランドへの信頼を醸成するページ設計としました。

スマートフォンでの閲覧を前提としたスマホファースト設計としながら、
PC閲覧時にはサイドバーに関連商品バナーやQRコードを配置。
デバイスに応じた最適な情報提供を実現しつつ、
どのデバイスでも統一されたブランド体験を提供しています。
全体を通して、情報を詰め込みすぎず
余白を活かしたレイアウトで「ゆったりとした安心感」を大切に。
保護者が構えずに読み進められる、
やさしいトーンのページデザインを意識しています。
TOPページデザイン
パソコントップページデザイン
拡大してみる
タブレットトップページデザイン
拡大してみる
スマートフォントップページデザイン
拡大してみる