Skip to content

Favrose/UI-UX-Project

Repository files navigation

UI-UX-Project

Final Project for my Principles of UX/UI Design Coursera course

Create a Table Reservation Page

Defining the Problem

The Little Lemon Restaurant does not have an online reserve-a-table feature making it difficult for customers to reserve a table without having to call the restaurant directly. A mobile reservation page must be created that allows the user to choose the date, time, number of guests, and enter their contact information to create a seamless reservation experience.

Creating a Persona

A fictional person was created that would represent the sites target users. They were designed with a photo, name, bio, core needs, and frustrations simulating a real person. The persona was used as the basis of the sites design and direction as well as a way to place the designer in a users shoes and see how they would use and navigate the website.

Little Lemon Persona

User Journey Map

A journey map is a document that follows the persona's journey through the start of a designated task towards the end goal. In this situation the persona was tasked with reserving a table from the Little Lemon Restaurant website. The document follows along each step that the persona takes, keeping note of what they are thinking and saying throughout the process. At the end of the journey any possible opportunitites for improvement are noted as well as steps that are needed to be completed in order to achieve those improvements.

Persona Journey Map

Designing a Wireframe

A wireframe is a Low-fidelity prototype that focuses on the placement and hierarchy of the page content. It is a quick way to focus on the essentials of a page design such as features and functionality without worrying about final details such as images or color.

Reserve a table page 1
Reserve a table page 2

Link to these wireframes in Figma
Figma wireframes

Creating a Prototype

A prototype is a High-fidelity prototype that closely represents the final product created in Figma. The prototype is interactive, allowing a user to preview the possible final project with interactive elements such as buttons and visual elements.

Table Reservation choose Date, Time and Guests amount
Table Reservation - Contact Information

Table Reservation Confirmation popup

View prototype

About

Final Project for my UI/UX course

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors