Designing a responsive website & an ordering app flow for a ready-made meal delivery service.
The Overview
THE CLIENT
Personal Project
PROJECT BRIEF
Design a responsive website and app for a ready made meal delivery service.
ROLE
Sole UI Designer
DURATION
2 weeks
SKILL AREAS
User interface design, flows, wireframes, sketches, visual design.
The Quick Design Process
Desktop Research, Flows & Sketches.
I started out by looking and competitor apps and websites to understand their menu systems and flows. I then mapped out the steps of a user flow with the goal being to place and order for delivery.
Once i had mapped out those steps I went about sketching out the solution, thinking o all the features and elements that would be necessary to complete the user's goal at each step.
The Ui Design Process
Wire-framing
the app & website.
Working from the sketches I then started digitally laying out the website and app into wireframes to get a sense of scale, size and how I would communicate these pages to a developer.
The Components
Creating colour scheme & components.
Once i had reviewed my layout I then went into high fidelity designing and thought about the icons, the logo, the colour scheme and images to be used in the final design.
The Visual Design
The website & app design.
I then created the responsive website designs complete with images and some text.
I worked on the app flow and matched the elements to the website so they felt like the same brand.
