Case study · 2026
Hanaditech website
A new website for an environmental monitoring and consultancy company in Qatar, replacing an outdated template site. Built, hosted and handed over end to end.
Overview
Hanaditech (Hanadi Electricals & Technical Services) is an environmental monitoring and consultancy company in Qatar. I built their new website end to end, from the page content to hosting and handoff. It went live at hanadiservices.com in October 2026.
The problem
Their previous site was an outdated template site:
- Much of the content was generic template text that didn't describe their services.
- The quote form wasn't working reliably.
What I built
A new custom site, written from the company's own brochure and certificates.
The front end is React + Vite. Every page is pre-rendered to static HTML at build time (16 pages), so pages load fast and search engines see the full content without running JavaScript.
Pages: Home, a services overview with 8 service detail pages, About (company timeline, mission and values), Certifications (an overview, an ISO 14001:2015 page with a downloadable certificate, and an Ashghal approval page), Contact and a Privacy Policy.
The contact form posts to a small Cloudflare Worker API. It checks Cloudflare Turnstile (bot protection) on the server, validates the input, and emails the company through Cloudflare Email Routing with Reply-To set to the visitor.
The site runs on Cloudflare Workers with static assets, on the company's own domain with HTTPS and a www to root redirect.
Highlights
- 16 pages pre-rendered to static HTML for speed and SEO
- Contact form API on a Cloudflare Worker: server-side Turnstile check, input validation, email via Email Routing with Reply-To set to the visitor
- Per-page titles and descriptions, canonical URLs and a sitemap
- Open Graph and Twitter tags with a custom 1200×630 preview image
- Responsive from 320px phones to desktop
- WCAG AA color contrast and accessible form errors
- Code in the client's own GitHub account, deployed automatically on every push via Cloudflare Workers Builds
- A 22-page handoff and maintenance guide (PDF) for their IT staff
Stack
Outcome
The site is live at hanadiservices.com and indexed in Google Search Console. The code is in the company's own GitHub account, every push deploys automatically, and with the handoff guide their IT staff can edit and maintain the site themselves.