MobiSave

Let your groceries
pay you for shopping.

We created a smoother, cleaner, and more accessible experience for the easiest coupon app to use on the App Store.

The Brief

Loyalty pays without points

MobiSave is the easiest way to get cash rewards for your groceries. Save your favorite offers, go shopping, snap a picture of your receipt, and you're done. That's it: instant cash. Over time, the ecosystem evolved beyond the app, faced a number of hurdles and utilized some powerful image-to-data processing technology.

Research first, play later

With the app already built before my team took it on, we had a lot to learn about consumer packaged goods (CPGs) and retail. MobiSave aimed to make delivery of coupons from manufacturers easier and seamless, and the payment to users simple and fraudless. The business team wanted to make sure that it didn't matter what store you went to, all you had to do was show proof of purchase by taking a photo of the receipt.

Once an image of the receipt was delivered, the back-end took over, converting the image to readable data—even the store logo—and taking note of everything from date, time, and the total of the purchase to not only prevent fraud, but also build detailed information about each user and serve up customized offers based on their purchase habits.

Re-designing the app

The first version of MobiSave was designed by the development team, which had some questionable choices for navigation and hierarchy. My team came together and reconstructed the app for the new Android version to be released in the third quarter of 2015. This presented a number of challenges, as we were working in the pre-Microsoft purchase of Xamarin.

Xamarin is a app framework that allowed the development team to code in C# and port to both iOS and Android platforms. Realizing we were working with back-end developers tackling front-end issues, we worked together closely to know and understand their strengths and weaknesses, attempting to understand what could be accomplished in the timeline we had.

The end result of the re-design borrowed heavily from the recently-released Material Design from Google. As analytics showed over time, we dialed back some of the existing patterns to follow familiar iOS patterns, such as the navigation ribbon (the iOS tab bar).

MobiCloud and moving to responsive web

In the winter of 2016, MobiSave began to look forward to expanding beyond the borders of a app. Progressive web apps were growing, and we were eager to push forward into the future. The goal was to create a business-to-business funnel that synced across multiple platforms, spreading MobiSave's functionality across many sites to become the most recognizable brand in instant rebates.

MobiCloud was an achievement in a lot of planning in a very short time. We cut the original redemption process to the bone and built it back up to the fastest experience possible. Product maps, user flows, and prototypes went through revision after revision in an attempt to find the best possible user experience with the lightest technological lift. Our end result was the least cost for the heaviest reward.

Using a pre-existing backend from the app and AngularJS for the front-end, we pulled off a prototype build within two months, while our development team created several new powerful features for fraud detection.