WonderKid: Designing an AI Companion App Where Learning Feels Like Play

WonderKid: Designing an AI Companion App Where Learning Feels Like Play

AI companion app where children interact with robot characters to learn, grow, and have fun. The core challenge was designing for two fundamentally different users within a single product: children who needed a joyful, intuitive companion experience, and parents who needed clear visibility, financial control, and tools to actively support their child's development.


The project demanded product-level thinking to define a credit system, parent-child account structure, and scalable feature set that balanced business viability, parental oversight, and genuine engagement.

AI companion app where children interact with robot characters to learn, grow, and have fun. The core challenge was designing for two fundamentally different users within a single product: children who needed a joyful, intuitive companion experience, and parents who needed clear visibility, financial control, and tools to actively support their child's development.


The project demanded product-level thinking to define a credit system, parent-child account structure, and scalable feature set that balanced business viability, parental oversight, and genuine engagement.

COMPANY

Genexyz

ROLE

Product Designer & Design Lead

SCOPE

Experience Design, Visual Design,

Project Management

PERIOD

March - July 2025

COMPANY

Genexyz

ROLE

Product Designer & Design Lead

SCOPE

Experience Design, Visual Design,

Project Management

PERIOD

March - July 2025

Disclaimer: This is a high-level project overview. For the full case study or more details, feel free to reach out at olehabib98@gmail.com.

Disclaimer: This is a high-level project overview. For the full case study or more details, feel free to reach out at olehabib98@gmail.com.

Key Challenges

Key Challenges

01

01

How to design one app that serves two completely different users (kid and parent)?

How to design one app that serves two completely different users (kid and parent)?

02

02

How to create a UI that feels cohesive with the provided robot characters across a wide age range (3–13yo)?

How to create a UI that feels cohesive with the provided robot characters across a wide age range (3–13yo)?

03

03

How to design a purchasing and credit flow that is simple and clear for parents, while ensuring kids cannot accidentally or intentionally trigger purchases?

How to design a purchasing and credit flow that is simple and clear for parents, while ensuring kids cannot accidentally or intentionally trigger purchases?

04

04

How to design the binding, authentication, and management flow between parent and child accounts in a way that is easy to understand and use?

How to design the binding, authentication, and management flow between parent and child accounts in a way that is easy to understand and use?

Design Process

Design Process

01

Align on scope, timeline, and deliverables

01

Align on scope, timeline, and deliverables

02

Brief and validate feature requirements with PO

03

Align visual direction with Creative Director

04

Design and refine kid and parent flows

05

Share progress and lock approved designs

06

Validate feasibility with development team

07

Discuss and resolve design gaps

08

Revise until approved by all stakeholders

09

Support QA and launch on both platforms

02

Brief and validate feature requirements with PO

03

Align visual direction with Creative Director

04

Design and refine kid and parent flows

05

Share progress and lock approved designs

06

Validate feasibility with development team

07

Discuss and resolve design gaps

08

Revise until approved by all stakeholders

09

Support QA and launch on both platforms

Key strategy

Design for delight and trust simultaneously, building an experience that captivates kids through a character-first, playful UI while giving parents transparent, friction-free control over every interaction their child has.

Design for delight and trust simultaneously, building an experience that captivates kids through a character-first, playful UI while giving parents transparent, friction-free control over every interaction their child has.

Key Solutions

Key Solutions

01

01

Character-First Interface

The robot companion anchors the kid experience, large and expressive at rest, scaling down to a persistent avatar during chat without losing presence.

The robot companion anchors the kid experience, large and expressive at rest, scaling down to a persistent avatar during chat without losing presence.

02

02

Multi-User Authentication System

One app serves two account types, parents log in via SSO for secure access, while kids enter the app anytime for frictionless use. For long-term continuity saved session, parents bind the child's account under theirs, enabling QR-based login for kids.

03

03

Parent Control Dashboard

A dedicated parent view for managing child accounts, missions, and credit top-ups, all within the same app.

A dedicated parent view for managing child accounts, missions, and credit top-ups, all within the same app.

04

04

Parent-Only Credit Flow

Credits are purchased by parents and assigned to a specific child, preventing unauthorized purchases and unintended redistribution between siblings.

Credits are purchased by parents and assigned to a specific child, preventing unauthorized purchases and unintended redistribution between siblings.

05

05

Mission System

Parents assign tasks with instructions, attachments, and deadlines. The AI companion guides and reminds the child through completion.

Parents assign tasks with instructions, attachments, and deadlines. The AI companion guides and reminds the child through completion.

06

06

Love Notes

A direct channel for parents to send affirming messages to their child, reinforcing emotional connection within the app.

A direct channel for parents to send affirming messages to their child, reinforcing emotional connection within the app.

07

07

Kid-Tuned Visual System

Playful typography and multi-hued soft palette, and cute component style calibrated to complement the provided robot characters and feel cohesive across both the kid and parent interfaces.

Playful typography and multi-hued soft palette, and cute component style calibrated to complement the provided robot characters and feel cohesive across both the kid and parent interfaces.

ⓒ All mascots and animations are intellectual property

of Genexzyz, created by the creative team.

ⓒ All mascots and animations are intellectual property of Genexzyz,

created by the creative team.

Kid's Onboarding

Kid's Onboarding

Voice Companion

Voice Companion

Chat Companion

Chat Companion

Energy Credit

Energy Credit

Mission

Love Notes

Kid QR Login

Binding Account

Outcome Highlights

Outcome Highlights

Shipped on iOS & Android

Shipped on iOS & Android

WonderKid launched publicly on the App Store and Google Play in 2025, Genexyz's first AI-powered companion product.

WonderKid launched publicly on the App Store and Google Play in 2025, Genexyz's first AI-powered companion product.

End-to-End Ownership

End-to-End Ownership

Delivered full UX, visual design, and system logic for a two-sided product, from proposal to launch.

Delivered full UX, visual design, and system logic for a two-sided product, from proposal to launch.

Scalable Character System

Scalable Character System

Visual system built to accommodate future robot characters, supporting Genexyz's ongoing IP expansion without a design overhaul.

Visual system built to accommodate future robot characters, supporting Genexyz's ongoing IP expansion without a design overhaul.

Meaningful Learning for Kids

Meaningful Learning

for Kids

Designed to give children a clear, guided path to self-learning with an AI companion that helps them grow rather than just keeping them entertained.

Designed to give children a clear, guided path to self-learning with an AI companion that helps them grow rather than just keeping them entertained.

Parental Peace of Mind

Parental Peace of Mind

Built to give parents active visibility and control over their child's activities, turning screen time into something purposeful.

Built to give parents active visibility and control over their child's activities, turning screen time into something purposeful.

Collaborator

Collaborator

Design Partner: Ghony

Creative Director: Melvin

Product Owner: Belinda

Mobile Developer: Teqi

About Me

Project

Service

Testimony

Contact

Let's collaborate

olehabib98@gmail.com

Every project is a chance to grow, learn from diverse challenges, and build meaningful, long-term partnerships.

Product & Web Designer

2025 © olehabib

Let's collaborate

olehabib98@gmail.com

Every project is a chance to grow, learn from diverse challenges, and build meaningful, long-term partnerships.

Product & Web Designer

2025 © olehabib

Let's collaborate

olehabib98@gmail.com

Every project is a chance to grow, learn from diverse challenges, and build meaningful, long-term partnerships.

Product & Web Designer

2025 © olehabib

Create a free website with Framer, the website builder loved by startups, designers and agencies.