USTAYX

— CHANNEL

Website


— ROLE

UI/UX Designer


— DURATION

6 months


— YEAR

2022


During my studies with the UX Design Institute, I completed a comprehensive case study that required applying the full UX process from start to finish.


The chosen domain was hotel‑booking websites, and the final outcome of the project was USTAYX, a redesigned, user‑centered booking experience informed by real insights and grounded in best‑practice UX principles.

The Mission

When examining the landscape of hotel‑booking websites, it became clear that many shared the same universal pain points: cluttered interfaces, confusing navigation, and unnecessarily long booking journeys.


My mission was to design a streamlined booking experience that reduced friction, eliminated confusion, and supported users with clear, straightforward pathways.

The User Problem

“I had to do a lot of work to find what I was looking for.”


This sentiment echoed throughout the research. Users consistently expressed frustration with hotel‑booking sites that felt cluttered, unintuitive, and difficult to navigate.


Several core issues emerged:

  • - Inconsistent or unhelpful imagery
  • - Poorly structured layouts
  • - Confusing or limited map and filter features
  • - Misleading or unclear terminology
  • - Lack of essential information required for decision‑making
  • - A noticeable disconnect between user mental models and the platform’s design

It became clear that meaningful improvement would require re‑centering the experience around user needs.

The Solution

The solution was to design a hotel‑booking website that felt simple, intuitive, and effortless to navigate. This meant establishing a clear visual hierarchy to guide users through each step of the booking process, while ensuring the interface aligned with real‑world expectations and familiar mental models.


The design prioritized a clean, distraction‑free layout, supported by strong digital affordances that improved perceivability and key call‑to‑actions were intentionally placed at moments where users typically hesitate, helping reduce friction and uncertainty.

Research & Analysis

Competitive Benchmarking

I conducted a competitive benchmarking exercise focused on leading hotel‑booking platforms, including the Radisson Hotel Group, The President Hotel, The Bay Hotel, and Trivago.


Assessing these competitors helped me gain a clearer understanding of established industry conventions and recognize the patterns users had come to expect.

Usability Testing

To better understand real user behavior within the hotel‑booking landscape, I conducted usability tests on two major platforms: Marriott International and Accor Hotel Group.


The usability tests provided authentic, unbiased feedback and revealed clear pain points within the booking journey.

Affinity Diagram

I broke down all previous research findings into smaller, digestible pieces of information to identify recurring themes and pinpoint the key problems uncovered during usability testing and benchmarking.


The goal at this stage wasn’t to solve anything yet, but rather to organize, categorize, and clearly define the issues users were facing.

Customer Journey Map

Using the insights from the affinity diagram together with the broader research data, I created a customer journey map to visualize the end‑to‑end actions, thoughts, and emotions experienced by users throughout the hotel‑booking process.


This mapping exercise helped clarify how users moved through the journey, where friction occurred, and which touchpoints carried the most impact.

Ideation

User Flows

The flow diagram marked the start of the ideation phase, serving as a bridge between the research insights and potential design solutions.


The goal was to explore how newly proposed improvements could address the issues uncovered during testing and analysis. These early sketches allowed me to experiment with different pathways, validate logic, and optimize for clarity and efficiency.

Low Fidelity Wireframes

Sketching played a crucial role in the problem‑solving process.


I sketched the high‑level screens and key screen states, drawing on established UX conventions, strong visual hierarchy, digital affordances, and heuristics to guide the structure.


These early sketches allowed me to experiment freely, iterate quickly, and validate different approaches before committing to more refined designs.

Design

High Fidelity Prototype

This prototype brought together the full UX and UI system, showcasing how the redesigned interface resolves the original pain points through a cleaner layout, clearer hierarchy, and a more intuitive booking journey.


Click here to view the prototype.

Landing Page

Search Results

Hotel

Add Ons

Payment

Confirmation

Key takeaways


Working through the full UX process was incredibly enlightening and reinforced just how essential it is to dedicate time to research, analysis, and thoughtful planning before jumping into design.


The experience highlighted the value of a structured, iterative approach and showed me how much better a final product becomes when every decision is grounded in evidence rather than intuition.