CSL Lighting

Full brand refresh, website redesign, development, testing, and client handoff—all completed in under four months.

CSL Lighting, an architectural lighting company that specializes in recessed, pendant, and cylinder downlighting applications, has been manufacturing exceptional lighting for three decades. To celebrate the milestone, CSL decided it was time to re-launch their brand and wanted a new website that would offer a thoughtful, visually strong, smooth, and memorable experience for their customers.

Website

csllighting.com

Platform

Wordpress

The Challenge

The biggest challenge with CSL’s new website design involved how we could effectively communicate detailed and technical product information and specs to both their technical and non-technical audiences in a way that was clear and still visually appealing. Featuring beautiful, high-quality imagery on product landing pages with call out features for designers and also providing line drawing, installation guides, and dimmer compatibility downloads for architect and lighting specifiers was a delicate balance.

The Solution

Our team met the challenge head on and delivered a UX-focused design that balanced the needs of both of their core audiences. A visually striking experience that reflects the brand’s premium positioning and appealed to interior designers looking for lighting options, while also equipping technical users with the specs, documentation, and details they need to specify products with confidence. Every element of the design and website feature was structured to reduce friction between product inspiration and action. We built the site using a modular content architecture to ensure flexibility for new product development and future growth.

SERVICES

Brand Refresh
UX/ UI Design
Information Architecture
Responsive Design

Brand Refresh
UX/ UI Design
Information Architecture
Responsive Design

Brand Refresh
UX/ UI Design
Information Architecture
Responsive Design

Project Highlights

CSL’s new website design shines a spotlight on their unique product catalog and meets the needs of their target audiences.

Expandable Spec Table
Our design features the key specs for each product with a button to expand the table to see the full list of product specifications.
Pre & Post Install Imagery
We designed the product pages to feature both pre-installation product photos and design photos of the products once installed.
Sales Agent Locator
We designed a custom locator tool that allows customers to quickly find a nearby retailer based on their geographic location for pricing, availability, and project support.
Product-Specific Downloads
Each product page features relevant technical downloads—including line drawings, installation guides, and Revit files—so technical users can quickly access the specs they need while evaluating individual fixtures.
Centralized Resource Hub
In addition to on-page downloads, we created a centralized Download Hub where users can browse and access all downloadable documents across CSL’s product catalog in one convenient location.
Sticky Navigation
We pinned the navigation on the product detail pages to the top of the page so that users would always have quick access to technical product downloads.

Expandable Spec Table
Our design features the key specs for each product with a button to expand the table to see the full list of product specifications.
Pre & Post Install Imagery
We designed the product pages to feature both pre-installation product photos and design photos of the products once installed.
Sales Agent Locator
We designed a custom locator tool that allows customers to quickly find a nearby retailer based on their geographic location for pricing, availability, and project support.
Product-Specific Downloads
Each product page features relevant technical downloads—including line drawings, installation guides, and Revit files—so technical users can quickly access the specs they need while evaluating individual fixtures.
Centralized Resource Hub
In addition to on-page downloads, we created a centralized Download Hub where users can browse and access all downloadable documents across CSL’s product catalog in one convenient location.
Sticky Navigation
We pinned the navigation on the product detail pages to the top of the page so that users would always have quick access to technical product downloads.

Expandable Spec Table
Our design features the key specs for each product with a button to expand the table to see the full list of product specifications.
Pre & Post Install Imagery
We designed the product pages to feature both pre-installation product photos and design photos of the products once installed.
Sales Agent Locator
We designed a custom locator tool that allows customers to quickly find a nearby retailer based on their geographic location for pricing, availability, and project support.
Product-Specific Downloads
Each product page features relevant technical downloads—including line drawings, installation guides, and Revit files—so technical users can quickly access the specs they need while evaluating individual fixtures.
Centralized Resource Hub
In addition to on-page downloads, we created a centralized Download Hub where users can browse and access all downloadable documents across CSL’s product catalog in one convenient location.
Sticky Navigation
We pinned the navigation on the product detail pages to the top of the page so that users would always have quick access to technical product downloads.

Expandable Spec Table
Our design features the key specs for each product with a button to expand the table to see the full list of product specifications.
Pre & Post Install Imagery
We designed the product pages to feature both pre-installation product photos and design photos of the products once installed.
Sales Agent Locator
We designed a custom locator tool that allows customers to quickly find a nearby retailer based on their geographic location for pricing, availability, and project support.
Product-Specific Downloads
Each product page features relevant technical downloads—including line drawings, installation guides, and Revit files—so technical users can quickly access the specs they need while evaluating individual fixtures.
Centralized Resource Hub
In addition to on-page downloads, we created a centralized Download Hub where users can browse and access all downloadable documents across CSL’s product catalog in one convenient location.
Sticky Navigation
We pinned the navigation on the product detail pages to the top of the page so that users would always have quick access to technical product downloads.

Expandable Spec Table
Our design features the key specs for each product with a button to expand the table to see the full list of product specifications.
Pre & Post Install Imagery
We designed the product pages to feature both pre-installation product photos and design photos of the products once installed.
Sales Agent Locator
We designed a custom locator tool that allows customers to quickly find a nearby retailer based on their geographic location for pricing, availability, and project support.
Product-Specific Downloads
Each product page features relevant technical downloads—including line drawings, installation guides, and Revit files—so technical users can quickly access the specs they need while evaluating individual fixtures.
Centralized Resource Hub
In addition to on-page downloads, we created a centralized Download Hub where users can browse and access all downloadable documents across CSL’s product catalog in one convenient location.
Sticky Navigation
We pinned the navigation on the product detail pages to the top of the page so that users would always have quick access to technical product downloads.