myMomentum – UX Case Study

  • UI/UX design

myMomentum

Are you looking for a wellness app that motivates you to take small steps towards a healthier lifestyle? Look no further than myMomentum, a Vancouver-based app that offers daily challenges and snack boxes to help you stay on track. While the app’s UI is clean and straightforward, there are a few areas that could be improved to ensure a seamless user experience.

Specifically, users may find themselves confused by certain word choices and indicator symbols, and the limited reward options could leave them feeling uninspired. Additionally, the current system of emailing reward details can be cumbersome and disjointed.

In this UX case study, I will explore my process for improving myMomentum’s navigation and user flow while offering more reward options to keep users engaged and motivated.

Current screen

Problems to solve

1, Confusing navigation

2, Confusing point indicator

3, Limited option for reward

My solution

REWARD

– REDEEM without enough points –

  1. Users can see their name, which adds friendliness.
  2. It shows how many points users need to earn a reward, in addition to the bar graph.
  3. It should display the end point. (The current app does not have it.)
  4. This is a tab menu. The default tab is “REDEEM,” where users can view all reward box options.
  5. The name of each reward box is displayed, and users can choose a box that meets their needs.
  6. Until users reach 300 points, the button will be grayed out. However, they can still click it, and a modal message will appear.
  7. Users can view the content of each box to make it easier for them to select what they like. The content card is not clickable.
  8. Since the user’s point is also displayed in “REWARD,” the current menu title “Points” has been changed to “Home,” with only one feature to complete the day’s momentum. Additionally, “Reward box” has been changed to “REWARD” to have only one word as a menu title.
  9. Users can close the modal by tapping here.
  10. Similar to 9, users can close the modal by tapping here.

REWARD

– REDEEM with enough points –

  1. It provides clear written information that informs users they can redeem a reward box.
  2. The end point is highlighted so users can easily see when they have reached their goal.
  3. Now the button looks active. By tapping it, users get a modal screen (4).
  4. This step allows users to confirm if they want to redeem their reward.
  5. By tapping this, a modal screen (7) appears.
  6. By tapping this, the screen closes and users are taken back to the previous screen, just like when tapping the cross icon on the top right.
  7. Users can see that the reward is now unlocked.
  8. By tapping here, the modal is closed and users are taken back to the “REDEEM” screen.
  9. By tapping here, users are taken to the “EARN” screen to see what they have redeemed.

REWARD

– EARN –

  1. By tapping this tab menu, users can view the list of reward box content they have earned so far.
  2. It displays the expiry date. When the date arrives, the card will disappear.
  3. It displays an image or photo of the product.
  4. All the information about the reward, such as the brand, product, and deal information, is shown here.
  5. By tapping this, users are taken to modal screen 8, where they can remove the card from their EARN list. However, it doesn’t mean users lose the reward. They can always access the reward information from their email because they also receive the information by email.
  6. By tapping this, users can copy the promo code.
  7. By tapping this, users can access the website.
  8. Users can take one step to confirm if it’s okay to remove the card from their list.
  9. After selecting either option, users are taken back to the “EARN” screen. When a card is removed, it is deleted from the list.
WORK TOP