Skip to main content
ChintoLabChintoLab
Al Rimal home page hero: headline, intro line and the two primary actions over the villa landscape
Case Studies

Al Rimal Website: a case study

A landscaping company website built only from verified facts, with concept visuals in place of project photos and an enquiry form that hands off to WhatsApp.

ChintoLab TeamSeptember 11, 20264 min readUpdated September 14, 2026
A landscaping company website built only from verified facts, with concept visuals in place of project photos and an enquiry form that hands off to WhatsApp.

Al Rimal Landscape & Gardening is a landscaping contractor in Dubai. It designs, builds and maintains villa gardens, pools, outdoor kitchens, pergolas and lighting. Enquiries arrive on WhatsApp and by phone, and Jawad Zafar, the Landscape Manager, answers them.

When the project started the business had a brand, a logo, seven named services and three verified contact details. That was the whole inventory. There was no domain, no photography of finished work, no written reviews and no office address that could be published.

ChintoLab built a fourteen route website on that inventory alone. It runs on Cloudflare Workers and turns a completed enquiry form into a WhatsApp message the customer sends from their own phone.

The problem

Anyone in Dubai who found Al Rimal had nothing to look at. A landscaping job is a large purchase, and a buyer wants to see what a company does before messaging a stranger. With no website, the first impression was a phone number.

The obvious fix creates a worse problem. The usual way to fill an empty services site is to invent what is missing: a founding year, a project count, a row of five star reviews. For a business that will put its name on a contract, a claim it cannot back up is a liability. The client ruled all of it out before a line of code was written.

That left the real constraint. The site had to read as an established premium contractor while stating nothing the business could not prove, with no photographs of the company's own work.

What we built

The imagery question was settled first. The thirty five landscape visuals are generated design concepts, and the site says so everywhere they appear. Captions read "Landscape Concept" or "Design Inspiration", the words "our portfolio" and "completed projects" occur nowhere, and the concepts page opens with a note explaining what the images are. A visitor sees the standard the company works towards, never a claim of finished work.

Al Rimal home page: the concept showcase with the note that the images are design concepts

The copy follows the same rule. Every page was written from the seven services and the verified contact details alone. Jawad Zafar is named as Landscape Manager and never as founder or owner, because that is the only title the business confirmed. To keep it that way after handover, the QA suite crawls all fourteen routes and fails on a list of forbidden phrases: years of experience, award winning, established in, trusted by, and their variants.

The enquiry form was shaped around how the business already works. On a valid submission it does not show a thank you page. It shows the enquiry written out as a message, with a button that opens WhatsApp with that message in place, sent from the customer's own number to the one Al Rimal already answers. The same enquiry is posted to an email endpoint in the background, and the page only claims an email was sent when the endpoint confirms it.

The enquiry form after a valid submission, showing the written message and the Send on WhatsApp button

Hosting was chosen on cost and terms. Vercel's free plan prohibits commercial use, so the site moved to Cloudflare Workers, whose free tier allows it. That tier meters image transforms, so none are used: sharp builds every image at four widths with a blur placeholder at build time, and a custom loader maps each request to a file that already exists.

Several things were deliberately not built. There is no CMS, no database, no user accounts and no blog. The lightbox is the browser's own dialog element and parallax is CSS animation-timeline with no scroll listener. When the condensing header moved the page 26 pixels mid-scroll, the bar became fixed with a spacer holding its place, and the same trace now measures zero drift.

A service page at the full width concept break, with the condensed header
A concept opened in the lightbox, with its label, title and link to the related service

Results

  • LCP under 2.5 seconds and CLS under 0.1 on every route, measured on Fast 4G with a 4x CPU throttle and a cold cache.
  • A full crawl of all fourteen routes passes with zero failures, including the forbidden phrase check.
  • Twelve accessibility checks and twenty four enquiry form checks pass on every build.
  • Concept captions over photographs are checked at the pixel level and measure 4.92 to 1 at worst, against 4.5 required.
  • 175 image files are served from 35 masters with no transforms at request time, and hosting costs nothing.

The site launched recently, so enquiry and conversion figures do not exist yet.

Features

  • WhatsApp handoff: a valid enquiry is shown as a written message with a button that opens WhatsApp with it in place.
  • Concept labelling: all 35 visuals carry a concept caption, and the concepts page opens with a note explaining what they are.
  • Service pages: seven pages from one template, each with a full width image break, four FAQs, breadcrumbs and FAQ structured data.
  • Static image pipeline: sharp builds WebP at four widths plus a blur placeholder per image, served with no transforms at request time.
  • Native lightbox: the gallery opens in the dialog element, so focus trapping, Escape and backdrop closing come from the browser.
  • Condensing header: past 220 pixels the bar drops from 96 to 70 pixels and the lockup gives way to the symbol, with no movement of the page beneath.
  • Content rules QA: an automated crawl checks metadata, headings, alt text, contact links and forbidden phrases on all fourteen routes.

Built with

Built with Next.js 16, React 19, JavaScript, Tailwind CSS v4, sharp, Puppeteer, and Cloudflare Workers through the OpenNext adapter and Wrangler.

Start a project like this

Related service

Web Development

We build fast, responsive websites and web applications that help businesses look professional, rank better on search, manage content easily, and turn visitors into customers with online growth tools.

Explore service

Ready to Build Smarter Systems?

ChintoLab creates modern digital systems that help businesses work smarter, manage better, and grow faster.

Share this article

X LinkedIn

ChintoLab Team

ChintoLab