Application for the learning of children in Mexico

Research with stakeholders and end users

In the initial business discovery phase, we conducted research through interviews with both stakeholders and end-users to understand the core needs of the users and the business objectives. This process allowed us to accurately map our users after researching the product, its users, and the strategic objectives of our stakeholders. By combining these perspectives, we identified opportunities where user needs and business goals aligned, ensuring that our design process would be truly value-driven and creating a solid foundation for the next phases of the project.

Turning research into personas and user flows

In the definition phase, we synthesized our research findings into clear and actionable insights by creating user personas and stakeholder user flows. These materials were used to align the entire project team, from stakeholders to end-users. We worked closely with the development team to identify what steps to take and what to modify to ensure a smooth user experience. Through the personas, we refined the experience to address clear user pain points and provide solutions. This stage was critical to ensure that the entire team truly understood the meaning of each design and development decision and how it impacts the user.

From low-fidelity wireframes to a scalable visual system

In the wireframing stage, we translated the approved user flows into low-fidelity wireframes, helping us visualize the structure and interactions of the platform. This allowed us to iterate on initial ideas and identify key navigational elements and core components before investing in UI. We then built a design system that includes a library of UI elements and standardized typography to ensure uniformity across the product. The goal was to create a system that is easy to understand, accessible, and easy to implement, giving developers all the building blocks they need while saving time and resources in the future as components are reused across the platform.

Testing the prototype with children and stakeholders

For the usability testing phase, we tested the prototype together with our stakeholders to validate the design and functionality. We conducted several rounds of tests. The application offered a completely fresh perspective, as children often found different ways to interact with the interface, which helped us identify changes we could implement. Feedback from the users allowed us to make necessary improvements, ensuring the experience was seamless and intuitive for all the children testing the application.

Delivering the complete UI/UX to the development team

In the hand-off stage we delivered the complete UI/UX, including individual components and documentation for developers — the last milestone before launch. This involved documenting every interaction, state change, responsive asset, and UI detail to ensure a clear roadmap for adding new features and enhancing the experience. By preparing thorough hand-off documentation, we ensured that both the development team and the stakeholders could move forward with the application with zero confusion regarding the design.