Save big on groceries

Built in the Xamarin framework, MobiSave was a digital coupon app that offered instant cash back to grocery shoppers via PayPal. Utilizing sophisticated, machine-learning OCR technology, it pulled data from an image of the customer's receipt, sent to MobiSave via the app.

The MobiSave app, built in Xamarin.
Documentation for universal navigation ribbon.
Documentation for camera features and behaviors.
Invite a friend process flow.
Contesting rejected receipt user flow.
Contesting rejected receipt wireframes.
Onboarding walkthrough and sign in.
A feature spot for a product, a sellable space up for bid.

MobiSave's goal was to offer advantages to consumer package goods companies (CPGs), offering them a new means to sway specific audiences to new brands they might want to try. Using insight and data into gender, location, stores of preference, and shopping habits down to the time of purchase, they were able to provide clients with a trove of information that could help brands win over customers in the grocery aisle.

Journey mapping & discovery

How often do you update your products?

Can I get offers for X brand?

Where can I find Y product in stores?

When will you support my specific phone?

Is there a way to see my shopping list?

How long are my deals saved for?

Can you add deals for things other than groceries?

How often do you update your products?

Can I get offers for X brand?

Where can I find Y product in stores?

When will you support my specific phone?

Is there a way to see my shopping list?

How long are my deals saved for?

Can you add deals for things other than groceries?

How often do you update your products?

Can I get offers for X brand?

Where can I find Y product in stores?

When will you support my specific phone?

Is there a way to see my shopping list?

How long are my deals saved for?

Can you add deals for things other than groceries?

Softening the edges

As the brand evolved and research conducted, users in MobiSave's demographic gravitated toward the idea of a friendly, cute app that presented options and access in a fun way. Everything from the lengthy sign up process to error messages evoked a fun and humble feeling, ensuring that users were always delighted by what they found.

Dismissable coach marks for training. Illustrations by Anthony Foster.
Additional character illustrations by Sarah Klamans, following brand style.

Customers win out

One of the biggest advantages over our competitors, and what customers loved the most, is that MobiSave was easy. The design incorporated a visual color language that spoke quickly to what part of the process they were in—whether they were picking out the items they wanted to shop for, or uploading images of their receipts.

The biggest feature, however, was the instant cash-back. Once a receipt was uploaded, it would take a matter of minutes for MobiSave's C#- and Python-based back-end to process the image, pull the data, and register the receipt as authentic. Cash was deposited into a PayPal wallet for the user before they even got home to unload their new haul.

Share dialogs, encouraging users to share their earnings in different ways.
Homepage with parallax effect. Design by Sarah Klamans.

Team members

Neha Motipara
UX/UI Designer

Sarah Klamans
UX/UI Designer & Illustrator

Katherine Alvarado
UX/UI Designer

It doesn't matter where you look, this site is awesome.
Love what you see? Let's make something beautiful together.