Nestlé

Flat Belly Program

Challenge

Nestlé Europe sought a set of mockups to present their “Flat Belly Program” app concept in a proposal bid. The goal was to create a visually engaging and functional model that demonstrated the app’s structure, user experience, and potential to stakeholders.

Objectives

  • Stakeholder Buy-In: Create a compelling, user-focused app concept for expanding the Flat Belly Program to mobile.
  • Defined User Experience: Develop clear wireframes detailing user flows, content organization, and core functionalities.
  • Development Standards: Provide thorough documentation that future development teams could easily interpret and build upon.

Approach

  • Requirements Gathering: Collaborated with Nestlé staff to draft a requirements document outlining essential functions, navigation, and visual elements.
  • Wireframing and Documentation: Created a complete suite of wireframes to visualize core features like workout tracking, nutritional guidance, and progress monitoring, with extensive annotations to clarify user interactions and developer intentions.

Outcomes

  • Stakeholder Alignment: The wireframes and detailed user flows were instrumental in Nestlé’s successful proposal, showcasing a polished vision for the app.
  • Scalable Framework: Comprehensive documentation ensured the design was easily adaptable for future features or updates.

Reflection

This project underscored the importance of detailed wireframing and technical documentation, especially in high-stakes proposals. Through careful UX planning and a user-centered approach, we successfully positioned the Flat Belly Program for a seamless mobile launch.