Case Study . 12 min read

Case Study . 12 min read

HAUS RESORT

HAUS RESORT

Designing a luxury family resort website that balances elegance with frictionless booking.

Designing a luxury family resort website that balances elegance with frictionless booking.

Role

Visual Designer

Tools

Figma, Canva

Duration

8 weeks

Platform

Responsive website

THE PROBLEM

Luxury resort websites often prioritize aesthetics over clarity. Families planning vacations require transparent pricing, clear activity information, and frictionless booking experiences.


Many competitor sites suffer from:

  • Poor availability visibility

  • Low contrast text

  • Inconsistent brand systems

  • Overcrowded navigation

The Goal

Design a premium yet accessible digital experience that:


  • Builds trust

  • Encourages bookings

  • Simplifies decision-making

  • Appeals to both parents and children

Research Insights

Through competitor analysis and persona development:


Key findings:

  • Families prioritize activity visibility before booking.

  • Remote resort locations require stronger reassurance signals.

  • Booking clarity directly influences trust.

  • Overuse of luxury imagery can reduce usability.

COMPETITOR ANALYSIS
Design Strategy

Balance sophistication with approachability

Balance sophistication with approachability

Establish strong visual hierarchy

Establish strong visual hierarchy

Reduce cognitive load

Reduce cognitive load

Improve booking transparency

Improve booking transparency

Simplified Booking Flow

If we reduce the number of booking steps, families will feel less overwhelmed and complete reservations more confidently.

Family-Focused Content

If we highlight amenities like child-friendly rooms, activities, and dining, parents will perceive the resort as more welcoming and trustworthy

Transparent Pricing

If we display clear costs upfront, families will trust the platform more and reduce frustration during checkout.

Warm Visual Identity

If we use colors and imagery inspired by the Isle of Skye, the digital experience will feel local, inviting, and memorable — strengthening emotional connection.

Visual System

Color Logic


Primary (Forest Green):
Anchors brand in Isle of Skye’s natural landscape.


Secondary (Purple):
Reinforces premium positioning.


Accent (Gold):
Used strategically for CTA emphasis.


Dark Mode:
Improves accessibility and enhances luxury tone.

Color Logic


Primary (Forest Green):
Anchors brand in Isle of Skye’s natural landscape.


Secondary (Purple):
Reinforces premium positioning.


Accent (Gold):
Used strategically for CTA emphasis.


Dark Mode:
Improves accessibility and enhances luxury tone.

Typography


Montserrat:

structure and clarity.


Lora:

elegance and luxury tone.


Defined 8-point type scale system.

Typography


Montserrat:

structure and clarity.


Lora:

elegance and luxury tone.


Defined 8-point type scale system.

Key Experience Improvements
Key Experience Improvements

Landing Page

Landing Page

  • Replaced auto-scroll images with dynamic video for emotional engagement.

  • Horizontal booking bar reduces clutter.

  • Availability CTA placed above fold.

Accommodation Booking
Accommodation Booking
A clearer, shorter booking flow
A clearer, shorter booking flow


  • Hover-based availability indicators.

  • Card grid enables quick comparison.

  • Text added to color-coded calendar for accessibility.

Spa & Wellness
Spa & Wellness
Showcasing relaxation at a glance
Showcasing relaxation at a glance

al Focus:

  • Clear time-slot booking system.

  • Dedicated kids section reinforces family focus.

Activities
Activities
Family fun, simplified
Family fun, simplified


  • Bright, child-friendly imagery

  • Grid of activity cards

  • Hover states for interactivity

ITERATION
ITERATION
Major improvements:
Major improvements:


  • Simplified navigation from boxed icons to clean text.

  • Improved whitespace consistency.

  • Logo repositioned to reduce cognitive load.

  • Refined button radius for stronger CTA presence.

Learning & Reflection
Learning & Reflection
This project strengthened my ability to:
This project strengthened my ability to:


  • Build scalable visual systems

  • Apply grid consistency

  • Balance brand expression with usability

  • Iterate based on structured feedback


Future improvements would focus on usability testing metrics and A/B testing booking flows.

Challenges
Challenges
Balancing Luxury and Familiarity
  1. Balancing Luxury and Familiarity

The goal was to create a refined, premium visual identity while still feeling approachable to families. Early design explorations looked too formal or corporate, so I reworked the layout and color palette to add warmth and softness without losing the brand’s elegance.

Visualizing Calmness Without Stagnation
  1. Visualizing Calmness Without Stagnation

The Haus Resort brand was inspired by the tranquility of the Isle of Skye. Translating that serenity digitally required movement to prevent the interface from feeling static or dull.

Organizing Multi-Service Bookings
  1. Organizing Multi-Service Bookings

Families wanted to explore accommodations, spa, activities, and weddings — all with different booking logic. Designing a consistent flow across these distinct services demanded clear hierarchy and simplified navigation.

THANK YOU
THANK YOU
THANK YOU
End of page, not the end of story.

Every journey starts somewhere. This one? It starts with Somi.

Let’s design, build, or just share a laugh over

Or

Drop a message on Social media

© Copyright 2025.

Crafted with imagination🧠, fueled by Caffeine ☕✨, shaped by deadlines, and saved by “Ctrl + Z.”

Thanks for stopping by — you’re officially part of the experiment now. ⚡

Crafted with imagination🧠, fueled by Caffeine ☕✨, shaped by deadlines, and saved by “Ctrl + Z.”

Thanks for stopping by — you’re officially part of the experiment now. ⚡

Created by

in

Create a free website with Framer, the website builder loved by startups, designers and agencies.