Skip to content
Using the right CMS for your business? Free online CMS check
Gebäudetechnik Web design Squarespace

LED Lichtkompetenz AG — digital visibility through light design

LED Lichtkompetenz AG is a specialist in professional LED retrofits across Switzerland — from production halls to classrooms. Noevu built the new website from scratch: with a strategic UX workshop, a complete AI image library, and a Squarespace website with unique WebGL light effects.

Noël Bossart
Noël Bossart
Updated: Mar 14, 2026 · 5 min read
The new LED Lichtkompetenz website on an iPad — Squarespace with WebGL light effects
Contents
At a glance
  • Unique WebGL light design on Squarespace
  • 60+ AI images across all contexts
  • Custom-built cursor, aurora & light rays
  • Product filter by type and industry
  • UX workshop as the strategic foundation

LED Lichtkompetenz AG had a core problem: a web presence that did not reflect their expertise. Noevu rebuilt the website from the ground up — with a strategic foundation from the UX workshop, a complete AI image library, and a Squarespace website that stands out with unique WebGL light effects.

Client & Industry

  • Client: LED Lichtkompetenz AG, owner Gerhard Engelbracht
  • Industry: Professional LED lighting systems, building technology
  • Services: LED retrofitting, new installations, subsidies, project management
  • Target groups: Industrial companies, property managers, schools, commerce

Project Scope

  • UX workshop (4+ hours): strategy, personas, USP analysis
  • AI image library: 60+ custom images for all contexts
  • Squarespace design & development with custom WebGL effects
  • Product filter by type and industry
  • SEO setup and industry-specific solution pages

Highlights

  • Up to 50% energy savings as the central USP
  • Subsidy navigation integrated directly into the offering
  • Custom WebGL effects: aurora, light rays, cursor simulation
  • 3 detailed personas developed in the workshop
  • Live since March 14, 2026

The challenge — from outdated web presence to digital visibility

The old website of LED Lichtkompetenz AG was technically and visually outdated. It conveyed neither the expertise nor the trust that a company with a 50,000-hour guarantee and six-figure projects requires.

The concrete problems: barely any content on the existing website — a clear disadvantage for SEO and organic visibility. No product overview, no structured services. And no visual language that reflected the quality of the work. In short: a website that was actively losing customers rather than winning them.

The old LED Lichtkompetenz website before the relaunch
The starting point: the old website was visually outdated and barely findable

The UX workshop: strategy before design

Before a single design was created, Noevu spent over four hours with Gerhard Engelbracht in the strategic UX workshop. Step by step, the strategic foundation took shape: the Golden Circle model clarified the why, how and what of LED Lichtkompetenz. A USP analysis made the differentiators concrete — 50% energy savings, 5-year guarantee, turnkey subsidy processing. And three clearly defined target groups gave the website its direction: industrial businesses looking to cut costs and downtime; property managers seeking low-maintenance solutions and subsidies; building contractors who need a partner for planning and execution.

AI-generated image library: light in every context

LED lighting looks different in every environment — in the industrial hall, stairwell, classroom, sports hall. Noevu developed a comprehensive AI image library for LED Lichtkompetenz AG with over 60 custom images showing exactly these contexts. The result: a consistent, professional visual language for all pages of the website — without costly photo production.

Custom-coded light effects on Squarespace

Squarespace was chosen as the platform so that Gerhard Engelbracht can independently manage content long-term. What is behind it is anything but standard: Noevu developed a complete set of purpose-built WebGL effects that give the website a unique light atmosphere — making the LED theme tangible in the experience itself.

WebGL Cursor Effect

  • GPU-based fluid simulation follows the mouse cursor
  • Light that reacts to every mouse movement
  • Always active — subtle, atmospheric, unmistakeable

Aurora & LightRays

  • Animated aurora header with WebGL shader
  • Spotlight animations across sections
  • Prismatic light bursts as visual accents

Buttons, Filter & Pages

  • Glowing buttons with hover glow effect
  • Product filter by type and industry
  • Industry-specific solution pages for targeted SEO
The new website with aurora header, WebGL cursor and light effects

Individual design prototypes to choose from

Before the final website was built, Noevu developed three fully worked-out design prototypes — each with its own light atmosphere and colour world. Gerhard Engelbracht was not only able to choose a design, but actively shape which mood the website should convey.

Prototype «Home Hell» — bright, light-flooded variant
Prototype «Aurora» — chosen design with northern lights atmosphere
Prototype «Fiat Lux» — dramatic light mood in dark tones

The result: visible, professional, unique

An outdated, barely findable web presence became a complete digital presence — one that matches the expertise of LED Lichtkompetenz AG both in content and visually. The website not only sells products and services, but makes the topic of light directly experiential — through WebGL effects that no competitor has.

The result:A website worth seeing.
Mobile view of the new LED Lichtkompetenz website
Desktop view of the new LED Lichtkompetenz website — full screen
Squarespace with custom WebGL light effects — built by Noevu
Noël Bossart, Gründer von Noevu
Ready for your next step?

A free conversation shows what is possible for your project — from strategy to a finished digital presence.

Frequently Asked Questions

Why did Noevu choose Squarespace for LED Lichtkompetenz?

Squarespace was a deliberate choice so that Gerhard Engelbracht can independently manage the website long-term — without technical knowledge or external help for content updates. As a Swiss Squarespace Gold Partner, Noevu uses Squarespace where it delivers the most value: for companies that want control over their content without fighting with a CMS.

What are the WebGL light effects and why were they built?

The WebGL effects — LightCursor, Aurora and LightRays — were built by Noevu as custom JavaScript components running on top of Squarespace. They make LED Lichtkompetenz's core theme (light) directly tangible in the browser experience. Visitors experience light — they don't just read about it.

How long did the project take from workshop to launch?

The project ran for five months — from October 2025 to the go-live on 14 March 2026. During this time a multi-hour UX workshop took place, 60+ AI images were generated, the design was iteratively developed in Squarespace, and multiple approval rounds were completed with the client.

What does the UX workshop deliver in practice?

In the UX workshop, Noevu works with the client to build the strategic foundation: the why, how and what of the company (Golden Circle), target group personas, USP analysis, and the basic website structure. The result: a website that not only looks good but actively sells — because it is built on real customer needs.

Which companies benefit from this approach?

This approach suits Swiss SMEs that need a professional online presence and value content independence. Whether trades, building technology, services or specialist retail — if you want to manage content yourself without relying on a development team, Squarespace with Noevu is the right choice. More about Noevu's website offerings.

Noël Bossart

About the author

Noël Bossart — Gründer & Entwickler

Noël baut seit über 25 Jahren Websites — von der Strategie bis zur Umsetzung. Als Gründer von Noevu verbindet er effiziente Prozesse mit ästhetischem Design, um Schweizer KMUs digitale Lösungen zu bieten, die wirklich funktionieren.

Blog posts

More articles