Iqra Aluminium & Glass — Web Design, 3D Configurator, Bilingual by Abdullah Haroon, Abu Dhabi, UAE
All work

Iqra Aluminium & Glass

A bilingual site for an aluminium, glass and marble workshop in Mussafah, with a 3D product studio, a gate designer, a 68-product catalogue and real job photos, all leading to WhatsApp.

Role
Design · Development · SEO
Year
2026
Status
Live
Discipline
Web Design, 3D Configurator, Bilingual
iqra-aluminium-glass.ae
01

Overview

Iqra Aluminum Glass & Marble Works makes doors, windows, glass partitions, curtain walls, cast aluminium gates, kitchens and marble in its own Mussafah workshop, then installs them across Abu Dhabi.

The domain was showing a hosting placeholder. The brief was a site that could sit next to international architectural firms and still sell to a villa owner on WhatsApp.

Homepage — service slider and the quote path
02

The problem

This trade is bought on trust and on pictures. A buyer wants to see the exact door in the exact colour before asking for a price, and in Abu Dhabi they want to read about it in Arabic or English.

Competing sites in the sector rarely had real Arabic, a quote form that worked, or any proof from the workshop itself.

Arabic homepage — native right-to-left
03

Strategy

Show first, then ask. 17 service pages, a 68-product catalogue and 4 area pages answer the buyer's questions, and each one ends in a quote or a WhatsApp message with the product already named.

An Explore-by-space switcher for villas, offices, shops and buildings lets a visitor start from their own project instead of from a list of services.

Product range and Explore by space
04

Design

Deep navy and the workshop's own lime green, with liquid-glass buttons and cards. In the 3D studio a visitor rotates a sliding door, casement window or curtain wall, changes the frame colour and glass, and sends the choice to WhatsApp.

Arabic is laid out natively right-to-left with its own type scale, not mirrored from the English.

3D studio — rotate, recolour, send to WhatsApp
05

Development

A hand-built static site from a Python generator: 72 pages in English and Arabic, hreflang, an image sitemap and schema on every page. No CMS and no plugins to patch.

The Three.js models are self-hosted and load only when they scroll into view. The gate designer turns width, height, style and finish into a 3D preview and a WhatsApp brief, and the five-step quote wizard accepts photos and drawings behind spam protection and rate limits.

Cast aluminium gate designer with a live 3D preview
06

Result

A workshop that now sells on its own work: 118 real job photos filtered by trade, 6 bilingual buying guides, and a phone layout with one call, WhatsApp and quote bar that stays in reach.

Lighthouse scores 100 for accessibility, SEO and best practices, and 98 for desktop performance.

Phone layout — one call, WhatsApp and quote bar
More from the build

Catalogue images are marked as illustrations on the site. The projects gallery shows real Iqra jobs only.

What it adds up to
  • Fully bilingual — 72 pages in English and Arabic RTL
  • 3D product studio and cast aluminium gate designer
  • 68-product catalogue and 118 real job photos
  • Five-step quote wizard with file uploads
  • Lighthouse 100 for accessibility, SEO and best practices
Want something like this for your business?

Send a one-paragraph brief and I'll reply within 24 hours with fit, price, and when I can deliver.

Website development services, process and prices →

Next project
Golden SeaNext project — Golden Sea, Real Estate, Portal, Search by Abdullah Haroon
Real Estate · Portal · Search