01Aluminium joinery
Doors and panels in aluminium that combine looks, durability and a modern line, for homes and businesses.
Menuiserie aluminiumGhammartiAluminium
Shaping the future of architecture
Through premium aluminium and glass engineering solutions
Précision, rigueur, qualité maîtrisée
Ghammarti Alu
A website for a Rabat aluminium and glass contractor, drawn as precisely as the frames it builds.
- Client
- Ghammarti Alu
- Location
- Rabat, Morocco
- Year
- 2025
- Role
- UX & UI design, build
- Platform
- WordPress
- Live
- ghammartialu.com
The homepage, annotated
Eight details from top to bottom. Pick a note to jump to it, or let the page scroll on its own.
Built to look as solid as the work
- UX research and strategy
- Interface architecture
- Visual design
- Web design and build
The brief
Ghammarti Alu is a team in Rabat that designs and installs made-to-measure aluminium and glass: windows and doors, glass staircases and shower walls, pergolas and verandas. Most of its work comes from homeowners, architects and businesses who need to trust a contractor before they let one on site.
What I built
A dark, architectural site where every page communicates precision. A fixed sidebar keeps the menu in reach, the services and projects are shown in large photographs, and one signal yellow, taken from the logo, marks everything that leads to a quote.
The quote form asks for the service and the expected timeline up front, so each request arrives ready to price.
The result
A professional presence that speaks to B2B clients and homeowners alike, with a clear path from a project photo to a quote request on every page.
Three services
The site’s three services, with the photographs and copy they carry on the homepage.
0102Glass and aluminium spaces
Shower walls, glass staircases and made-to-measure fittings that bring in light without giving up safety.
Espaces verre & aluminium
03Outdoor structures
Aluminium pergolas that make a sheltered place to sit outside, with a clean design and a sturdy frame.
Aménagement extérieur+150Projets réalisés
On the site, every project photograph goes through the same yellow duotone, so work shot on different phones and days reads as one portfolio.
Vitrages
Pergolas
Vitrages
Menuiseries
Pergolas
Vitrages
Vitrages
MenuiseriesBehind the homepage
The four inner pages share the sidebar and one header band, then each does a single job.
/a-propos/
À propos
The company story, next to one large photograph of a finished pergola.
/services/
Services
Each service explained in a short column, with its own photographs underneath.
/projets/
Projets
The full archive, filtered by type, all in the same yellow duotone.
/contact/
Contact
A quote form that asks for the service and the expected timeline, so every request can be priced.
Three widths
The sidebar turns into a top bar on tablets and phones, and the service cards stack.
Desktop
Tablet
Phone
Brand system
Logo
Colour
Charcoal#111111
Sidebar#1D1E21
Light#ECEFF3
Signal#FFDE00
Type
MaîtriseHero, titlesTitillium Web
Menuiserie aluminiumBody textRoboto
AccueilMenu, labelsDosis