Facebook 【LP/子供用サプリメント】
Logo

【LP/子供用サプリメント】

クレジット
Avatar
WEBデザイナー
【LP/子供用サプリメント】-1
シェア
1つの制作ノート

【LP/子供用サプリメント】

【LPデザイン/子ども向け鉄分サプリ】 野菜嫌いの子ども向け鉄分サプリメントのLPデザインを、Figmaを用いてチームで共同制作しました。 ■プロジェクト概要 ・野菜嫌いの子どもの鉄分不足に悩むママ・パパ向けの鉄分サプリLP ・複数名の海外を含むWebデザイナーたちがリアルタイムで自分の担当のパーツをFigmaで同時に制作 ・私の担当は「画像選定・イラスト選定・レイアウト(配置)」キャッチコピー。 ■ターゲット・インサイト ・偏食や小食、忙しい生活で「子どもの鉄分不足・栄養バランス」が気になっているママ・パパ ・できるだけ自然派・安心な原材料で、子どもが嫌がらずに続けられるサプリを探している層 ・機能だけでなく、「おいしさ」「安心感」「飲ませやすさ」といった情緒的な要素も重視するユーザー ■制作体制・ツール ・使用ツール:Figma ・制作体制:複数国のプロWebデザイナーによるリモートチーム ・自分の担当:  - 写真素材・イラスト素材のリサーチおよび選定  - ヒーロービジュアル周りの構図・配置調整  - セクションごとのアイキャッチ画像・イラストのレイアウト設計 【制作ポイント(自分の担当領域)】 ✅ ヒーロービジュアルでは、「子どもの元気な表情」と「ママ・パパの安心した表情」が伝わる写真を選定し、「鉄分不足の不安 → 飲ませて安心 → 元気でにっこり」というストーリーが一目で伝わる構図にしました。 ✅ 子育て中のママは忙しいので、スマホでさっと読めて、訴求ポイントを随所に計画的に設置し、CVRのとりこぼしのない設計にしました。 ✅ 子ども向けサプリらしい親しみやすさを出すため、丸みのあるイラストや柔らかい線のアイコンを選び、フォントや配色とトンマナが揃うように調整。  過度にポップになりすぎないよう、「かわいさ」と「安心感」のバランスを意識しました。 ✅ 「鉄分●mg配合」「フェリチン鉄」「添加物控えめ」など機能的な特徴は、図解やイラストと組み合わせて配置することで、文字を読まなくても内容が伝わり、安心するようなレイアウトに。 ​
クレジット
Avatar
WEBデザイナー
ノート
この制作物の商品URL

もっとみる

シェア
NAOKO ADACHIの他の作品
画像
作品を見る
カルーセル広告
画像
作品を見る
【バナー - META - プロテイン】
画像
作品を見る
【EC商品画像/Amazon】+A/Bテスト版
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【LP/子供用サプリメント】-1

【LP/子供用サプリメント】

【LPデザイン/子ども向け鉄分サプリ】 野菜嫌いの子ども向け鉄分サプリメントのLPデザインを、Figmaを用いてチームで共同制作しました。 ■プロジェクト概要 ・野菜嫌いの子どもの鉄分不足に悩むママ・パパ向けの鉄分サプリLP ・複数名の海外を含むWebデザイナーたちがリアルタイムで自分の担当のパーツをFigmaで同時に制作 ・私の担当は「画像選定・イラスト選定・レイアウト(配置)」キャッチコピー。 ■ターゲット・インサイト ・偏食や小食、忙しい生活で「子どもの鉄分不足・栄養バランス」が気になっているママ・パパ ・できるだけ自然派・安心な原材料で、子どもが嫌がらずに続けられるサプリを探している層 ・機能だけでなく、「おいしさ」「安心感」「飲ませやすさ」といった情緒的な要素も重視するユーザー ■制作体制・ツール ・使用ツール:Figma ・制作体制:複数国のプロWebデザイナーによるリモートチーム ・自分の担当:  - 写真素材・イラスト素材のリサーチおよび選定  - ヒーロービジュアル周りの構図・配置調整  - セクションごとのアイキャッチ画像・イラストのレイアウト設計 【制作ポイント(自分の担当領域)】 ✅ ヒーロービジュアルでは、「子どもの元気な表情」と「ママ・パパの安心した表情」が伝わる写真を選定し、「鉄分不足の不安 → 飲ませて安心 → 元気でにっこり」というストーリーが一目で伝わる構図にしました。 ✅ 子育て中のママは忙しいので、スマホでさっと読めて、訴求ポイントを随所に計画的に設置し、CVRのとりこぼしのない設計にしました。 ✅ 子ども向けサプリらしい親しみやすさを出すため、丸みのあるイラストや柔らかい線のアイコンを選び、フォントや配色とトンマナが揃うように調整。  過度にポップになりすぎないよう、「かわいさ」と「安心感」のバランスを意識しました。 ✅ 「鉄分●mg配合」「フェリチン鉄」「添加物控えめ」など機能的な特徴は、図解やイラストと組み合わせて配置することで、文字を読まなくても内容が伝わり、安心するようなレイアウトに。 ​
クレジット
Avatar
WEBデザイナー
ノート
この制作物の商品URL

もっとみる

シェア
NAOKO ADACHIの他の作品
画像
作品を見る
カルーセル広告
画像
作品を見る
【バナー - META - プロテイン】
画像
作品を見る
【EC商品画像/Amazon】+A/Bテスト版
foriio

あなたのforiioを無料で作成

fori.io/