Grocery Snap logo

Grocery savings that find you.

Supermarkets are Chicago Tribune's most important advertising accounts, but consumers engagement with weekly flyers decreases every year. Tribune needed a grocery solution in the mobile space, with a clear use case for both advertisers and consumers.

My Role

User Interface Design

Interaction Design


Andrew Ladd: Business Strategy

Grocery Snap load screen
Grocery Snap list view
Grocery Snap main menu
Grocery Snap recipe view

Designing the User Interface

The app is a shared grocery list. Family members (or roommates) add to the house list, which updates in real time. If you're going to grocery store, your roommate can check if you're out of bananas and update the list. The list automatically searches a national database of manufacturers coupons for every item you add to the list. Coupons find you. Near-by grocery stores offer you discounts on your whole cart. You get the lowest prices. Grocery stores get loyal customers in a market where everyone cross-shops.

The app name was improvised. I drew the logotype by hand and vectored it to keep the casual hand-written look. The color palette is based on green for grocery, with analogous blue and yellow. The list is the main screen, with one-click access to the main menu. The secondary features are accessible from there. Favorites for frequent purchases, recipes for meal inspiration, and weekly circulars to browse for sale prices.

Successes and Achievements

Even with the coupons and discount, this app is mostly a grocery list, a personal organization tool. Most personal organization tools fail due to lack of engagement. By keeping the interface as fun as it is functional, I made this app a delightful experience.

Lessons Learned

Designing this interface taught me lot about mobile UI patterns, affordances, and touch gestures. It's harder to design interfaces for Android now because of the proliferation of phones in different sizes. The challenge used to be fitting everything on a tiny screen a tiny phone. Now the challenge is designing the interface to adapt to various size screens.

gallery next