Case study · Salmurci

Rooms bythe Mosque.

A booking website for pilgrims travelling to Makkah: search accommodation near the Holy Mosque by stay dates, nationality and budget, compare rooms side by side, and book straight through to checkout.

Booking websiteTravel & hospitalitySearch & checkout
Salmurci product screen
What Salmurci does
Distance to the Mosque on every cardSearch by dates, nationality & priceGuest accountsMulti-language
01 — The product

A booking site organised around one landmark

For a stay in Makkah the decisive detail is not a star rating, it is the walk to the Mosque. The whole site is arranged so that distance, dates and price are visible before a guest ever opens a room.

Distance leads the listing

Every room shows how far it is from the Mosque alongside size, bedrooms and bathrooms, so proximity is compared first, not discovered on arrival.

Nationality is a filter, not an afterthought

Guests search by nationality as well as dates and price, reflecting how accommodation for the pilgrimage is actually organised and quoted.

A booking that completes online

From a room to a confirmed stay is a booking form, a checkout and a thank-you page, so a guest reserves without a phone call or a broker.

02 — The problem

Why does booking a room in Makkah need its own site?

A general travel site answers the wrong question. It ranks by stars and photos, when the traveller only wants to know how close the room is, whether it is free on their dates, and what it costs, in that order.

Three things had to lead: distance to the Mosque on every card, a search built for exactly the filters a pilgrim uses — dates, nationality, price — and a reservation that completes online without a phone call or a broker.

03 — Goals & challenges

What Salmurci had to get right

For a stay in Makkah the decisive detail is not a star rating, it is the walk to the Mosque — the goal was to put that, and nothing else, first.

Goals

Distance first, everything else after

  • Lead with distance. Every room shows its walk to the Mosque alongside size and price.
  • Search on what a pilgrim actually uses. Dates, nationality and price, and nothing to wade through.
  • Let a booking complete online. A form, a checkout and a thank-you page, no call and no broker.
  • Serve more than one language. A switcher in the header for an international audience.
Challenges

Why it was hard

  • A general travel site ranks by stars and photos, when proximity is the only fact that matters here.
  • Nationality is part of how pilgrimage accommodation is actually quoted, not a standard filter to borrow.
  • A room has to be comparable side by side rather than judged one at a time over messages.
  • Guests need to log back in and manage a stay themselves, not chase a broker for updates.
04 — Screen by screen

From a search to a confirmed stay

The path a guest walks from the landing page to a booked room, and the marketing pages that sit around it.

Search opens on the landing pageRooms ranked the way a pilgrim ranks themThe full picture of one roomTurn a room into a reservationComplete the booking onlineA stay on the record

Search opens on the landing page

Search

Check-in, check-out, nationality and price sit on the hero, so a guest starts a search the moment they arrive.

Rooms ranked the way a pilgrim ranks them

Listings

Each result shows distance from the Mosque, room type, size, bedrooms, bathrooms and amenities, with pagination through the full set.

The full picture of one room

Detail

A single listing opens to its detail view, where the amenities, layout and price for the chosen dates are laid out in full.

Turn a room into a reservation

Reserve

The booking form captures the stay and the guest, carrying the chosen room and dates straight through from the listing.

Complete the booking online

Pay

Checkout confirms the reservation details and closes the booking without a call or a broker in the middle.

A stay on the record

Thank you

The thank-you page confirms the booking is made, so the guest leaves with certainty rather than a promise.

05 — The room, up close

What does a pilgrim check before booking?

One room, one screen — every real decision point sits on it: the type, the distance, the photos, the price and the dates that make it available.

Salmurci room detail view for a Junior Suite near the Holy Mosque
1Room type, named plainly

Junior Suite, Apartment — the room type is stated up front, not buried in a gallery.

2Distance to the Mosque

200m from Mosque sits right beside the title — the one fact that decides a Makkah booking.

3The room, in photos

A photo gallery with thumbnails lets a guest judge the space before reserving.

4Price per day

The nightly rate is shown plainly against the dates being searched.

5Check-in and check-out

Dates carry straight through from the search into the room's own booking panel.

6Party size

Adults are set here before the booking moves on to checkout.

06 — Visual design

The look, and why

A warm sand-gold sits over a deep travel-blue backdrop, evoking the Haram at dusk without ever using imagery that isn't the guest's own booking journey.

Colour
Sand gold
#B89A63
Deep gold
#8A6A32
Ink
#1A1712
Body
#4E4A44
Mist
#F7F4EE
Line
#E9E3D7
Typography
Display · 700Rooms by the Mosque
HeadingThe walk to the Mosque
Body · InterEvery room shows how far it is from the Mosque.
Label · MonoDATES · NATIONALITY · PRICE
FAQ

Building an accommodation booking website

How long does it take to build a hotel booking website?
A booking site with search, listings, a reservation flow, checkout and guest accounts is typically a several-week build rather than a few days. Most of the time goes into the search and availability logic and the checkout, not the marketing pages, so we build the booking engine first and wrap the brand pages around it.
What makes a Makkah accommodation site different from a normal travel site?
The decisive detail is the walk to the Holy Mosque, so distance leads every listing rather than a star rating. Salmurci also filters by nationality alongside dates and price, because that is how accommodation for the pilgrimage is quoted, and the whole layout puts proximity, availability and cost first.
Can guests book and pay without contacting anyone?
Yes. A guest moves from a filtered search to a room, through a booking form and checkout, to a thank-you confirmation without a phone call or a broker. Guest accounts let them log back in to manage the stay afterwards.
Does the site support more than one language?
It is built for an international audience with a language switcher in the header, so guests travelling to Makkah from different countries can search and book in a language they read. The content model keeps each page translatable rather than hard-coding one language.
Let's build

Building a booking site of your own?

Tell us what actually decides a booking for your guests and we'll tell you honestly what it takes to build a site around it. No deck, no pitch.