Optimising of Webpage Design (UI/UX)



Done during my internship, this task consists of optimising the existing booking pages with new UX/UI design on the Ascott Brand Website



Information


One project I worked on during my internship was the task of optimising existing booking pages with new UX/UI designs.
This is to improve user experience by displaying key information through a label to drive higher booking conversions.

Tools Used In Project


Figma



Timeline


4 Months


2 finalised designs: Standard & Coloured Label

Standard Label: Used on clean backgrounds
Coloured Label: Used on noisy background (ie:Images)

Map View

Label Placement on Desktop

Label Placement on Mobile

Property Page

Label Placement on Desktop

Label Placement on Mobile


In the property page, there is a section which showcases the different room types. We decided to include labels there as well.

Label Placement on Desktop

Label Placement on Mobile

Property Listing Page

Label Placement on Desktop

Label Placement on Mobile

Label Placement on Mobile

Room Listing Page

Label Placement on Desktop

Label Placement on Mobile