1. Intro

Stauga - Booking website

Stauga - Booking website

Searching online for right place to stay on your travels can be overwhelming.
Users are often faced with a large number of options, filters, and decisions, making the booking process time consuming and difficult to navigate.

This project explores how to simplifying and improving the booking experience, to help users make faster and more confident decisions.

person sitting in a chair in front of a man
  1. Define

Current problems with the booking experience

Users often struggle to find the right accomondation when booking online.
The process typically requires multiples filters, comparing several options, and making decisions with limited guidance.

This creates a complex and time consuming experience, where users must rely on their own judgement without support.
As a result, many users feel uncertain about theit choices and abondon the booking process before completion.

  1. User insights

Industry research and user interviews

Many booking platforms experience high traffic but relatively low conversion rates. Users often start the booking process but drop off before completing it, choosing alternative platforms instead.

This raised an important question:
What makes users complete a booking on one platform, but abandon it on another?

To better understand user behaviour and identify common friction points, I conducted usability testing and competitive analysis of existing booking platforms, as well as a survey with 15 participants asking about the previous booking experiences.
The goal was to understand both what works well and where users experience friction.

Key insights

  • Users feel overwhelmed by too many choices and filters

  • Due to the lack of information or the difficulty of finding it, users look for other options where they can easily find the information they are looking for. This happens when the website does not fit their mental models.

  • Users do research about several options to compare prices, locations and facilities before booking the accomondation that fits their needs.
    Comparing options is time-consuming and mentally demanding, and some users say they use several days to do research before completing the booking.

  • Users are often unsure if they are making the “right” choice

  • Most users say they prefer a clean homepage, reducing information and ads.
    Each page should guide the user on where to interact, and not be overwhelming with too many attention seeking elements at once

  • A lack of guidance leads to hesitation and drop-off

  • Visual content plays a critical role in first impressions
    Users rely heavily on images to evaluate accommodation options, but readability must be maintained when text is layered on visuals.

  • Users compare across multiple platforms before making a decision
    They expect an easy way to compare options, both within a platform and across alternatives.

  • Efficiency and speed are key drivers
    Features such as pre-filled information (e.g. number of guests, rooms) and saved searches reduce effort and streamline the booking process.

  • Location is a primary decision factor
    Integrated maps help users quickly assess whether an accommodation meets their location preferences.

  • Date selection should be fast and intuitive
    Combining a calendar with dropdown navigation improves usability and reduces the number of interactions required.

  • Filters are essential, but must be easy to use
    Users depend on filters to narrow down options, but too many or poorly structured filters can increase friction.

  • Consistency improves usability
    A predictable layout across hotel pages helps users quickly locate key information.

  • Trust and transparency are critical for conversion
    Users need clear information about cancellation policies, payment options, and booking details early in the process to feel confident completing a booking.

  • Users prefer a combination of visual and textual information
    Both are necessary to support decision-making.

  • Users want to save and compare favourites
    The ability to shortlist and compare selected options is highly valued.

  1. Solution

Main design goals

Based on the identified challenges, the goal of this project was to design a more intuitive and guided booking experience that reduces complexity and supports users in making confident decisions.

To achieve this, I focused on simplifying the discovery process and improving how users explore and compare accommodation options.

Key design decisions

  • Providing clear and essential information and feedback.
    This gives the user a feeling of clarity, safety and confidence.

  • Minimizing the number of needed interactions

  • Making it clear how and where to interact

  • Simplified search and filtering
    Reduced the number of visible filters and prioritised the most relevant options to minimise cognitive load.

  • Improved overview of accommodation options
    Introduced a clean, card-based layout to make it easier for users to scan and compare key information such as price, location, and amenities.

  • Stronger visual hierarchy
    Designed a clearer structure to guide users through the page and highlight the most important actions.

  • Support for decision-making
    Focused on presenting essential information in a way that helps users feel more confident when choosing between options.

Business Growth
  1. Ideate

Ideating solutions to solve pain points and generating process flow

Based on the finding from the research, I made a digital flow diagram to help me understand the sequence of actions that the users take to reach their goals during the booking process. 

As I started to plan out each interaction and screen in more detail and putting them together in a flow, I quickly realized that I could work more on minimizing the amount of clicks.
I focused on making each interaction easy to for the user, at the same time as minimizing the number of interactions the user had to go through.

The location field and calendar are some of the first things the user often interacts with on a booking website, and therefore an important element to make the user want to continue the booking process.
I wanted the calendar to give feedback to the user as they hovered over or clicked on a date, letting the user know what they were choosing in more than written form.
As the user chooses a location, checkin or checkout date, the user is automatically taken to the next step in the process, without having to interact with another CTA.
I wanted the website to be forthcoming, another way to keep the users´ interactions to a minimum​​

