Designing a grocery shopping app to aid in the convenience of finding goods, simplifying checkout and efficient pricing

Meet the shopping app that makes going to the market, super and fun


On an earlier post, I started working on solving this problem, but it was never completed, nor did I go in the right direction that day. So, I would like to reapproach the problem of supermarket shopping today and see what creative solutions I may be able to come up with. Thanks for reading!

Problem Statement

The problem with the supermarket is its inconvenience in our daily lives. Some of us, go out of our day, take a break from the internet and go to a physical space only to be bummed about the partitioned process and annoyance of buying goods. And it starts before you even get there, just making the shopping list is painful, that is if you are responsible enough to even make one. Thousands of items, hundreds of the same, fill the rows and the branding hits your eyes to dismay, it’s hard to discern what product you might like, let alone, remember what it is you bought last. On top of that, you need to remember everything what you need for your house, your dog, your kid, your wife. Where do they even sell that kosher chicken? Today, planning on creating an effective shopping list is cumbersome, ineffective and you are destined for disappointment. The weird thing is you haven’t even gotten to the super market yet. But assume you were able to create that dreaded list of yours, the problem then expands from a little piece of paper to a massive open-aired coliseum, that’s usually cold enough to house a polar bear migration. You then enter an unfamiliar environment that feels like a bad conference, with millions of brands trying to capture your attention, all yelling your name and shining in millions of colors, you get blind. And you look at your shopping list, take a pause and … “oooo shit, how the hell am I going to find this product” And your list has many items…you look up and see all of the aisles and rows and are completely lost. Nothing makes sense anymore, it’s usually at this point where you start to contemplate your entire life. But you are willing to give it a go. My first stop at the supermarket is finding the nearest employee, so I can ask for help finding the product. That is the same for the second and third stop. Being at the supermarket is painful, finding the products on your shopping list is next level. The next issue while shopping is going in the right order. Even if you knew all of the right aisles for your products, still your shopping is scattered, you might start on aisle one for the cucumbers and then go to aisle 7 for ketchup, then back to aisle 2 for snacks and than to aisle 9 for soft drinks. Currently, it seems impossible, to get the general navigation right. Lastly, the checkout process is a mess. Self checkout helped out a bit and Amazon of course had a creative solution, but still in most supermarkets, if you have a lot of products, you need to take them all out of your cart and then put them back in your cart. I’ve never witnessed such a reverse process in my life. When you head to the supermarket you have an empty cart, you pick up products and you fill up your cart, you go to checkout you have to empty your cart, when your done paying you fill your cart. Paying to do this? This is not going to work anymore in our convenience based society. And because of this lines form and you can end up waiting 20 minutes to purchase your goods. These thoughts led me to my creation of my app.


Build a shopping app to provide a more thorough supermarket experience. By Connecting users shopping lists with product finding and eventually easier checkout.

Target Audience

Female Supermarket Goers, aged 45-60 y/o

According to TimeUseInstitute.org

Make shopping lists

69% of women

52% of men

Supermarket Goer By Gender

Male: 44%, 44y/o

Female: 64%, 47y/o

Since the majority of the users of the app will be older women, I’ve taken a look at similar apps that cater to a similar demographic and marked some notes:

  1. Fonts, the bigger the better.

  2. Color and contrast for optimal visibility

  3. Language that plays to your audience

  4. Make things easy to click

  5. Make your UI patterns memorable to aid cognitive difficulties

    Waze is the perfect example


Shopping List Flow

Search Flow

In order to maintain a simple user interface for the shopping list, I am going to combine both the product list and add products to the same page.

Screen Shot 2018-12-04 at 10.53.07 AM.png

I started out by solving problem number one, creating your shopping. I’ve made the list even more convenient and easier to use by including recommended products and popular products.

Shopping Flow

The next problem is finding your shopping list products in the market. Once the user has the shopping list set-up, how can easily locate their products in the market.

Navigation Flow

Indoor navigation is tricky, so in order for the user to properly navigate the space, they have to scan their first product in the space and the system will be able to guide the user to the next product. The scanning system will also provide for an easy to use checkout system.

Screen Shot 2018-12-04 at 1.03.05 PM.png

App Overview User Flow

I merged together the smaller user flows created above to create an all encompassing flow of the entire app - allowing me to get a better idea of how the components would interact with each other from an objective stand point.

Screen Shot 2018-12-04 at 4.06.20 PM.png

Lo-Fi Wireframes

I moved on from the vast flow chart to consolidate my thoughts into about ten wireframes, which I started working on, using pen and paper. The wireframes encompass the 2 core issues of the app, creating shopping lists, accessing the list for ease of shopping in store. This app can be helpful for some, but it’s boring for me to make and a keep getting distracted. I am devoting all my time and energy to my work and I just want it to be good.

That’s it for today folks .

Until tomorrow,


#25 - App Recreation