An scalable app designed for the future
About
Ditto Kids is a startup creating audio content —stories, music, and podcasts— for children aged 0 to 9, with a strong focus on reducing screen time. They already had a solid brand identity (which we designed years ago) and were ready to take the next big step: launching a native app designed to scale.
The Ditto team came to us with a clear goal: to build an app from the ground up that was accessible, intuitive, safe, and above all, delightful for both children and parents. The experience needed to be smooth, simple, and centered around audio as the main feature.
Type of client
- Kids entertainment
Team involved
FLAT26: Design Systems, UX/UI Design, Interaction & Motion Design, Documentation
10-15K
4-6 months
Careful UX, functional motion and a Design System with the foundations ready to go.
In this first stage, we delivered a complete and scalable app experience. We focused our efforts strategically to build a strong foundation:
-
Initial Design System: We defined tokens, basic components, and documentation in Figma, with a focus on accessibility, scalability, and consistency.
-
UX and interaction: We carefully refined navigation and structure, keeping in mind shared use between kids and adults.
-
Purposeful animations: Motion was used not just for delight, but to support storytelling and clarify key actions.
The result was a compact, well-crafted project. An app that not only captures the essence of Ditto, but also sets the stage for future growth.
Each component is documented with clear guidance on token usage, available variations, structural anatomy, layout behavior, and accessibility. Tokens follow consistent naming conventions for scalability, while visual and interactive states are covered through defined variations. Anatomy diagrams clarify internal structure, and layout rules ensure alignment within grids.
Focusing on accessibility
Accessibility notes include roles, landmarks, and screen reader support to meet inclusive design standards.
Animations and micro-interactions that express the essence of the brand
We create coherent and consistent animation patterns that are not only aesthetically pleasing but also help the user to navigate.
More projects
Gira centenario Cadena SER
Experimenta Penha
El Mago de Oz
Ditto
Santander Golden Rules
Pinocho
Verano en la SER
Drifting Narratives
SER Podcast
