Squash Tomato

UX Strategy, Frontend Development, & Optimization


As a good boyfriend does, I go grocery shopping with my girlfriend, but I'm the type that gets lost in his own world while following closely behind. Eventually, I began to notice my girlfriend was doing what I thought was kinda... excessive. She was carrying a pad of paper, a pencil, and her phone was unlocked on her purse. What she was doing was finding each item, putting it in the cart, picking up her pad and pencil, marking an item off, writing the value of the item in, putting her pad and pencil down, picking up her phone, and adding the value to a running total on her calculator app. Now, I respect the pen-to-paper method. I use it everyday, but this was a bit excessive.

User Pain

The users' method for shopping under a budget, presumably like my girlfriend (pretty safe assumption), is cumbersome, extraneous (too many steps), and time consuming (time to pick up pad, mark item off and it's price, put pad down, pick phone up and calculate running total).

A Dream Solution

The solution had to be light and highly mobile. This would allow anyone with even a low-spec smartphone and an average 3G (not 4G, not 4G LTE) to use the app fluidly and effeciently to shop for groceries while they stay within budget.

The Design

You could say the design is so simple anyone could do it, but good design accomplishes the goals set beforehand. In this case, the solution needed to be absolutely 100% responsive to screen size, which would allow anyone with a smartphone to use it.

The Fix

Using a light and modern technology stack, I created a solution so fast and responsive any user with a mobile device can use it fluidly with a 3G connection.

Time (seconds) vs. Connection Type

What next?

Feel free to fork the project's GIT repo here.

If you have a project similar to this or would like to work with me, send me an email!