# SDU Boutique

> A hotel website that feels like stepping into Saudi heritage, not scrolling a booking engine.

- **Case study by**: [Mohamed Amin](https://aminuix.com)
- **Date**: Jun 5, 2026
- **Tags**: Hospitality, Brand & web
- **Role**: UI/UX Designer
- **Timeline**: 2026
- **Team**: Solo study
- **Platform**: Web, tablet & mobile
- **View full case**: https://www.behance.net/gallery/250629769/SDU-BOUTIQUE-WEBSITE

![SDU Boutique: hotel website UI/UX design by Mohamed Amin](https://aminuix.com/api/media/file/sdu-cover-hq-1600x1200.webp)

## The Real Problem

Boutique hotels in Saudi Arabia compete with global chains, and most of their websites look the same: white pages, stock photos and a booking form. SDU Boutique is a hospitality brand built on something very specific, the intricate art of Sadu weaving and the stability and depth of the Saudi land. A generic template would erase the very reason the brand exists.

So the challenge was twofold. The site had to make people feel heritage and quiet luxury the moment it loads, in Arabic first. And it still had to do the practical job: help a guest pick a destination, understand the rooms and get in touch, without friction. This case study follows the hotel website UI/UX design from the first moodboard to responsive, right-to-left screens.

![SDU Boutique hotel website UI/UX design: the real problem](https://aminuix.com/api/media/file/sdu-shot-01-hq.webp)

## Finding the Direction

I treated it like a brand project before a UI project, and moved through six stages: briefing, market and competitive analysis, moodboard and references, concept development, wireframing and prototyping, and visual design.

The moodboard settled on one feeling: modern heritage. Deep burgundy leads, followed by dark green, cream and black, in fixed proportions so no screen drifts off-brand. Two design statements guided every decision afterwards:

- **Sculptural textures.** Interface surfaces that echo the tactile, woven essence of Saudi heritage.
- **Soft directional light.** Lighting in the imagery guides emotion and depth through every screen.

![SDU Boutique hotel website UI/UX design: finding the direction](https://aminuix.com/api/media/file/sdu-shot-02-hq.webp)

## What I Designed

The site is built around five pages, structured the way a guest plans a stay rather than the way a hotel is organized:

- **Home.** "Experience luxury as it should be", with the essentials up front: 4 boutique destinations, 85 rooms and suites and a 24/7 dedicated guest service, then a destination carousel and a closing invitation to start your story at Sadu.
- **About.** The concept of Arabian devotion: the brand's history and culture, its values (authenticity, generosity, uniqueness, ambition), its vision and mission.
- **Hotels.** Each property, such as SDU Boutique Al Madinah, with its suites, services, apartments and gallery.
- **Contact.** "Every stay begins with a message": one form and a directory of the hotels in Al Madinah, Riyadh, Al Khobar and Jazan.

![SDU Boutique hotel website UI/UX design: what i designed](https://aminuix.com/api/media/file/sdu-shot-03-hq.webp)

## Beyond the Screen

A hospitality brand lives far outside its website, so I carried the identity into brand applications and a campaign built on three lines: living civilization, luxury hospitality, authentic experience. Seeing the same textures and palette on signage and print was the real test that the system holds together.

![SDU Boutique hotel website UI/UX design: beyond the screen](https://aminuix.com/api/media/file/sdu-shot-04-hq.webp)

## What I Had to Work With

This was a self-initiated study, so there was no client brief to lean on. I wrote my own, then held myself to it. Everything was designed Arabic-first and right-to-left, across desktop, tablet and mobile, and the copy had to stay short enough that the imagery could carry the mood.

![SDU Boutique hotel website UI/UX design: what i had to work with](https://aminuix.com/api/media/file/sdu-shot-05-hq.webp)

## What I Learned

**Heritage lives in the details.** It is texture, light and proportion that make the site feel Saudi, not ornaments added on top.

**Arabic-first is its own layout.** Designing right-to-left from the start produced a calmer, more natural reading flow than mirroring an English page ever would.

![SDU Boutique hotel website UI/UX design: what i learned](https://aminuix.com/api/media/file/sdu-shot-06-hq.webp)

Next project: [Deepal GB](https://aminuix.com/case-study/deepal-gb-website-mobile)