Concept build · Salalah

Fazayah Resort website design for Salalah, a concept build

Open the live site Plan a site like this

Fazayah, a family-run beach and hill resort on the Dhofar coast west of Salalah, is a fiction we created for this concept. Its website is pitched at Gulf families planning a Khareef trip and at winter-sun visitors from further away, with a straight guide to each season, rooms shown as numbered postcards and a booking calendar that prices every night by its season. Try the season switch, the calendar or the price line: they all work, though no room can actually be booked.

A concept build: Fazayah is a fictional brand we created to show how we design and build a resort website for Salalah. It is not a client and not a real company; our client work is on the work page.

The complete homepage, live

Both frames run the real site. Scroll inside them, try the season band with arrow-key tabs for the three seasons of the year, which recolours the captions and updates every room's rate, or open it in a new tab.

Desktop, 1440 px wide. Scroll inside the frame to move through the live homepage.Tap the picture to open the live site.

Phone, 390 px wide. Live and scrollable.

How we designed a resort website for Salalah

Three seasons, told straight
The Dhofar coast is a different place in the Khareef, in Sarb and in winter, so the page lets you choose a season and follows it: captions change colour, the stamps on the room postcards show that season's rate, and a line under the header names the season you are seeing. The Khareef section gives the dates, temperatures and sky with each fact cited to a dated official source, and keeps the resort's own advice apart from the climate facts.
A calendar priced by night
Salalah rates move with the Khareef and with Thursday and Friday nights, so every night on the calendar is coloured by its season and shows its rate for the room you chose. A stay that crosses 21 September is split into its seasons in the price line, each season's minimum stay is checked as you pick, and a side card offers nearby mid-week dates that cost less. Every line of the price, the airport transfer and the 30% deposit stay in view before you give your details, with a separate line where taxes and fees are added before you pay.
Room for grandparents and toddlers
Many Khareef guests travel as three generations, so the practical answers sit up front: connecting rooms, villas on one level with no steps, a halal kitchen with no alcohol, a prayer room and separate majlis seating. The booking form tells you when a party will not fit the room you picked and suggests another, and the airport driver is priced by car size, a sedan or a family van.
Like a guide to the coast
Solid blocks of Shell, Mist, Sea slate and Husk brown, Young Serif headings and hand-set room numbers make the page read like a well-made guide to the coast. Hibiscus red is kept for the booking buttons alone, so the way to book is never in doubt. Getting here is a drawn sketch of the coast road from the airport, marked not to scale, with its own simpler version for phones.

What the homepage includes

Hero with a quick rate search
Season band
The Khareef, explained
Rooms and villas
Direct booking calendar
Families
Dining
Getting here
Nearby places
Deposit and cancellation
Groups and events
Contact

Features and interactions

Season band with arrow-key tabs for the three seasons of the year, which recolours the captions and updates every room's rate
A booking calendar where each night shows its season colour and its rate for the chosen room, with keyboard navigation and season jump buttons
A price line that splits a stay by season and weekend nights and adds the airport transfer, an extra bed and the 30% deposit
A mid-week card that finds nearby dates for the same room that cost less, and moves the booking to them in one tap
A room fit check that suggests another room, or the extra bed, when the party is too large
A quick rate search in the hero that carries dates, guests and room into the booking form, then a two-step request that ends in a demo confirmation (nothing is sent or charged)
Nearby places filtered by season, with the cards sliding into their new order

The whole page, top to bottom

Desktop at 1440 px, the full homepage. Scroll the picture, or open the full screenshot.

Phone at 390 px, the full homepage. Open the full screenshot.

Palette and type

Shell #F7F3EC
Mist #E3E6E1
Sea slate #34525C
Husk brown #6F5136
Hibiscus #B9473E

Type: Young Serif (400), Nunito Sans (400, 600, 700), Aref Ruqaa (700, for the Arabic name).

Languages: English.

How it is built

Hand-built HTML, CSS and JavaScript, no framework
GSAP 3.15.0 with ScrollTrigger, SplitText and Flip
Lenis 1.3.26 smooth scrolling
Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
Booking calendar and season pricing in plain JavaScript, with inline SVG for the coast road drawing
Homepage weight about 1 MB on desktop and about 710 KB on a phone, measured on our machine on 28 Oct 2026

Need a resort website like this?

We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See what goes into hotel websites, our web development service, our website prices and how we work with businesses in Oman, or browse every concept build.

Questions

What do guests need to see on a Salalah resort website before they book?

Guests choose Salalah by season, so show what each one is really like: the Khareef mist and green hills, the clear weeks of Sarb, and the winter sun. Then give each room with its size, who it sleeps and its rate in each season, how to get there from Salalah airport, and the deposit and cancellation rules in plain words. Families also look for halal food, connecting rooms and whether alcohol is served.

How should a Salalah resort show rates that change in the Khareef?

Price every night by its own season and show it on the booking calendar, so a guest can see where the Khareef starts and ends. When a stay crosses from one season into the next, split the price line so the total is easy to check. State the minimum stay for each season before the guest picks dates, not after.

Should a resort website in Oman take bookings or enquiries?

Usually both, for different guests: a direct booking request for rooms, with every line of the price and the deposit shown before the guest gives their details, and a separate enquiry form for groups, weddings and full buyouts. Keep a WhatsApp link and a phone number in view, because many Gulf guests prefer to ask a question first. A group enquiry should ask for the dates, the number of guests and the rooms needed, so the reply can be a real quote.