UI/UX design for grocery delivery

#UI/UX design #E-commerce websites

Project goals

Create a fast and convenient site for ordering products to automate and speed up orders. 

Result

More orders and less work for a team to manage those orders

About the client

We launched fast delivery of very high quality products (vegetables, fruits, etc.). At the same time, all products look "Instagram": beautiful, not mint, not rotten, you want to eat them and you are not afraid that you will receive low-quality products.

Project goals

Create a fast and convenient site for ordering products to automate and speed up orders. Thus, increase the number of customers, because many customers go through an inconvenient ordering processClient wanted not just a standard website for vegetables and fruits, but a cool, trendy, at the same time SIMPLE and minimalistic website with accents.

Key challenge

Design process included a lot of research that helped to create the most effecient and easy to use website. It included competitor analysis, analysis of target audience, userflow and user testing on the stage of prototype. User testing is the most important to ensure the website is easy to navigate

Our solutions

Design mockups and prototype in Figma for all pages needed for ecommerce process and as well adaptive version for mobile

 

Design process

Frame-50.jpg


Analysis of the target audience

What? Delivery of quality and fresh products
Who? Women/man 20-35 years old
Why? Want to quickly buy quality products
When? Several times a week
Where? Online


Sitemap

After analyzing the information that needs to be added to the store website, I created a sitemap that has 7 main sections: products, shopping cart, personal account, about us, delivery and payment, FAQ, contacts.
image-17.jpg


Userflow

In order to provide a simple purchase path for the user, I created userflow. It also helps to check at the initial stage of design that all stages are logical, clear and complete.
image-3.jpg


Wireframe and prototype

After the research, we created a Lo-Fi Wirefram. This helped to pay attention to main blocks and remove extra details that may distract user`s attention. Then added content and states and created Hi-Fi Wireframe. Based on that we connected all to Prototype.
Frame-83.jpg

Result

Earlier company used just Instagram for order and communication with clients. Now it is much easier both for client who spend less time waiting for reply and for the company to process more orders and hire less staff.


Frame-7028.png

Industries

Ecommerce

Launch date

05/11/2022

Technologies

Figma

Check other case studies

5 5

What our clients say

Bits Orchestra team are outstanding developers‚Äč. They listen carefully to our business needs and easily turns our business objectives into a well thought out and executed development effort. Roman is very bright and definitely the most capable developer that has worked on our site. He is not only a Kentico expert but has successfully tackled other complicated development assignments demonstrating expertise in both front and backend development. Roman takes initiative to suggest enhancements that make site maintenance easier while improving the customer experience. The team is very responsive to our work requests and has great follow up. They have also worked very business partners and this has reflected positively on our company. Roman is a true partner for us and a tremendous asset to our organization. We will continue to work with them and would highly recommend Roman and his team for your development needs. He and his team will exceed your expectations!
 Alan Lehmann
Alan Lehmann
President at In energy sector

What our clients say

The Bits Orchestra team does excellent work. They are always available and I appreciate our frequent calls and screen-shares together. Their dedication to the projects and knowledge of Kentico is outstanding. They truly care about the quality of their work, and became a part of our team easily!
Shena Lowe
Shena Lowe
Managing Partner at Consensus Interactive

What our clients say

We hired Roman for a Kentico analysis project and have been very satisfied. He is very skilled and professional. We are looking to hire him and his team again on future projects.
Sylvain Audet
Sylvain Audet
CEO at MyDevPartner.com

What our clients say

Roman and team have taken over an existing Kentico EMS site for a large US Oil Company. So far, they have handled every single request that we have thrown at them and these were diverse, challenging, often bespoke, usually urgent and almost daily, over the last 11 months. Their work is of an extremely high quality, they are capable, quick and we have great confidence in the support that we are getting.
Jon Hollis
Jon Hollis
Head of Web Development at confidential

What our clients say

Bits Orchestra team was very helpful, they had a good understanding of the brief and deep knowledge of the system. They were always keen to provide advice and recommendations that benefit the project substantially.
Ramon Lapenta
Ramon Lapenta
Senior Front End Developer at Cyber-Duck Ltd