Un Kilo de Ayuda
Mobile App Transformation
Modernizing the digital tools behind child nutrition programs and early childhood development work.
- Client
- Un Kilo de Ayuda
- Category
- Software Development
- Engagement
- Mobile App Transformation
- Role
- Strategy, Design & Build
The challenge
Un Kilo de Ayuda needed to modernize InfoKilo, the mobile app their field team relies on to collect and manage health and nutrition data for children and families in vulnerable communities. The old version had a dated interface, inefficient data flow, weak offline capabilities, and unclear dashboards. And it had to work for users with very different levels of digital literacy.
The approach
Full UX/UI Process
For InfoKilo 3.0, we applied best practices in UX/UI, accessibility, and mobile product strategy. Discovery workshops with stakeholders and field users to map real workflows. User personas and journeys. Low- and high-fidelity wireframes to optimize data collection flows. A UI redesign focused on clarity and accessibility. Usability testing with real users to validate every call.
The solution
Features & Tech
We built optimized navigation so critical tasks happen faster. Full offline mode that auto-syncs when reconnected. Dynamic forms that adapt to user input. Simplified dashboards you can read at a glance. And localization and accessibility designed for different literacy levels and regions. Built on React Native for hybrid mobile and Laravel for the backend, with custom API integration.
The impact
- 01
40 field facilitators equipped with better tools
- 02
22,000+ community members supported through improved data systems
- 03
25,000+ children reached with stronger program delivery
InfoKilo 3.0 has been a huge step forward for our organization. The new design is intuitive and tailored to the real conditions our field teams face every day. From offline functionality to faster data entry and clearer dashboards, the improvements have let us work more efficiently and focus on what really matters, improving early childhood development. The team truly listened to our needs and delivered a product that feels made for us.
Fabián Olvera
Director of Monitoring, Evaluation, and Research
Our Development Process
Stage 1: Discovery & Research. We ran workshops with stakeholders and field users to understand workflows and pain points. We built user personas and mapped journeys grounded in how the app actually gets used in the field.
Stage 2: Design & Prototyping. Low- and high-fidelity wireframes helped us rethink data collection flows. The UI redesign prioritized clarity, consistency, and accessibility. Usability testing with real users validated every decision.
Stage 3: Development. We built on React Native for hybrid mobile and Laravel for the backend, with custom API integration. The final product includes mobile-first responsive design, WCAG-compliant accessibility, and a design system built to scale. Figma and dev collaboration tools kept the handoff clean.