Overview

Team

Miles Design and Product teams

My role

UX Designer, Visual Designer

Tools

Sketch, Adobe Illustrator

<aside> 🚌 Miles is a mobile app that rewards users for simply moving, be it by foot, bike, car, or public transit. The miles a user travels are converted to in-app miles that can be used to redeem for various Rewards.

</aside>

The original My Rewards feature lacked any visual organization for newer Reward Types.

As the Miles app was expanding its platform to include Raffles, Donations, and other types of Rewards, there was an increasing need to create order for a user's "purchases". My Rewards, which houses all of a user's purchases, was organized into three buckets, all by state:

1. Available - Rewards a user can still redeem
2. Marked As Redeemed - Rewards a user has already redeemed (but is manually marked as such)
3. Expired & Unavailable - Rewards that have either expired or can no longer be used for any other external reasons

However, there was no way to sort or organize by Type.

<aside> ⚠️ Though Rewards are distinguished from Raffles and Donations, the umbrella term for every purchasable item is a Reward Type.

</aside>

Problem

With these new Reward Types coming in, organization issues were becoming more apparent. Donations, Raffles, and regular Rewards were all bunched up into the same long list.

Furthermore, the current Reward states didn't make sense for newer Reward Types. For instance, Donations can't be redeemed, and neither can Raffles in the regular sense (normally, a raffle winner would be contacted externally). Expiry as a concept somewhat worked for both but was semantically incorrect.