1. Discovery Phase
We began with an in-depth discovery process, conducting interviews with stakeholders to ensure alignment and clarity around:
- The organization’s program objectives and long-term mission
- Target user behaviors, expectations, and motivations
- Key design, functionality, and technical requirements
This phase laid the foundation for a user-centered, purpose-driven solution.
2. Design & Prototype Development
During this phase, we focused on translating discovery insights into a user-centered, visually engaging experience. Key activities included::
- Delivering multiple rounds of mockups and design file revisions, refined through client feedback to ensure alignment with their mission and user needs
- Developing user journey maps to visualize how different audience segments would interact with the platform—from initial landing through speed testing, data consent, and engagement incentives
- Recommending UX improvements centered on clarity, accessibility, and frictionless participation
- Exploring visual identity options, including logo iterations and animation concepts, to reflect the organization’s values and tone
We also conducted gamification strategy workshops informed by Self-Determination Theory, helping shape features such as badges, sweepstakes, and playful messaging to increase motivation and long-term engagement.
3. MVP Development
To meet a fast-moving timeline, we built a functional MVP featuring::
- Front-end development using Angular
- Integration of the M-Labs speed test API to enable real-time mobile connectivity testing
- An embeddable iFrame widget so the application could be deployed across partner and municipal websites
This MVP served as a powerful early demonstration to align stakeholders and test usability.
4. Full-Stack Development
Following MVP approval, we delivered a full-stack application with:
- A back end built on MongoDB and Express for secure and scalable data handling
- Integrated front-end and back-end systems for a seamless user experience
- Implementation of Google Analytics for user tracking, behavior analysis, and optimization
4. Iterative Feedback Loop
Throughout the process, we maintained consistent communication through:
- Bi-weekly updates, including live demos, slide presentations, and email briefs
- Fast design and feature iterations in response to evolving feedback
- A transparent, agile process that ensured the final product met and exceeded expectations