Feature Add to Mobile App

Toast TakeOut functions as an aggregator of restaurants that use Toast POS. It makes sense that Loyalty and Gift Cards be consolidated in the app as well.

The Loyalty & Gift Card feature in Toast Takeout will allow guests to view all of their gift cards and loyalty for any restaurant they’ve ordered from that uses Toast TakeOut, Toast Loyalty, and Toast Gift Cards. Users will then be able to see their loyalty rewards balance, gift card balance, and offers the restaurant has sent out all through the Toast Takeout App. Thus, making Toast TakeOut a one stop shop for the guest as well as the restaurant owner.

I ran 1 on 1 user interviews along with online surveys to better understand how participants currently manage and use gift cards and loyalty at restaurants.

I used the data from the interviews and survey to pull together a persona to keep me focused on the user's needs as I began designing the feature.

Armed with the information I had collected through user research and competitive and industry analysis, I brainstormed and sketched out a bunch of ideas for the feature.

Visibility was the primary way participants remembered to use their gift cards, rewards, and offers. I felt that it was necessary to design multiple touch points where the user is reminded of their rewards, offers, and gift cards, so they remember to use them.

Users also found it very helpful when shops automatically apply coupons to their orders at checkout, so I worked that into the design as well.

I brought my sketches into Figma and worked them into wireframes.

I studied Toast TakeOut’s UI and built out a UI Kit that consolidated all of the brand colors, typography, and UI elements that I needed to keep the design on brand.

I used existing elements of the UI Kit as inspiration for the design of the new feature in order to make the it look seamless.

After I had the black and white wireframes fully designed, I added the existing UI elements from Toast TakeOut as well as my additions. When creating the new Gift Card and Loyalty sections I consulted the UI Kit and worked to incorporate existing layouts into the new components I designed.

I collected feedback from the in person & online usability tests I ran and created an affinity map of participants quotes & opinions. I grouped together like comments and made recommendations for the next iteration based on number of participants who experienced the issue, how severely the issue impacted the completion of the task, and the difficulty of iterating on the task.

Findings:

All participants successfully completed all of the tasks.

All participants thought the process of using gift cards & rewards was easy & convenient.

58% of participants liked having rewards and gift cards automatically applied to their cart.

The remaining participants were surprised by the auto-applied rewards & gift cards, but felt they would get used to it quickly.

Participants liked having the ability to apply and remove coupons and gift cards at checkout.

Add Label to Redeemed Rewards at Checkout

Add Text Label to Gift Card QR Code