minute-time
10 Minute Read

Superior Lighting Case Study

Superior Mockup

How We Built The First-Ever Headless BigCommerce Setup For Superior Lighting

The Business

Established in 1978, Superior Lighting is a leader in energy-efficient lighting solutions. Initially a regional wholesaler, they evolved into a nationwide distributor and online retailer after merging with SohoLighting.com in 2008. With a commitment to sustainability, Superior Lighting offers a wide range of LED bulbs, fixtures, and lighting controls from reputable manufacturers. They aim to empower customers with expert guidance on selecting energy-efficient lighting, focusing on honesty, value, and expertise.

In a competitive and rapidly advancing industry, Superior Lighting stands out as a trusted partner for residential, commercial, and industrial customers. The implementation of a BigCommerce Headless architecture was tailored to their needs, integrating advanced features without compromising speed or reliability. This flexible architecture handled complex product data and enhanced search capabilities, aligning with Superior Lighting’s mission. Our previous migrations for Superior Lighting, from BigCommerce V2 to V3, provided a strong foundation for this transition, which not only supported immediate goals but also equipped them for future competitiveness, innovation, and environmental stewardship.

The Objective

  • Transition from BigCommerce V2 to V3
  • Implement BigCommerce Headless architecture on Vercel using BigCommerce’s Catalyst
  • Enhance page speed, particularly on Product Pages, by optimizing resource-intensive Smartmatch code
  • Refactor and modernize the old Smartmatch code for improved efficiency

The Strategy

Planning Stage

Developed Figma designs with minor UX/UI enhancements as per client preference, ensuring usability improvements aligned with project goals.

Technical Execution

Executed using BigCommerce Catalyst, optimizing Next.js components and Vercel. Implemented Figma designs in phases, starting with the homepage and static pages, followed by product and category pages. Incorporated Algolia into headless components for enhancing search capabilities.

Optimization Efforts

Conducted QA and UAT alongside implementation. Adjusted features for practicality based on real-time client feedback and discoveries during the headless implementation process.

Additional Actions

Data migration ensured seamless content transfer. Enhanced SEO strategies to maintain search rankings.

Key Features/Functionalities Implemented

  • Smartmatch code refactoring for better performance
  • Algolia-powered advanced search for more accurate and faster search results
  • Multi-add-to-cart functionality for efficient shopping experiences

Results

The project successfully achieved significant improvements across several metrics:

Page load speeds on product pages were notably improved, enhancing user satisfaction and reducing bounce rates.

The Smartmatch functionality and content management processes were streamlined, making the site easier to manage and more responsive.

Feedback from Superior Lighting highlighted high satisfaction with enhanced performance and the seamless integration of advanced features. The project resulted in improved user engagement and operational efficiency, positioning Superior Lighting as a competitive force in the lighting industry.

Superior Logo
Share on Social Media