Burger King
UI Design
Rebranding
Background
This was my final project in my UI class. We were tasked to find an app and change its target audience designing 2 new screens tailored for this new audience.
Problem
The home screen and menu screens were tailored to an audience that liked cheep, fast food. Screens were not aesthetically pleasing to our new audience.
Solution
Created new cleaner screens for the new audience to use. Making it easier for this audience to fully find what they are wanting while also saving money.
Current
App colors
The main colors consists of a cream background and brown writing with white boxes with the secondary colors being yellow, red and orange to fill out the design of the website.
App shapes
The style of the shapes on the website are mainly squares and rectangles with curved corners which are evenly spaced apart. This gives the feeling of a very organized and clean website which is easy to understand.
App Typography
Burger King uses a custom “Flame” typeface for it’s headings and body text.
App layout
The website uses a 1 column layout with all items arranged on top of one another.
Current target audience
- People who live in cities and towns.
- Ages of 16 and 35, core audience of 18–25 year old’s.
- Primarily a male audience.
- Is a regular to eating fast food
- Looking for tasty fast options during lunch breaks
- Looking to save money
New target audience
- Vegetarian
- Ages 18 to 60
- Men & Women
- Looking for good healthy options for fast food
- Looking to save money but is okay with spending a bit more.
New brand values
Engaging
Direct
Clean
Familiar
Simple
New
Design principles
Minimalist
keep the content and visual design focused on the essentials.
Hide unnecessary elements that distracts the users from what they really need.
Prioritize the content and features to support the user primary goals.
Simplistic
A design that is easy and simple to use.
Don’t overcrowd the app with a lot of different buttons.
Familiar
Something that improves the current design but is not a complete overhaul.
Use of the same colors that is familiar to the customers.
Engaging
A design that is engaging for the users and is enjoyable for them to use.
New app colors
New app typography
Mood board
Wireframes
Use case
Home and menu screens were the screens that we choose to focus on as most users will be interacting with them the most.
Finale screens
