すくすくタブレットは、「おやつ」であると同時に、
幼児期の栄養サポートもできる商品です。

いちご味で食べやすい点はパッケージから伝わる一方で、
「どのような栄養をどんな意図で補える商品なのか」という点が
十分に伝えきれていないという課題がありました。

そこで本ページでは、
野菜のイラストをふんだんに使用し、
視覚的に「栄養感」が直感的に伝わるデザインを採用しています。

パッケージとトーンを揃えたカラー設計により、
商品との統一感を保ちつつ、
イラストを起点に栄養の内容へ自然に視線が流れる構成としました。

また、栄養素については専門的になりすぎないよう、
表や整理された情報設計を用い
保護者が短時間でも理解できるよう工夫しています。

スマートフォンでの閲覧を前提としたスマホファースト設計としながら、
PC閲覧時にはページ内ナビゲーションをサイドに配置。
情報量が多くなりがちなページでも
ユーザーが迷わず目的の情報にたどり着ける導線設計を行いました。

キービジュアルに「すくすくタブレット」という商品名にあった世界観を表現するアニメーションを実装。
触れた瞬間に「らしさ」が伝わる体験設計で、記憶に残るファーストインプレッションをつくりました。

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