Project process

e-Learning - Mobile App

A playful, safe learning app for children and a progress-monitoring tool for parents.

Back
PucPuc mobile app screens with playful animal learning visuals
Problem

PucPuc needed to serve two very different audiences at once: young children learning through play and parents who wanted to monitor progress in a safe, trustworthy way. We also started from zero, so the work covered the full product journey from ideation and market research to UX/UI design, animations, feature definition with the developer, marketing, store content, and release.

Role

Co-founder, UX/UI Designer & Product Designer

Tools

Figma, Rive Animations, Procreate, user research with families, Jira

Plan

Create a child-friendly learning experience, validate it with families, build a scalable design system, add playful animated guidance, and support the full product launch across app, website, stores, and marketing materials.

PucPuc mobile app UI screen designs
Core app screens showing the playful learning experience and parent progress areas.
PucPuc Rive animation process for the mascot
Rive animation work for PucPuc, the mascot used for feedback and guidance.
PucPuc parent and child personas
Personas used to balance the needs of children and parents.
PucPuc Figma interaction flow for developer handoff
Figma flow example used to describe interaction logic and edge cases to the developer.

Design challenge

Designing for very young children meant working with different motor skills, attention spans, and preferences across age groups. At the same time, the app needed parent-facing features that felt trustworthy and useful without interrupting or confusing the child's play experience.

  • Designed child-facing interactions to be playful, simple, and forgiving.
  • Kept parent areas less prominent and protected so children could not easily misclick into adult flows.
  • Balanced a fun visual world for kids with clarity and credibility for adults.

Research with families

I conducted user research with children and families from the early design phase through the released product. Feedback came through direct contact with families, mobile communication, WhatsApp, and video calls, helping us understand whether the experience was moving in the right direction.

  • Observed how children from different age groups interacted with the app.
  • Collected parent feedback about learning progress, trust, and usability.
  • Used research insights to refine flows, interaction patterns, and feature priorities.

Design system and animated guidance

Even though I was designing largely on my own, I created a design system because the app was expected to grow with many future features. I also created Rive animations for Pucuca, the purple penguin mascot, so the UI could give feedback, guide children, and feel alive instead of static.

  • Built a scalable Figma design system for future app features.
  • Created animated mascot feedback and guidance with Rive.
  • Used animation not only as decoration, but as coaching and interaction feedback for children.

Launch and marketing

Beyond the mobile and tablet app, I also created the website, marketing materials, flyers, social media ads, and store content for the Apple App Store and Google Play Store. Building the website with HTML and CSS was an important learning process and allowed me to support the developer by taking on part of the implementation work.

  • Designed and built the product website with HTML and CSS.
  • Created App Store and Google Play visuals and copy to improve visibility and discoverability.
  • Designed marketing and promotional materials for launch communication.

Outcome

PucPuc became an end-to-end product design experience: from research and UX strategy to UI, design system, animation, website, store presence, and marketing. The project taught me how complex children's products are, especially when the same product must be delightful for kids and trustworthy for parents.