AM.

Burgerland – taste the perfection

Overview

Burgerland is a mobile e-commerce app for food ordering services.

Role

UX/UI Designer, full time

Company

Burgerland

Period

July 2020 – Aug 2020

Mission

Design Concept

Problem

My goal was to create a mobile e-commerce experience for users to browse the menu, find the burger they like, customize it, initiate a checkout, and complete a purchase.

Solution

The user journey is consistent by offering multiple choices based on the users needs and by a thoughtfully followed design process in order to achieve their app usage satisfaction and also, to increase their retention.

Design Funnel

It's simply a road map for our app design process that gives us a variety of solutions and paths forward. In the below image we have visually represented the complete process.

Objectives

Before starting on the assignment the primary goals I designed for myself were:
➲ Having a clear way of locating specific burgers
➲ Having an efficient means of purchasing one or more burgers
➲ Having a flow of choice and customization of a burger
➲ Detailed product information to ensure proper selection
➲ Efficient checkout process to save users time and allow for easy purchase of burgers

Firstly, I decided to start understanding the mental models of a various food ordering apps which led me to gather a series of insights:
➲ I came to know their preferences
➲ I came to know what are the different categories, what products are currently trending, and which ones users frequently buy
➲ I came to know the color accents and the core information of a product
➲ I came to know their emotional behavior through the visual presentation

Now to gain some inspiration, as well the patterns and the flows for the e-commerce app, I started referring to some of famous e-commerce apps: BurgerKing, McDonalds, DoorDash, GrubHub, Uber Eats, Seamless, Postmates, goPuff, Delivery.com, Instacart, Munchery, Eat 24.

Why was this research necessary?
➲ To create a vision for our app
➲ It is mandatory
➲ To understand the flow, patterns, elements of a E-commerce app.
➲ To create a style guide

Information Arhitecture is, like a blueprint, a visual representation of the product's infrastructure, features, and hierarchy.

The Information Arhitecture helped me to understand the flow of an e-commerce app and to figure out what data to be shown at each step and what to prioritize for this assignment.

Contact me

Have questions about my works?
Simply write me an email

E-mail me

Next?

UXPath

a SaaS startup in the Education Tech space which is focused on two points, launch and growth opportunity

Read case study