Case study · EdTech

MastoryAI storytelling apps for kids

We designed and built Mastory's Flutter app and marketing website: stories, music and learning for kids in the US and UK, with the controls parents look for.

Client
Mastory.co
Industry
EdTech
Timeline
12 weeks
Our role
Product design, Flutter app and website
4.9★App Store rating
mastory.co
Mastory website homepage and app preview with ratings and delivery stats
Shipped in 12 weeksFlutter app and website
The challenge

One brand, two very different audiences

Mastory wanted a whole family of learning apps for kids under one brand: storytelling, music, games and homework help. Each one had to feel like part of the same product.

The harder part was the audience. Children aged 4 to 14 need something playful and easy to use. Parents choosing an app for their family need clear controls and a product they can trust. The website and the app had to win over both.

Our approach

Design system first, then build in milestones

We started with a Figma design system covering colour, type, icons, illustrations and a responsive grid. Every app screen and every website section was built from the same set of parts, which kept the brand consistent as the product grew.

We chose Flutter so one codebase could ship to both iOS and Android. The work ran in milestones over 12 weeks, so progress was visible at every stage instead of arriving as one big reveal at the end.

Screens

A closer look at Mastory

The solution

What we built

  1. 01

    Flutter mobile app

    One app for iOS and Android with a storytelling engine, a music player and parental controls.

  2. 02

    Marketing website

    A responsive site that presents the product to parents and makes the download path obvious on any screen.

  3. 03

    Design system

    A Figma component library with tokens, icons, illustrations and grid rules for the team to build new features on.

  4. 04

    Integrations

    Connections to the content CMS, in app purchases and analytics through REST and GraphQL APIs.

  5. 05

    Performance work

    Optimised images, lazy loading and a Core Web Vitals pass, with Lighthouse scores above 95.

  6. 06

    Handoff and support

    Full documentation, a codebase walkthrough and 30 days of support after launch.

Results

What happened after launch

4.9★
App Store rating in launch week
12 weeks
From kickoff to live in both app stores
95+
Lighthouse performance score
2x
Conversion compared with the old landing page
Working with this team felt like having a co-founder who actually ships. They understood our vision immediately and translated it into a product our kids genuinely love using.
Founder, Mastory.co
Start a project

Planning something like Mastory?

Tell us what you want to build. We reply within 24 hours with honest feedback and next steps.