An Arabic-first website and dashboard for a Riyadh automatic-door company: a welcome that slides open, glass that reflects as you scroll, and a map that turns any Saudi city into a quote request.
- Client
- Alamina
- Year
- 2026
- Market
- Saudi Arabia
- Services
- Website Development · UI & UX Design
The brief
An automatic-door company sells the moment a door opens for you. Its website had to do the same: open on arrival, and turn a visitor in any Saudi city into a quote request.
01 · The goal
A sales site in Saudi Arabic first and English second, for a Riyadh company that supplies, installs and maintains automatic doors across the Kingdom.
02 · What we built
A Next.js site with a Payload dashboard: quote requests with statuses and notes, careers with CVs, and services, client logos and work photos the team updates themselves.
03 · The result
Live at alamina.sa. Every page ends in one clear action, request a quote: by form, by email, or by tapping your city on the map.
The home page
It opens before you arrive
The site loads behind a pair of sliding doors that part on the brand's LED sign. From there the page moves like an entrance: glass panes slide across the story as you scroll, services drop in like shutters, and the route ends at the quote form.
Phone first, in Arabic first. The reflections under each phone are the real pages.
Signature details
Built from the product itself
01
A welcome that slides open
Every visit starts behind two glass leaves carrying the logo. They part on a soft blink of the sensor light, the way the real doors do.
02
Glass you scroll through
In the story section two glass panes travel across the photo as you scroll, catching reflections on the way.
03
A map that sells
All 13 regions of the Kingdom on an outline map. Pick a region, then a city, and the quote form opens with it filled in.
04
One form, no dead ends
The request is saved to the dashboard the moment it is sent, with the city, the service and the page it came from.
05
A dashboard in the brand's colours
Requests, job applications, services, client logos and work photos, in Arabic or English, under the Alamina logo.
Mobile menu
A menu that drops like a shutter
On phones the menu is a rolling shutter. It drops slat by slat, the logo lights up like a shop sign, the quote button hangs as a lamp, and a pull chain sends it back up.
Every page
Built for the thumb
Services, projects and the quote path keep the same rhythm on a phone: big photos, short Saudi Arabic copy, one gold button.
English at the entrance, Arabic on site.
Identity
Night, glass and one warm light
The palette comes from an entrance at dusk: deep navy, ivory, and the gold of the light behind the doors. One typeface, Readex Pro, carries Arabic and English.
Logo
Colour
- SignatureGold#d9a45b
- On lightDeep gold#8f5f1d
- BackgroundNight#0a1220
- BandsDusk#16233a
- Text on darkIvory#f4eee4
- Light pagesPaper#fbf8f3
- CardsSand#e9dfcf
Typography
أب Aa
Readex Pro
Arabic and English
It opens before you arrive.
In numbers
13
Regions on the coverage map
45
Cities one tap from a quote
6
Service lines, each with its own page