Based on the finding from the research, I made a digital flow diagram to help me understand the sequence of actions that the users take to reach their goals during the booking process. 

As I started to plan out each interaction and screen in more detail and putting them together in a flow, I quickly realized that I could work more on minimizing the amount of clicks.
I focused on making each interaction easy to for the user, at the same time as minimizing the number of interactions the user had to go through.

The location field and calendar are some of the first things the user often interacts with on a booking website, and therefore an important element to make the user want to continue the booking process.
I wanted the calendar to give feedback to the user as they hovered over or clicked on a date, letting the user know what they were choosing in more than written form.
As the user chooses a location, checkin or checkout date, the user is automatically taken to the next step in the process, without having to interact with another CTA.
I wanted the website to be forthcoming, another way to keep the users´ interactions to a minimum​​

Business Growth
Business Growth

Interaction Design

After creating a user flow, I sketched out each screen and interaction to experiment with the layout and elements before making the wireframes in Figma.
As the search bar is one of the first interactions for the user, I wanted to create a solution where interactions were kept to the minimum.
A combination of CTA´s and dropdowns makes it easy to choose their wanted option without unnecessary interactions.

Business Growth
Business Growth
  1. Prototype

Wireframes

Based on the findings gathered using different research methods, Stauga is created to be a booking website that is easy to navigate, clear on it's feedback, and give a feeling of security.

person sitting in a chair in front of a man
person sitting in a chair in front of a man
person sitting in a chair in front of a man
person sitting in a chair in front of a man

As a common issue with booking websites is the finding all the needed information for the user feel secure and prepared for their accommodation, I decided to use a combination of a primary and secondary navigation bar.
This combination is used to let the user have access to all information at all times, no matter which step of the booking process they are on.

Filters and dropdowns are also included to let users easily find accommodations based on their wishes, giving them information about which options that fulfills their needs. 

The feeling of security is created by giving the user important information early on, such as payment and cancellation policy, reviews, location, and included facilities..

The issue of unnecessary interactions and time spending during the booking process was a common problem that I did not want to pass on to this new company.
The user can therefore do necessary changes in their booking information easily throughout the process in the horizontal navigation bar.

A long process with too many steps can make the user choose to end it, even when they are close to the final step.
Including a progress bar will give information to the user about where they are in the process, and how many steps they have left.
In addition to the progress bar, I have included some small encouragement messages to let the user know how they are doing.

person sitting in a chair in front of a man
  1. Reflect & grow

What I learned

Throughout my time working on Stauga, I have learned the importance of gathering as much user feedback in the early phase of a project.
In this project, I started to gather user feedback a few weeks after I started the project, which provided strong first-hand evidence on design decision-making.

I also learned that user first does not mean user only, especially when innovating a full concept from scratch to execution.
This included not only thinking about the user´s needs but also the technical and business side of it.
The project redirected the thought process to include users, research and business goals.


What Next

The final design allows the user to easily walk through the booking process with a minimum of needed interactions, being informed how they are doing and what's left to complete.
To see if I could further improve the user flow and overall UX Design, I would ask more people in a raging age group to test do a usability test, seeing if it matches the mental model for people with various skills using technology.

Based on feedback from a user, I would also do more usability tests to see how users would interact with the filters on the hotel search page.
As I have included many filters horizontally with dropdowns, I would like to see if the users can easily find what they are looking for, if they are confusing, or if they won't be used at all.

The next step would be to work on the UI of the website.
As this project was focused on the UX Design only, UI was not a priority.
I chose to add some UI elements to get a somewhat complete website, but further work would have to be done.
​​​

Throughout my time working on Stauga, I have learned the importance of gathering as much user feedback in the early phase of a project.
In this project, I started to gather user feedback a few weeks after I started the project, which provided strong first-hand evidence on design decision-making.

I also learned that user first does not mean user only, especially when innovating a full concept from scratch to execution.
This included not only thinking about the user´s needs but also the technical and business side of it.
The project redirected the thought process to include users, research and business goals.


What Next

The final design allows the user to easily walk through the booking process with a minimum of needed interactions, being informed how they are doing and what's left to complete.
To see if I could further improve the user flow and overall UX Design, I would ask more people in a raging age group to test do a usability test, seeing if it matches the mental model for people with various skills using technology.

Based on feedback from a user, I would also do more usability tests to see how users would interact with the filters on the hotel search page.
As I have included many filters horizontally with dropdowns, I would like to see if the users can easily find what they are looking for, if they are confusing, or if they won't be used at all.

The next step would be to work on the UI of the website.
As this project was focused on the UX Design only, UI was not a priority.
I chose to add some UI elements to get a somewhat complete website, but further work would have to be done.
​​​

I’d love to build something great with you

UX Designer

Creating intuitive, accessible and delightful digital experiences.