Hakeem — Systems, Structure & Digital Experience
Turning a technical aluminium-systems catalogue into a clear digital experience: information architecture, content, imagery and an adapted WordPress implementation.
The contribution.
- Developed the sitemap, page hierarchy and systems taxonomy.
- Organized technical content around the company catalogue and actual product range.
- Prepared website content and selected or created supporting imagery, including AI-assisted visuals where appropriate.
- Adapted the Windazo theme to the Hakeem identity using WordPress and WPBakery.
- Built page sections, navigation, calls-to-action and responsive layouts.
A catalogue becomes a journey.
The structure connects sliding, hinged and casement, folding and curtain-wall systems with customization, installation and contact. My work joined the technical content, brand direction and implementation into one website.
The complete homepage.
An archived full-page capture, from the opening message through systems, manufacturing, project imagery and the enquiry route. Open the image to inspect the entire page.
Understanding the company.
The About page connects positioning, manufacturing, quality and project context. The Systems page organizes the offer into distinct product families.
From selection to customization.
Customization has its own page and enquiry route, rather than being compressed into a generic product grid.
The structure behind the screens.
The original site tree connects the main navigation with the aluminium-system families.
Planning the content, page by page.
Original planning excerpts for Home, About and Systems. The overview and detailed plans are retained together.
An enquiry is part of the experience.
The Contact outline defines practical information and the contact form. The installation journey follows product selection through quotation, preparation and final handover.
An archived view of the work.
Desktop captures preserved in September 2026 document this version of the website. The current live site may differ.
Explore the live website.
Visit HakeemThe archived screens above remain the reference for this case study.
Visit Hakeem
The wider brand system.
Credits & tools.
Website structure, content, visual direction and implementation: Mosab Abu Khaled. WordPress / WPBakery with the adapted Windazo theme, not a custom-coded framework. Technical product content was based on the company catalogue; product engineering and unsupported performance claims are not attributed to this project.
WordPress · WPBakery · Windazo theme adaptation