Hotel Booking Website Case Study
Through careful research and design choices, I've worked to make this website easy to use, trustworthy, and visually appealing. As I continue to refine the full presentation, I've highlighted a sneak peak of the homepage below.
In this case study, I'll explain the research methods I employed, such as analyzing competitors, conducting interviews with users, and visualizing their experiences through tools like affinity diagrams, customer journey maps, and user flow diagrams.
The end result is a website that not only embodies a simple, intuitive, and visually appealing experience but also resonates with the invaluable data, insights, and user mental models gathered during the research phase, guaranteeing a user experience that is both seamless and exceptionally user-friendly.
RESEARCH PHASE 1
In the world of hotel booking websites, standing out is paramount. The competitive benchmarking project meticulously dissected the strategies of industry leaders, uncovering the secrets behind their success. By analyzing their user interfaces, conversion methods, and customer engagement tactics, I not only discovered best practices but also identified unique opportunities for improvement.
RESEARCH PHASE 2
Usability Test Notes
User testing is the heartbeat of UX research. The comprehensive usability tests put real users in the driver's seat, allowing me to gather invaluable insights into their interactions with hotel booking websites. These user notes were a treasure trove of user frustrations, preferences, and needs, forming the bedrock of the design strategy.
RESEARCH PHASE 3
The messy sea of data from the research needed structure, and the affinity diagram came to the rescue. By systematically organizing the findings into categories, patterns, and pain points, chaos became clarity. The colorful sea of sticky notes on the wall was the visual representation of the journey towards crafting a seamless user experience.
RESEARCH PHASE 4
Customer Journey Map
The customer journey map is more than just a visual representation—it's a narrative that immerses you in the guest's experience. From the initial inspiration to booking and beyond, I charted every touchpoint and emotion. This map served as the guiding star, helping to design a desktop experience that not only meets but exceeds user expectations at every step.
RESEARCH PHASE 5
User Flow Diagram
The user flow diagram served as a clear map, tracing the path a user follows when using the product, from their initial interaction to the final engagement. This visual representation detailed the essential steps and interactions, guiding efforts to streamline the user experience for this hotel booking website.
DESIGN PHASE 1
Low Fidelity Prototype
In the early stages of design, I sketched a low-fidelity prototype by hand. This simplified blueprint allowed me to quickly test ideas and iterations while keeping the lift light.
DESIGN PHASE 2
High Fidelity Prototype
The high-fidelity prototype, designed in Figma, brought the design vision to life. It features interactive elements and included developer notes to ease the transition from design to development.