Displaying account credits (mobile app)

by Casey Lewis   Last Updated January 13, 2018 05:16 AM

My mobile app is a food-ordering app designed to reduce food waste.

Occasionally, users are able to obtain account credits which can be used when ordering, either thru referrals or promotions.

I'd like to start showing this to users, if they have an account credit balance > $0.00, directly on the landing page of the app, to help drive purchases and not require a user to navigate through the app to identify their credit balance.

I've currently designed it as is below, with a few different colour options. Which option is best?

Option A:

enter image description here

Option B:

enter image description here

Option C:

enter image description here

Option D:

enter image description here

Of course, there may also be better methods for optimally letting users know this information without being overly distracting - so any other icons, colours, placements, styling etc. suggestions would be greatly appreciated!

Related Questions

In-store product scanning with a mobile app

Updated April 12, 2016 08:06 AM

Combining Ecommerce with Q & A community like quora

Updated August 13, 2016 08:06 AM