HotelArc
HotelArc
HotelArc
Hotel Booking Application
Hotel Booking Application
Hotel Booking Application
Project
UX Case Study
Services
Visual Design
UI & UX Design
Industries
Travel
Date
April 2022
App Mockup
Overview
Overview
Overview
HotelArc is a hotel booking application where travelers can search and book hotel rooms online. We provide search options of hotels and resorts in the preferred city and nearby users.
HotelArc is a hotel booking application where travelers can search and book hotel rooms online. We provide search options of hotels and resorts in the preferred city and nearby users.
HotelArc is a hotel booking application where travelers can search and book hotel rooms online. We provide search options of hotels and resorts in the preferred city and nearby users.
Project Y
Challenge
Challenge
Challenge
Develop a digital product for the wellness of travel industry, that makes a user’s relationship with booking, ordering and travelling better. The app should help the user search and pushes them to commit to a healthier lifestyle.
Develop a digital product for the wellness of travel industry, that makes a user’s relationship with booking, ordering and travelling better. The app should help the user search and pushes them to commit to a healthier lifestyle.
Develop a digital product for the wellness of travel industry, that makes a user’s relationship with booking, ordering and travelling better. The app should help the user search and pushes them to commit to a healthier lifestyle.
Problem
Problem
Problem
Traveler who wants to try new experiences have trouble finding their perfect hotel and end up getting the least desired place.
Traveler who wants to try new experiences have trouble finding their perfect hotel and end up getting the least desired place.
Traveler who wants to try new experiences have trouble finding their perfect hotel and end up getting the least desired place.
Solution
Solution
Solution
Create an app and improve upon user experience to allow easier navigation for searching and booking a hotel room.
Give availability infomation
Give detailed pricing information
Now I’ll take you through how I completed the project using my Design Process
Create an app and improve upon user experience to allow easier navigation for searching and booking a hotel room.
Give availability infomation
Give detailed pricing information
Now I’ll take you through how I completed the project using my Design Process
Create an app and improve upon user experience to allow easier navigation for searching and booking a hotel room.
Give availability infomation
Give detailed pricing information
Now I’ll take you through how I completed the project using my Design Process
Design Process
Design Process
Qualitative Research
Design Process
Empathize
Empathize
Empathize
User Research
User Research
User Research
As to understand my users, I conducted user interviews and generated some pain points. This survey helped in determining issues users had with existing booking applications. I found that most app provides the same flow of hotel bookings with approximately same data and users unable to see the hotel combination on a glimpse/view in search listing.
I read reports about stress factors and how people were dealing with them, and conducted a competitor analysis to have a better idea of what the market looked like.
This showed gaps in the market, as well as crowded areas, but they were not often tailored to users, and none addressed clarity on booking — which was a need our users had.
As to understand my users, I conducted user interviews and generated some pain points. This survey helped in determining issues users had with existing booking applications. I found that most app provides the same flow of hotel bookings with approximately same data and users unable to see the hotel combination on a glimpse/view in search listing.
I read reports about stress factors and how people were dealing with them, and conducted a competitor analysis to have a better idea of what the market looked like.
This showed gaps in the market, as well as crowded areas, but they were not often tailored to users, and none addressed clarity on booking — which was a need our users had.
As to understand my users, I conducted user interviews and generated some pain points. This survey helped in determining issues users had with existing booking applications. I found that most app provides the same flow of hotel bookings with approximately same data and users unable to see the hotel combination on a glimpse/view in search listing.
I read reports about stress factors and how people were dealing with them, and conducted a competitor analysis to have a better idea of what the market looked like.
This showed gaps in the market, as well as crowded areas, but they were not often tailored to users, and none addressed clarity on booking — which was a need our users had.
User Research
Define
Define
Define
User Personas
User Personas
User Personas
I collected the relevant information from my users to create the user personas. I took into account the needs, the frustrations, the personality and the main activities.
I collected the relevant information from my users to create the user personas. I took into account the needs, the frustrations, the personality and the main activities.
I collected the relevant information from my users to create the user personas. I took into account the needs, the frustrations, the personality and the main activities.
User Personas
User Journey Map
User Journey Map
User Journey Map
Mapping the user journey revealed how helpful it would be to create a fast and effective way to book hotels.
Mapping the user journey revealed how helpful it would be to create a fast and effective way to book hotels.
Mapping the user journey revealed how helpful it would be to create a fast and effective way to book hotels.
User Journey Map
Ideate
Ideate
Ideate
User Flow
User Flow
User Flow
The user flow takes them from their entry point through a set of steps towards a successful outcome and final action, such as purchasing a course.
The user flow takes them from their entry point through a set of steps towards a successful outcome and final action, such as purchasing a course.
The user flow takes them from their entry point through a set of steps towards a successful outcome and final action, such as purchasing a course.
User Flow
Prototype
Prototype
Prototype
Low & High Fidelity Wireframes
Low & High Fidelity Wireframes
Low & High Fidelity Wireframes
Wireframes
Refining the Design
Refining the Design
Refining the Design
Refining the Design
User InterfaceDesign
User InterfaceDesign
User InterfaceDesign
UI Design
Design
Design
Design
Typography
Typography
Typography
Typography
Colors & Icons
Colors & Icons
Colors & Icons
Colors & Icons
Visual Design
Visual Design
Visual Design
Visual Design
Testing
Testing
Testing
I tested my concept and prototype throughout the project and got valuable feedback at each stage that allowed for incremental enhancements.
Each test helped me improve my concept and design, and ensure that it was answering user needs and goals.
I also conducted a desirability test with my high fidelity prototype, and the main attributes user chose were accessible, friendly, and easy to use, which described accurately what I was trying to achieve.
I tested my concept and prototype throughout the project and got valuable feedback at each stage that allowed for incremental enhancements.
Each test helped me improve my concept and design, and ensure that it was answering user needs and goals.
I also conducted a desirability test with my high fidelity prototype, and the main attributes user chose were accessible, friendly, and easy to use, which described accurately what I was trying to achieve.
I tested my concept and prototype throughout the project and got valuable feedback at each stage that allowed for incremental enhancements.
Each test helped me improve my concept and design, and ensure that it was answering user needs and goals.
I also conducted a desirability test with my high fidelity prototype, and the main attributes user chose were accessible, friendly, and easy to use, which described accurately what I was trying to achieve.
Outcomes & lessons
Outcomes & lessons
Outcomes & lessons
This was a great challenge to tackle, which allowed me to go through all the design steps of UX and UI.
As with my other projects, I learnt a lot through all the steps. Testing my prototypes was hugely impactful, and helped me to make it better with every iteration. I am open to any feedback and improvements.
This was a great challenge to tackle, which allowed me to go through all the design steps of UX and UI.
As with my other projects, I learnt a lot through all the steps. Testing my prototypes was hugely impactful, and helped me to make it better with every iteration. I am open to any feedback and improvements.
This was a great challenge to tackle, which allowed me to go through all the design steps of UX and UI.
As with my other projects, I learnt a lot through all the steps. Testing my prototypes was hugely impactful, and helped me to make it better with every iteration. I am open to any feedback and improvements.
Thank you for reading!
Thank you for reading!
Thank you for reading!