Rosewood B&B

UX/UI design project focused on a responsive, user-friendly platform designed to help guests explore rooms, learn about amenities, view attractions, and book their stay with ease.

Complicated navigation

Users feel overwhelmed by too many pages and unclear menu structures

Site map

Overview

Role: UX Designer
Tools: Figma
Timeline: 9/28/2025 - 12/1/2025

Problem

Small Bed & Breakfast websites often fail to convert visitors into bookings due to cluttered navigation, incomplete room information, and confusing reservation processes. Users struggle to quickly understand pricing, compare rooms, and confidently complete a booking.

Research

Research was conducted through competitive analysis, user personas, and usability testing.

Research included:

  • competitive audit of platforms like Airbnb, Vrbo, and TripAdvisor

  • persona development

  • user journey mapping

  • usability testing

Key insights:

  • Simplicity and trust matter more than features
    Users prioritize clarity, pricing visibility, and ease of booking over advanced functionality

  • Speed vs. clarity tradeoff
    Some users (Jason) want fast booking, while others (Linda) need reassurance and detailed information

  • Industry standard = clarity + filtering + trust signals
    Competitors succeed because they provide:

    • reviews

    • pricing transparency

    • structured flows

  • Booking flow is the highest-risk drop-off point
    If unclear → user leaves

Pain Points

Incomplete or unclear room details

Guests want pricing, photos, and amenities immediately — not buried

Confusing booking process

Long or unclear forms lead to drop-offs before completion

Persona

Design Process

Wireframe

Final Design

The final design focuses on clarity, hierarchy, and trust.

Key decisions:

1. Card Layout Optimization

  • Card A (vertical): clean but inefficient use of space

  • Card B (horizontal): improves scanning and comparison

👉 Horizontal layout allows users to:

  • Quickly compare rooms

  • See image + info at once

  • Reduce scrolling friction

This aligns with user behavior during room browsing.

2. Clear Information Hierarchy

Each card prioritizes:

  1. Room name

  2. Price

  3. Description

  4. CTA (Book Now)

This directly solves the issue of hidden or delayed pricing.

3. Strong Call-to-Action

  • Consistent green “Book Now” button

  • High contrast for visibility

Supports fast decision-making (Jason persona behavior)

4. Design System Consistency

From your style guide:

  • Typography: Playfair (elegant) + Lato (readable)

  • Color palette: warm, natural tones → builds trust and calmness

  • Buttons + inputs: consistent styling across pages

This creates a cohesive brand experience, not just screens.

5. Structured Booking Flow

From your wireframes + sitemap:

Flow:
Home → Rooms → Room Details → Booking Form → Confirmation

And your wireframes show:

  • Simplified layout

  • Clear booking button placement

  • Reduced cognitive load

Reflection

This project highlighted that good design is not about adding features, but removing friction.

One key insight was that users don’t need more options — they need:

  • clarity

  • trust

  • speed

Even small improvements — such as:

  • Adding visible pricing

  • Improving spacing

  • Simplifying navigation

had a significant impact on usability and perceived trust.

Another important takeaway was balancing different user types:

  • Fast decision-makers (Jason)

  • Fautious planners (Linda)

The design needed to support both — without overcomplicating the experience.

Prototype Link

Next Project

Lack of visual trust

Outdated or cluttered designs reduce confidence in booking

Prototype