thefork header

The fork - App redesign

  • UX/UI
  • Mobile
  • Sketch
  • XD

The Fork is the main online restaurant booking platform. We worked on this project during the UX design course. The goal of this project was to redesign the current app, adding new features chosen after careful research.

Click here for the full prototype

New features

  • New splash screen and Home
  • Quickly research using filters
  • Booking without registration
  • Payment of the bill through the app
  • Personalized account
the fork new features
thefork home animation

New Splash Screen And Home

In This Project We Used The Circle As A Reference Shape, This Can Be Seen Already From The Splashscreen. Quick Buttons Have Been Inserted In The Home, For Quick Searches. To Overcome The Problem, That Without The Location Permissions, The App Cannot Load The Home, We Have Thought Of Inserting Generic Sections To Start Searching, Such As Cities, Cousine And Offers.

Quickly Research Using Filters

As Already Said, To Do A Quick Research By Filters, We Added A Quick Buttons Into The Home, But Also We Created A Research Page, Where The User Can Insert The Name Of The Restaurant, The Location, Anche He Can Set The Filters, Such Price, Distance From Location And Rate, But Also Food Needs, Cousine And Ambience.

the fork filter animation
the fork booking animation

Booking Without Registration

From Our Research, It Has Been Shown That Some People, Especially When Using The App For The First Time, Are Reluctant To Register. So We Decided To Introduce This New Feature, Through Which Users Can Book A Table, By Entering Only Name, Surname, Email And Telephone Number. In Developing This New Feature, We Also Focused On Improving The Booking Flow, Which Was Originally Divided Over Several Pages, While Now, Using Carousels, It Has Been Reduced To Only One.

Payment The Bill Through The App

Our Research Has Also Shown That A Classic Problem Is That Of Discounts, Because In Most Cases The User Must Request It At The Cashier To Take Advantage Of The Discount And This Can Cause Negative Figures In Front Of The Guests. To Solve This Problem, We Hypothesized To Allow The Payment Of Bill Through The App.

the fork - bill payment animation
the fork profile making animation

Personalized Account

Through The Personalization Of The Account, The User Can Preset The Search Filters, The Sections In The Home, And He Can Set The Type Of Notifications He Wants To Receive, And He Can Also Set Up A Payment Method.

Tool used

sketch icon
Sketch

to Design

xd icon
Sketch

to make animation and prototyping

Team

Giuseppe Mete
Giuseppe Mete
Maria Bramer
Maria Bramer
 Rujuta pachpande
Rujuta Pachpande