Drinks and food ordering app
My role
UX/UI Design
Prototyping
Tools
Figma
Miro
Duration
September-December 2022
My role
UX/UI Design
Prototyping
Tools
Figma
Miro
Duration
September-December 2022
This was a conceptual project as a part of Google UX certificate. The case was that owners of beer garden observed that due to the long time of waiting in the line to order products people are leaving.
The goal was to improve the overall experience and efficiency of the ordering process.
“Whisk it up”* is a popular beer garden in Dresden, with two locations in the city. This place is mostly visited by students and young professionals. Owners observed that due to the long time of waiting in the line to order products people are leaving. *this was a conceptual project as a part of Google UX certificate.
My goal was to improve the overall experience and efficiency of the ordering process.
To really understand what struggles people face when visiting beer gardens I conducted online interviews. I indetified 4 main problems:
Based on the interviews I decided to analyze how customers might currently find and interact with the beer garden to perform key actions. Creating user journey maps helped me immensely to identify bottlenecks and areas for improvement.
I started by creating main components and style guidelines to maintain cohesive and easy to scale design. At this stage I ensured that it meets accessibility standards.
I performed 2 rounds of tests, from Lo-Fi to Hi-Fi prototype. During this phase I discovered 3 main issues that were resolved in the final product.
Users can order products to their table by scanning QR code. No more waiting for stuff members or staying in the line.
Users can book table in advance by selecting the location, date and number of guests.
Provided a way for customers to check their orders and reservations. It’s especially helpful to keep track of group orders and splitting the bill.
Users know which section of products they are looking at thanks to highlighting it in the navigation bar. They can easily decide what to order without feeling rushed.
I combined icons with text to make navigation easier for all users.
I ensured that the size of clickable elements is minimum 48 px.
I picked color combinations that meet WCAG 2.1 requirements.
As this was just a conceptual project I don’t know how it will perform in real life. However all the people I interviewed and showed this app to said that they would love to use it. It would solve many problems like waiting for someone to collect your order and then pay for it.
This was my first time designing a mobile app. I explored the guidelines of Material Design and Apple’s Human Interface Guidelines. I grasped the importance of testing design with users to ensure that the interface is intuitive not only for me but also for others.
Contact me to today to learn more about my experience and how I can add value to your business.
Contact me to hear more about the details of this project.
02
Creating distinctive brand identity and content hierarchy
Enhancing the user experience of the old-fashioned website