ES EN
Michelob Ultra-hero

Michelob Ultra

Runnder

Embrace a fit and fun lifestyle

Runnder is an application that converts the kilometers covered by users into redeemable points. Additionally, it features internal leagues that categorize runners. Users can invite friends and participate in challenges. This application is available in various countries in Central America.

As part of this project, I focused on designing a clear and modern user interface that enables users to navigate the app easily and stay motivated to continue their training. Additionally, I collaborated with a team of developers to create an efficient and reliable application.

In collaboration with Michelob.

Herramientas

Insight

  • Users find it challenging to discover how to convert their completed journeys into redeemable points through challenges within the application.
  • Users encounter issues when attempting to invite friends to compete as a team within the application.
  • Users face difficulties in locating redeemable rewards within the application.
  • Users would like the application to have categories for participants to resemble in-person competitions.
  • Users don’t feel there is sufficient recognition for completing challenges, aside from redeemable rewards.

Solution

  • Thanks to a connection with Strava, the registration of kilometers covered is recorded. In the challenges section, users can participate and earn fabulous prizes.
  • A Community section is created to encourage new runners, including flows such as sending invitations and a friends list.
  • There is a section called Rewards where users can view the catalog of available products they have earned by completing challenges and their current status.
  • Leagues are implemented, such as Bronze, Silver, Gold, Superior, Diamond, and Platinum, which depend on the number of kilometers covered by the participant.
  • For each challenge, users will be rewarded with medals related to the achieved goal, which they can view in their profile.
Runnder Logos

Design System

Runnder LogosRunnder Colors
Design System
Runnder ColorsRunnder Logos

Invite, compete, and win

I used Figma to create an interactive prototype simulating the user experience of the application on a mobile device, providing a better understanding of how the app would look in production.