Designed and developed a full-featured e-commerce-style website for Glowia Lights — a UAE-based lights and accessories supplier. Built with Magento-inspired product variant selection (colour, wattage, size), a structured product catalogue, and an enquiry-first checkout flow — delivering a professional retail web presence without a live payment gateway.
A Lighting Supplier Without a Product-First Digital Storefront
Glowia Lights operated as a UAE lights and accessories supplier with a broad product range — but without a professional website to showcase it. Their catalogue spanned indoor, outdoor, architectural, and decorative lighting, each with multiple variants (colour temperature, wattage, size, IP rating). Without a structured digital presence, potential B2B and retail clients had no way to browse, compare, or enquire online — forcing all sales through phone and WhatsApp.
Magento-Inspired Product Catalogue with Enquiry-Led Checkout
Designed and developed an e-commerce-style website replicating the core UX of platforms like Magento — product listing pages, detailed product pages, configurable variant selectors (colour, wattage, size), and a cart-style enquiry flow — without a live payment gateway. The site allows customers to browse, configure their preferred specification, and submit a quote request, allowing the sales team to follow up and close.
A Professional Product Showcase That Drives Qualified Enquiries
Delivered a fully functional, live e-commerce-style website at glowialights.com — giving the business a structured digital storefront that communicates product range, variant options, and brand credibility. The enquiry-first checkout flow qualifies leads automatically, ensuring the sales team receives spec-complete requests rather than vague WhatsApp queries.
Project Overview
Glowia Lights is a UAE-based supplier of lighting fixtures and accessories, catering to interior designers, fitout contractors, retailers, and individual consumers. Their product range spans residential and commercial applications — from decorative pendant lights and downlights to industrial floodlights and architectural strip lighting — with each product available in multiple configurations.
The core challenge wasn't just building a website — it was building one that could handle the complexity of a product catalogue where a single fixture might come in five colour temperatures, three wattages, two sizes, and four finish options. The UX had to feel like a proper e-commerce experience — familiar, browsable, and configurable — without the operational complexity of live payments.
This was a full end-to-end engagement covering discovery, product taxonomy planning, UI/UX design, frontend development, backend catalogue management, variant logic, and SEO foundation — delivered as a production-ready, fully managed website.
View Live Site — glowialights.com →
💡 Design decision — why no payment gateway? For a B2B and trade-focused lighting supplier in the UAE, the typical sales cycle involves project quotation, specification approval, and custom bulk pricing — not instant online checkout. An enquiry-first model matches how buyers actually purchase in this category, and removes the operational overhead of payment processing, returns, and refunds at launch.
Product Catalogue & Categories
A core structural challenge was building a product taxonomy that was intuitive for both end consumers browsing by room or style, and trade buyers filtering by technical specification (IP rating, lumen output, colour temperature, driver type). The solution was a dual-layer navigation — browsable by product category, and filterable by technical attribute.
Product Variant System
The most technically complex element of this project was replicating Magento-style configurable product behaviour — where selecting a variant combination updates the product image, SKU reference, availability, and specification sheet — without a commercial e-commerce platform's backend.
The variant system was built custom, supporting multi-dimensional attribute combinations:
- Colour temperature selection: Warm white / Neutral white / Cool white / Daylight — with real-time label and spec update on selection.
- Wattage selector: Multiple power options per fixture — linked to lumen output and beam angle data in the product specification panel.
- Finish / colour swatches: Visual swatch picker updating the product hero image to show the selected finish — matching the Magento gallery-swap UX pattern.
- Size / cut-out dimension variants: Dropdown selectors for recessed fixtures where installation cut-out size varies by model — critical for trade specifiers.
- SKU tracking per combination: Each valid variant combination mapped to a unique internal SKU — pre-filling the enquiry form with the exact specification selected, eliminating ambiguity in quote requests.
🛒 Cart-style enquiry basket: Customers can add multiple products with their selected variants to an enquiry basket — then submit a single consolidated quote request. This mirrors the shopping cart UX pattern from Magento/WooCommerce, making the workflow intuitive for buyers who shop online elsewhere, while routing to a human sales step rather than a payment processor.
Design Approach
Lighting is an inherently visual product category — the website needed to showcase fixtures in a way that did justice to design, finish quality, and ambient effect. The design language borrowed from premium retail — clean white space, high-contrast product photography, restrained typography — with enough warmth to appeal to both trade professionals and end consumers.
- Product-first hero layout: Large hero imagery leading with lifestyle photography of lit spaces, establishing the aspirational context before diving into product specifications.
- Category grid navigation: Visual card-based category navigation — browse by product type, application (residential / commercial / outdoor), or brand — reducing friction for first-time visitors.
- Specification accordion panels: Each product detail page features a collapsible specification accordion covering lumen output, colour rendering index (CRI), beam angle, IP rating, driver compatibility, and certification marks (CE, RoHS) — addressing the technical needs of specifiers.
- Datasheet download integration: Downloadable PDF datasheets per product, linked from the product page — a standard expectation for trade buyers in the UAE fitout market.
- Related products carousel: Dynamic related products section cross-linking accessories, drivers, and compatible fixtures — increasing average basket value in the enquiry flow.
- Brand & certification trust bar: Above-the-fold trust signals — CE certified, RoHS compliant, UAE supplier — establishing credibility for B2B clients evaluating new suppliers.
Development & Technical Implementation
Custom Variant Engine
Built a bespoke product configurator replicating Magento's configurable product pattern — mapping multi-attribute combinations to unique SKUs, updating images, specs, and enquiry form data dynamically. No commercial e-commerce platform required; built with PHP backend + vanilla JS frontend.
Enquiry Basket & Quote Flow
Implemented a session-based product basket where customers add configured products, review their selection, and submit a consolidated quote request. The submitted enquiry includes full variant detail (SKU, spec, quantity) — giving the sales team everything they need to respond with an accurate quote.
Product Catalogue CMS
Built a backend product management system allowing the client to add new products, update specifications, upload images per variant, attach datasheets, and manage category assignments — without developer involvement. Supports bulk product upload via CSV for large catalogue additions.
Product Search & Filtering
Implemented real-time product search and multi-attribute filtering — filter by category, application type, colour temperature, IP rating, and wattage range simultaneously. Built with PHP-driven AJAX filtering for instant results without page reload.
Responsive & Mobile-First
Fully responsive layout with deliberate mobile UX for the product configurator — touch-friendly swatch selectors, sticky add-to-enquiry button, and compressed spec accordion — ensuring the product browsing experience is as usable on a phone as on desktop.
SEO-Structured Product Pages
Individual product pages structured for search — unique meta titles and descriptions per product, product schema markup (name, SKU, offers, description), category hierarchy in URL structure, and breadcrumb schema. Each category page targets commercial intent keywords in the UAE lighting market.
⚙️ Why not WooCommerce or Magento? Using a full e-commerce platform would have introduced unnecessary complexity — plugin maintenance, payment gateway configuration, order management, and hosting overhead — for a business that doesn't process online payments. A bespoke PHP build delivered exactly the features needed (variant selection, basket, enquiry submission) with none of the operational overhead of a live commerce stack.
Tech Stack & Tools
Skills Demonstrated
Outcome & Impact
Glowia Lights now has a professional, product-first digital presence that properly represents the depth and quality of their catalogue. Customers — whether an interior designer specifying a hospitality fitout or an individual replacing a home fixture — can browse by category, configure the exact product variant they need, and submit a fully specified quote request in a single workflow.
The enquiry-first model proved the right choice for this market: quote requests arrive pre-configured with SKU, variant specification, and quantity — eliminating back-and-forth clarification and shortening the sales cycle. The client manages the catalogue independently through the custom CMS, adding new products without developer involvement.
From an engineering standpoint, this project demonstrated that a bespoke PHP build can replicate the core commercial value of a Magento configurable product catalogue — at a fraction of the operational and licensing overhead — when the requirements are well-defined and the scope is appropriately scoped.
✅ Live & running: The website continues to serve as Glowia Lights' primary digital presence and lead intake channel. Visit glowialights.com to see the delivered project in production.