← Back to work

03 — Visual & Web Design

Haus Hotel

A website for a boutique Glasgow hotel that blends elegance and hospitality in every detail — where finding and reserving a room feels as considered as the stay itself.

Haus Hotel website
RoleVisual & Web Designer
FocusBrand · UI · Booking UX
PlatformResponsive Website
ToolsFigma
Brandidentity & visual language
Web UIeditorial, responsive design
Bookinga frictionless journey

01 · The Brief

Where rooms redefine your story

An immersive showcase paired with effortless booking.

Haus is one of Glasgow's most exclusive boutique hotels, with rooms and services tailored to every guest. The goal was a website that lives up to that promise — an editorial showcase of the property paired with a booking experience that feels effortless rather than transactional.

Process

Research, distilled

The full discovery-to-wireframe trail, for anyone who wants it.

Research Audience, empathy map & personas

Understanding the discerning guest — travellers who value design, comfort and a sense of occasion.

Target audience
Empathy map
POV statements
Persona 1
Persona 2
Competitor Analysis Benchmarking boutique hotels

Benchmarking boutique-hotel sites revealed an opportunity: most buried booking behind clutter. Haus would make reserving the most graceful moment on the page.

Competitor analysis
Proposed features
Wireframes & Iterations Structure, IA & flow

One continuous, unhurried path from browsing to booking.

Design process
Information architecture

Wireframes tested the layout and booking journey before any visual polish.

Low fidelity wireframes
Mid fidelity wireframes

Visual Direction

Translating tactile luxury into pixels

Warm neutrals, refined type and generous imagery — from mood board to system.

Mood board
Visual design research
Branding
Design system

Luxury online is mostly restraint — knowing exactly what to leave out.

Deliver

The final website

An immersive homepage that leads from inspiration to booking in one elegant scroll.

hausglasgow.com
Haus landing page — full scroll

↕ scroll inside the frame to explore the full landing page

Haus home detail
hausglasgow.com — pages
Haus additional pages

↕ scroll inside the frame to view more pages

In Motion

Haus, brought to life

Reflection & Prototype

What I learned

Designing for luxury taught me the discipline of subtraction — every element earns its place, and white space does as much work as imagery. My illustrator's eye for composition translated directly to pacing the page.

View the full visual design & prototype ↗