top of page
![Head Banner_App2.png](https://static.wixstatic.com/media/5c675c_e263cc8384e341fda37ed3dfcf5c9682~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/5c675c_e263cc8384e341fda37ed3dfcf5c9682~mv2.png)
Booking.com App
How might we book a room intuitive and easier?
My Role
I acted as a UI/UX Designer in the team and collaborated with another UX designer. My contributions include :
-
UX Research
-
UX & UI Design
Duration
25 days
Tools
Figma
Process
Our goal was to provide a smoother and comfortable booking experience on Booking.com App for users. My teammates and I redesigned the app through these steps:
-
User Interview and research
-
Sketch the outline
- Define User Flow
-
Build wireframe
-
UI Design
-
Hifi prototyping
-
User Test
Quick View
Before
![](https://static.wixstatic.com/media/5c675c_4916d3c560ce44bfbec3622114087424~mv2.png/v1/fill/w_277,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/5c675c_4916d3c560ce44bfbec3622114087424~mv2.png)
After ( My Design )
![](https://static.wixstatic.com/media/5c675c_0955434c9f4c441ea46820e436abffe9~mv2.png/v1/fill/w_277,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/5c675c_0955434c9f4c441ea46820e436abffe9~mv2.png)
01
Sketching
![Sketch_Jen.jpg](https://static.wixstatic.com/media/5c675c_7a1f18368da44d3d930e8262b4207a2a~mv2.jpg/v1/fill/w_617,h_477,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Sketch_Jen.jpg)
02
User Flow
![Booking_edited.jpg](https://static.wixstatic.com/media/5c675c_9541511095d04859bfe363aeddb3f30b~mv2.jpg/v1/fill/w_768,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Booking_edited.jpg)
03
Wireframing
![Frame 102-透明_edited.png](https://static.wixstatic.com/media/5c675c_7a07290d82f7453bbd61b2eab1a840a5~mv2.png/v1/fill/w_980,h_829,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20102-%E9%80%8F%E6%98%8E_edited.png)
02
UI Design
![](https://static.wixstatic.com/media/5c675c_85a290510879496ebf0dcb9da302ac07~mv2.png/v1/fill/w_931,h_780,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/5c675c_85a290510879496ebf0dcb9da302ac07~mv2.png)
04
Outcome
![](https://static.wixstatic.com/media/5c675c_84da200853124392bb3eeffb9d95db8ff000.jpg/v1/fill/w_948,h_533,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/5c675c_84da200853124392bb3eeffb9d95db8ff000.jpg)
bottom of page