Blue House B&B

PROJECT

Web Design

SERVICES

UX/UI Design | Web Design | Strategy

Redesigned the website and booking system to enhance Blue House B&B's online presence.

ABOUT THE PROJECT

Blue House B&B has a strong reputation for providing comfortable accommodations and personalized service to guests worldwide. While the business has been successful in attracting customers through online travel agencies like Booking.com and Airbnb, the owners recognize the importance of having a direct booking system and a strong online presence to enhance their business performance.

The Goal

Our goal was to increase direct bookings. The aim was to create a modern and user-friendly website that would reflect the B&B's unique charm. 

My task was to design the booking section, room display and payment section.

When I joined the team the style and design of the homepage was established.

The Process

In the process we followed the double diamond framework through discovery and research, to defining the problems and pain points. We created prototypes to test our hypothesis.

In-depth Interviews

We selected people that would represent our target customer.

To help us to get detailed account of information we used different tools to map the user journey when booking a holiday or accomodation.

Key Insides

Based on the interviews we conducted and the data we collected,

we identified key insights that reflect our target audience's behaviours, habits, needs, and emotions. 


These insights will inform our design decisions and help us create a website that caters to our audience's preferences and expectation.

defining the concept

After gathering insights from our research and analysis, we held brainstorming sessions and ideation workshops to generate ideas and concepts for the website's design. We explored different design directions, layouts, and functionalities to create a user-friendly and engaging experience for visitors.


After gathering insights from our research and analysis, we held brainstorming sessions and ideation workshops to generate ideas and concepts for the website's design. We explored different design directions, layouts, and functionalities to create a user-friendly and engaging experience for visitors.

The website would be improved primarily by improving the room search and the payment section.


The website would be improved primarily by improving the room search and the payment section.

Personas

After defining the problem statement, our focus shifted towards understanding our end users in greater depth. We build personas primarily based on insights gathered and our primary objective. 


After defining the problem statement, our focus shifted towards understanding our end users in greater depth. We build personas primarily based on insights gathered and our primary objective. 

The personas created were two: Alex seeks a memorable vacation with his spouse, desiring both romance and fun. He struggles to find budget-friendly accommodations that truly match their descriptions, a common challenge.

Karen aims to immerse herself in local culture during her travels. However, the overwhelming abundance of choices leaves her uncertain about selecting experiences that align with her goals.


The personas created were two: Alex seeks a memorable vacation with his spouse, desiring both romance and fun. He struggles to find budget-friendly accommodations that truly match their descriptions, a common challenge.

Karen aims to immerse herself in local culture during her travels. However, the overwhelming abundance of choices leaves her uncertain about selecting experiences that align with her goals.

Customer Journey

Viewed through the lens of our personas, we constructed a customer journey encompassing three key elements: the personas' actions, emotions, and inner thoughts, as introduced earlier.


Viewed through the lens of our personas, we constructed a customer journey encompassing three key elements: the personas' actions, emotions, and inner thoughts, as introduced earlier.

This customer journey was developed to map out the various stages and touchpoints of interaction between the personas and the website.


Following the creation of the customer journey, we identified two prominent pain points that demanded our attention: the room listing page and the payment experience.


This customer journey was developed to map out the various stages and touchpoints of interaction between the personas and the website.


Following the creation of the customer journey, we identified two prominent pain points that demanded our attention: the room listing page and the payment experience.

information architecture

As a designer, crafting the information architecture for Blue House B&B's website was a central step in optimizing the user experience. This architecture serves as the underlying framework that carefully organizes the website's content and functionalities, allowing us to create an intuitive and user-friendly design.

final solution

The final solution involved a comprehensive redesign of the booking process, room selection, and the payment section. Our design decisions were firmly rooted in the design guidelines established in our previously defined design book and user research.

mobile prototype

Conclusion

This redesign not only addressed the identified pain points but also aimed to elevate the overall user experience. It streamlined the process of finding and booking rooms, ensuring that users could effortlessly navigate the website, select accommodations, and complete payments with confidence. Further testing and feedback from the user is recommended in other to improve the experience further.

© 2025

All rights reserved

© 2025

All rights reserved

© 2025 All rights reserved