Skip to content
TALAL
← All work

Case study / 01

Mallath

Luxury Desert Resorts

Role
Design & development (end-to-end)
Year
2026
Stack
Next.js / React / TypeScript / Tailwind / Framer Motion
Mallath — Luxury Desert Resorts — Homepage — desert hero
Homepage — desert hero

The overview

A bilingual (Arabic-first, RTL) marketing site for Mallath, a luxury desert-resort and villa developer in Saudi Arabia specializing in heritage mud-brick architecture, pools, and landscapes. Service pages, a project portfolio, a company story, and a consultation flow — designed to feel cinematic and heritage-luxury while loading fast and converting interest into enquiries. I handled it end to end: brand design system, motion language, multi-page build, accessibility, SEO, and deployment to a custom domain.

Visit live project

01 / The challenge

Present an established, high-end Saudi resort builder to discerning clients in both Arabic and English. It had to feel like a studio made it — cultural, premium, and trustworthy — never a generic template, and clearly guide visitors toward requesting a private consultation.

02 / The response

A cinematic, Arabic-first experience rooted in Najdi / AlUla heritage: a single-screen hero built around the brand arch, card-free section treatments (expanding image panels, an editorial stats ledger, a typographic project index), and a calm light/dark rhythm. Built as a real multi-page site with true RTL, reduced-motion support, and a consultation form wired for lead capture — then shipped on a custom domain with HTTPS.

What shipped

  1. 01Bilingual Arabic / English with true right-to-left layout
  2. 02Cinematic scroll & motion (Framer Motion + Lenis smooth scroll)
  3. 03Card-free, custom section treatments — expanding panels, bento, typographic index
  4. 04Multi-page architecture with fast SSR / SSG (Next.js App Router)
  5. 05Accessibility-minded — WCAG AA, keyboard nav, reduced-motion, semantic markup
  6. 06SEO-ready — per-page metadata, JSON-LD, sitemap, Open Graph
  7. 07Optimized imagery & Core Web Vitals (next/image, compression)
  8. 08Self-hosted brand typography (Arabic serif-display + sans pairing)
  9. 09Lead capture via a consultation form
  10. 10Deployed end-to-end — custom domain, automatic HTTPS, continuous deploy
Mallath — Luxury Desert Resorts — Services — five disciplines
Services — five disciplines
Mallath — Luxury Desert Resorts — Projects — Qasr Al-Nakheel
Projects — Qasr Al-Nakheel
Mallath — Luxury Desert Resorts — Craft — shaped from the earth
Craft — shaped from the earth

Next case study

Bowlo