Burger Menu: Web-site

My role: UX designer designing an Burger Menu site application from the home screen to the addition of a new device.

Responsibilities: Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

The product:

Burger menu provide convenient and simple food ordering: the main goal of an interactive menu is to help customers order food quickly and conveniently without additional obstacles and delays.

User research: summary

I conducted interviews and created empathy maps to understand the users I was designing for and their needs. The target audience can be:
Youth and students: people between the ages of 16 and 30 who want to order food quickly and efficiently to save time and money. Their needs may include speed of service and affordability.
Working People: people who work in offices and other places of work and have limited time for lunch. Their needs may include speed of service, affordability of prices, and the ability to order delivery.
Families with children: people who have children and want to quickly and easily order food for the whole family. Their needs may include affordability, options for children's meals, and ease of order management.

Burger Menu

Completed in Figma

The problem: Convenient and clear menu for ordering food.

The goal: Improve service efficiency: An interactive menu should ensure that customers' orders are placed quickly and accurately, thereby reducing the time customers spend in line and increasing sales.
Create a personalized experience: The menu should allow customers to choose from a variety of options, offering a personalized experience based on their individual needs.
Ensure accessibility for different groups of users: the interactive menu should be accessible to all users, including people with different types of disabilities and low literacy.
Provide ease of management: the menu should be easy to use, with an intuitive interface and logic that will allow users to quickly and efficiently place orders without additional support from staff.

User research: pain points

Many people need a filter in order to choose an order more conveniently.
People want to know what their food looks like and what goes into it
Users want to be able to make different types of payments and pick up or deliver products

Persona: Lukas

Problem statement: Quick and convenient ordering of food for the family in a fast food restaurant.

User journey map

Mapping Anne user journey revealed how helpful it would be for users to have access to a dedicated Burger Menu.

Digital wireframes

Low-fidelity prototype

Using a full suite of digital framing systems, I built a low-fidelity prototype. The main user thread I connected was to browse the dishes, filter the menu by selected categories and finish the order with payment confirmation.

Usability study: findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Responsive UI

Based on research and testing, the following prototypes have been created.

High-fidelity prototype

Based on research and testing, the following prototypes have been created. View the Financial high-fidelity prototype

Burger Menu: Web-site

Digital wireframes

Final version

See more works

Want to work together?