<?xml version="1.0" encoding="utf-8"?>
Open full project

Designed grocery app UI that's both functional and fun! I aimed for a bright and cheerful feel to make grocery shopping less of a chore.

The UI design focuses on clarity and simplicity, ensuring that users of all ages can easily navigate the app. Large, colorful product images and bold typography enhance visibility and add to the app's lively feel.

Grocery Shopping App Design 1

Grocery Shopping App Design 2

Grocery Shopping App Design 3

Tools used

Figma

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

7 reviews


Fedir, your project is exactly as described—clean, functional, and fun. The labels are helpful, particularly for people who are conscious about their purchases. As for WCAG compliance, it's clear that you've aligned with recent standards, which adds to the usability and accessibility of the design. Great work!


Hey Fedir, I love how clean, fresh and joyful your design is. The overall of the layout is made with bento approach which help every information section easy to scan and catch up. The information hierarchy and interactive patterns are also neat and consistent.

I have some minor suggestions to contribute:

  • In the screen of "delivery details", I think the button "clear cart" is not necessary as we don't display the cart here and we don't encourage the user to reconsider editing the cart, especially clearing all of the selected products.
  • In stead of let the user choose Home of Office manually for the delivery address, should we select one as the default to save one more tap effort?
  • Could we rewrite one of the two duplicated copies of the button "Checkout", to help the user predict the next step better?

Great jobs overall and I look forward to seeing more from you, Fedir :D


Great job, Fedir! The cheerful, bright design adds a fun and fresh feel to the app, while the layout keeps everything clean and easy to navigate. I appreciate how you’ve prioritized usability and accessibility. Keep up the excellent work—excited to see what you create next!


Nice job, Fedir!  

The bright and cheerful design makes the grocery app fun.  

Your layout is clear and easy to use.  

Great work! Keep it up


Nice

Thank you!

Awesome work! Your design is fresh, modern and with a playful vibe that keeps things friendly. The hierarchy, interactive patterns and the bento layout makes every section easy to scan, which is perfect for users who want to navigate quickly.

(edited)
Thank you Lori!

Awesome job. It is clear that you are an experienced designer with high skills. The interfaces you have provided are really top notch and reflect your description.

I love the custom illustrations you have created, they have a really fun and playful style, also I find very clever and innovative the use of a dark bottom navigation that draws the right attention as well as providing the necessary details. All this would not make sense without a clear hierarchy of information, especially in item management.

However, I would like to propose some minor improvements. It is not clear to me why you chose to use a card to wrap the title and upper buttons (back and info), by removing it you could have left more space for items below. Title, subtitle and buttons are all designed with the same style, indicating that they are clickable, but I don't think 'my card' or 'delivery details' are buttons, just using text would have been better. Although the texts have perfect contrast, the white color on the light blue is barely visible, also the secondary button at the bottom should be slightly more visible to accomplish success criteria of WCAG.

(edited)

60 Claps
Average 4.6 by 13 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>