Opening page…
← 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
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 project01 / The challenge
Present an established Saudi resort builder to clients in both Arabic and English. The site needed to reflect the company's heritage, establish trust, and make requesting a private consultation straightforward.
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
- 01Bilingual Arabic / English with true right to left layout
- 02Cinematic scroll & motion (Framer Motion + Lenis smooth scroll)
- 03Card free, custom section treatments: expanding panels, bento, typographic index
- 04Multi page architecture with fast SSR / SSG (Next.js App Router)
- 05Accessibility minded: WCAG AA, keyboard nav, reduced motion, semantic markup
- 06SEO ready: per page metadata, JSON LD, sitemap, Open Graph
- 07Optimized imagery & Core Web Vitals (next/image, compression)
- 08Self hosted brand typography (Arabic serif display + sans pairing)
- 09Lead capture via a consultation form
- 10Deployed end to end: custom domain, automatic HTTPS, continuous deploy
Next case study
Bowlo