Entertainment & Learning With Parent's Choice

Entertainment & Learning With Parent's Choice

Entertainment & Learning With Parent's Choice

Entertainment & Learning With Parent's Choice

Navigate to

Overview

Background
Background

Translating AI-assisted designs into a production-ready UI then extending the product with independently designed features for a children's streaming platform.

Team

2 Product Designers, Developers

Timeline

4 weeks

Stepping in

The brief was simple, the execution wasn't

MikroDrama Kids is a children's streaming app designed to deliver age-appropriate, educational video content to young viewers while giving parents meaningful control and insight. The app needed to feel safe and trustworthy to parents while being genuinely fun and inviting for kids.


I came onto this project at implementation stage. The lead designer had produced AI-assisted design drafts for the respective screens, my job was to take those rough foundations and craft a polished, consistent, production-ready flows and UI.

Context & Challenge

Two audiences, one interface

What makes children's apps uniquely complex isn't the kids, it's designing for two very different people simultaneously. The child needs something joyful, legible, and frictionless. The parent needs something trustworthy, transparent, and controllable. Every design decision had to serve both.


On top of this, the starting point was AI-generated drafts, useful as a structural foundation, but rough in their visual logic, inconsistent in spacing, and lacking the kind of micro-decisions that make a UI feel intentional. My contribution was to take those drafts seriously enough to honor their intent, and critically enough to reshape what wasn't working.

Setting the Foundation

From scaffold to system

The first phase of the project was translating the AI drafts into a coherent visual language. This meant making hundreds of small decisions, the kind that don't appear in a brief but determine whether a UI feels crafted or assembled.

User Interface Design

Crafting the Interface based on insights

  • Authentication Flow

  • Kid Profile Flow

  • Main Tabs Flow

  • Parent Profile Flow

  • Authentication Flow

  • Profile Flow

  • Main Tabs Flow

  • Authentication Flow
  • Kid Profile Flow
  • Main Tabs Flow
  • Parent Profile Flow
Prototyping

Walk through to show what's inside

Walk through to show what's inside

Future Features
Future Features

Designing beyond the brief

Designing beyond the brief

After completing the MVP work, I started work on the features that would meaningfully extend the product's value in the next release covering elements that keeps the kids engaged and parent in control.

After completing the MVP work, I started work on the features that would meaningfully extend the product's value in the next release covering elements that keeps the kids engaged and parent in control.

Final Takeaways

Final Takeaways

Final Takeaways

01

01

01

AI drafts are starting points, not blueprints

Working from AI-generated designs taught me to distinguish structural intent from visual execution. Good judgment means knowing which parts of a draft to trust and which parts to rebuild entirely.

02

02

02

Dual-audience design is a genuine discipline

Children's apps require a constant mental split: is this element for the parent or the child? Does it communicate safety and control, or delight and ease? Both can coexist, but only with deliberate attention at every decision point.

03

03

03

Tone is a design material

The app's copy and micro-copy "Imagine more. Learn more.", aren't just marketing. They're design decisions that shape the emotional contract with both parent and child. Treating them as design, not afterthought, made every screen more coherent.

Enjoyed This? There's More Ahead!

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