KIDS COOKING.
五感で学ぶ、一番身近な習い事。
料理を「家事」から「教育ツール」へ再定義し、親子が一緒に「生きる力」を育む体験型プラットフォームを構築。プロモーション型Webサイトを制作しました。
サイトプレビュー
※ 新しいタブで開きます
Concept
プロジェクト概要
Background
プロジェクト背景
料理を単なる家事ではなく、脳科学・心理学に基づいた「自立支援の教育ツール」として再定義。キッチンを「生きる力」を育む新しい教育の場として捉え直しました。
Target
ターゲット
未就学児〜小学校低学年
「自分でやりたい！」が口癖の時期。
食育に関心の高い保護者
子どもの自立心・自己肯定感を高めたい親層。
Concept
サイトコンセプト
「キッチンは、生きる力を育む教室」
親の意識を「家事」から「教育体験」へ転換し、アプリ導入へスムーズに誘導します。
Style Guide
デザインの構成要素
Concept
温かみと安全性を両立したビジュアル
陽光が差し込むキッチンで子どもがワクワクしながら調理するリアルな写真を中心に、親しみやすさと信頼感を両立させます。
Color Palette
#F08020 Orange
メインカラー。元気・楽しさ・食欲感。
#F5C800 Yellow
元気・挑戦・「できた！」の喜び。
#5BBD4E Green
自然・健康・食材の新鮮さ。
Typography
Zen Maru Gothic
サイト全体で使用。丸みのある文字が子ども向けの温かみを演出。
Key Points
こだわりポイント
Point 01
ガイドキャラクター「ごっちゃん」
たまごのキャラクター「ごっちゃん」が親子の間に立つクッション役として機能。子どもが主役となって「できた！」を積み重ねるよう自然に促します。
Point 02
子ども主導型クッキングアプリ
大きなボタン・直感的アイコン・音声ナビゲーションで、子どもが読まなくても操作できる設計。発達別フィルタや保護者確認機能も搭載しています。
制作を通じた学び
設計の工夫
-
child_care
子ども目線のUI
文字を読めない子どもでも直感的に操作できるよう、大きなボタンとアイコン中心のUIを設計しました。
-
family_restroom
保護者への訴求
脳科学・教育的根拠を丁寧に言語化し、「危ない」という保護者の心理的障壁を下げる構成を心がけました。
-
autorenew
継続意欲の設計
図鑑機能でキャラクターが増える達成感と、SNSシェアによる承認ループで習慣化を促します。
技術的アプローチ
情報設計とUXフロー
構成
「期待→実行→達成→承認→習慣化」の5ステップでUXフローを設計。
導線
WebサイトからアプリDLへスムーズに誘導するCTA設計。
ビジュアルコミュニケーション
写真
子どもの表情や動きのある写真で「やってみたい」を視覚的に演出。
カラー
Sky Blue × Yellow の組み合わせで信頼感とワクワク感を両立。
キャラクター設計
役割
親が直接指示せず、ごっちゃんがガイドすることで子どもの自立を促す設計。
図鑑
変身キャラ収集で達成感と継続意欲を生む仕掛け。
使用ツール
Figma
UIデザイン
Adobe Photoshop
画像編集
Adobe Firefly
画像生成AI
VSCode
コードエディタ
ChatGPT
AIアシスト
Gemini
AIアシスト
Claude AI
AIアシスト