BigFoodie

BigFoodie are an online takeaway food platform.

Worked as the sole UI Designer on the new mobile app for a takeaway food online platform. This involved creating different concepts, working with the client on iterations and producing clickable prototypes of the app for User Testing. There was also some initial UX at the beginning of the project to establish key user-flows.  


Overview

Client

BigFoodie are an online takeaway food platform 

Brief

BigFoodie were in the process of developing a brand new proposition and wanted a total redesign of the mobile website.

Problem / Opportunity

To establish a fresh new look and feel to the brand and to allow customers to order meals in as little amount of clicks as possible.

Team

I was the sole designer on this project. For the last month of the project, an agile UX process was in place.

Skills

Competitive Analysis, Site Map, User Flows, Sketches, Visual Design, Prototyping, User Testing, Copywriting.

Tools

Adobe Photoshop & Illustrator, Sketch, Omnigaffle and Marvel.

Platform

Phone (and initial homepage design for Desktop).

Discussing User Flows.JPG
Sketches

Site Map

Before starting any of the UI design, I went through the site with the client and afterwards created a site map to establish what pages were needed and where they would live within the site itself. 

Site Map

User Flows

I developed User Flow diagrams to help understand how people would complete the following tasks. 

User Flow - Order Meal
User Flow - Checkout for the first time

Initial  Concepts 

After establishing User Flows, I was asked to design 3 initial concepts for possible design routes. 

Initial  Concept A - Homemade

Initial Concept B - Rustic

Initial Concept B - Rustic

Initial Concept C - Modern

Initial Concept C - Modern


Iterations

The design went through many different iterations as I responded to feedback from the client and  from User Testing of clickable prototypes.

Homepage

The first page someone will see when they visit the site.

Early design

Early design

After several rounds of feedback

After several rounds of feedback

Final version

Final version

Home Chef Profile

Every Home Chef would have a profile page with information on them and the dishes they are currently selling as well as a record of their previous dishes.

Early design

Early design

After several rounds of feedback

After several rounds of feedback

Final version

Final version

Ordering from Restaurant

Restaurant menu and ordering process. 

Early design

Early design

After several rounds of feedback

After several rounds of feedback

Final version

Final version


Annotated Designs

These were sent to the developers.

Annotated Design

Clickable Prototype

After all testing was completed, I produced a final clickable prototype of the the last round of feedback.


Desktop Design

BigFoodie MacBook Mockup