Skip to content
Setzt Ihr auf das richtige CMS? Kostenlose online CMS-Check
Gebäudetechnik Webdesign Squarespace

LED Lichtkompetenz AG — digitale Sichtbarkeit mit Lichtdesign

LED Lichtkompetenz AG ist Spezialist für professionelle LED-Umrüstungen in der Schweiz — von der Produktionshalle bis zum Schulzimmer. Noevu baute die neue Website von Grund auf: mit strategischem UX-Workshop, einer vollständigen AI-Bildwelt und einer Squarespace Webseite mit individuellen WebGL-Lichteffekten.

Noël Bossart
Noël Bossart
Aktualisiert: 14. März 2026 · 4 Min. Lesezeit
Die neue LED Lichtkompetenz Webseite auf einem iPad — Squarespace mit WebGL-Lichteffekten
Inhalt
Auf einen Blick
  • Individuelles WebGL-Lichtdesign auf Squarespace
  • 60+ AI-Bilder für alle Bereiche
  • Individuelle Design-Prototypen zur Auswahl
  • Produktfilter nach Typ und Branche
  • UX-Workshop als strategisches Fundament

LED Lichtkompetenz AG hatte ein Kernproblem: Eine Webpräsenz, die ihrer Expertise nicht gerecht wurde. Noevu baute die Website neu auf — mit strategischer Grundlage aus dem UX-Workshop, einer vollständigen AI-Bildwelt und einer Squarespace Webseite, die mit einzigartigen WebGL-Lichteffekten aus der Masse heraussticht.

Kunde & Industrie

  • Kunde: LED Lichtkompetenz AG, Inhaber Gerhard Engelbracht
  • Branche: Professionelle LED-Beleuchtungssysteme, Gebäudetechnik
  • Leistungen: LED-Umrüstung, Neuinstallation, Fördergelder, Projektleitung
  • Zielgruppen: Industriebetriebe, Hausverwaltungen, Schulen, Gewerbe

Projektscope

  • UX-Workshop (4+ Stunden): Strategie, Personas, USP-Analyse
  • AI-Bildwelt: 60+ eigens erstellte Bilder für alle Bereiche
  • Squarespace Design & Entwicklung mit custom WebGL-Effekten
  • Produktfilter nach Typ und Branche
  • SEO-Setup und branchenspezifische Lösungsseiten

Besonderheiten

  • Bis zu 50% Energieeinsparung als zentraler USP
  • Fördergelder-Navigation direkt im Angebot integriert
  • Custom WebGL-Effekte: Aurora, LightRays, Cursor-Simulation
  • 3 ausgearbeitete Personas aus dem Workshop
  • Live seit 14. März 2026

Die Herausforderung — von veralteter Webpräsenz zu digitaler Sichtbarkeit

Die alte Webseite von LED Lichtkompetenz AG war technisch und visuell stark veraltet. Sie vermittelte weder die Fachkompetenz noch das Vertrauen, das ein Unternehmen mit 50'000-Stunden-Garantie und Projekten im sechsstelligen Bereich braucht.

Die konkreten Probleme: kaum Content auf der bestehenden Website — ein klarer Nachteil für SEO und organische Sichtbarkeit. Keine Produktübersicht, keine strukturierten Dienstleistungen. Und keine visuelle Sprache, die die Qualität der Arbeit widerspiegelte. Kurz: eine Webseite, die aktiv Kunden verloren hat, statt sie zu gewinnen.

Die alte Website von LED Lichtkompetenz vor dem Relaunch
Der Ausgangspunkt: Die alte Website war visuell überholt und kaum auffindbar

Der UX-Workshop: Strategie vor Design

Bevor ein einziges Design entstand, verbrachte Noevu über vier Stunden mit Gerhard Engelbracht im strategischen UX-Workshop. Schritt für Schritt entstand das strategische Fundament: Das Golden-Circle-Modell klärte das Warum, Wie und Was von LED Lichtkompetenz. Eine USP-Analyse machte die Alleinstellungsmerkmale greifbar — 50% Energieeinsparung, 5 Jahre Garantie, schlüsselfertige Fördergelderabwicklung. Und drei klar definierte Zielgruppen gaben der Website ihre Richtung: Industriebetriebe, die Kosten und Ausfallzeiten senken wollen; Hausverwaltungen, die wartungsarme Lösungen und Fördergelder suchen; Bauunternehmer, die einen Partner für Planung und Ausführung brauchen.

AI-generierte Bildwelt: Licht in jedem Kontext

LED-Beleuchtung wirkt in jedem Umfeld anders — in der Industriehalle, im Treppenhaus, im Klassenzimmer, in der Sporthalle. Noevu entwickelte für LED Lichtkompetenz AG eine umfassende AI-Bildwelt mit über 60 eigens generierten Bildern, die genau diese Kontexte zeigen. Das Ergebnis: eine konsistente, professionelle Bildsprache für alle Seiten der Website — ohne aufwändige Fotoproduktion.

Custom-coded Lichteffekte auf Squarespace

Squarespace wurde als Plattform gewählt, damit Gerhard Engelbracht die Inhalte langfristig eigenständig pflegen kann. Was dahinter steckt, ist alles andere als Standard: Noevu entwickelte ein vollständiges Set an eigens programmierten WebGL-Effekten, die der Website eine einzigartige Lichtatmosphäre geben — und das Thema LED direkt im Erlebnis spürbar machen.

WebGL Cursor-Effekt

  • GPU-basierte Fluid-Simulation folgt dem Mauszeiger
  • Licht, das auf jede Mausbewegung reagiert
  • Immer aktiv — subtil, atmosphärisch, unverwechselbar

Aurora & LightRays

  • Animierter Aurora-Header mit WebGL-Shader
  • Scheinwerfer-Animationen in Sektionen
  • Prismatische Lichtausbrüche als visuelle Akzente

Buttons, Filter & Seiten

  • Leuchtende Buttons mit Hover-Glow-Effekt
  • Produktfilter nach Typ und Branche
  • Branchenspezifische Lösungsseiten für gezieltes SEO
Die neue Webseite mit Aurora-Header, WebGL-Cursor und Lichteffekten

Individuelle Design-Prototypen zur Auswahl

Bevor die finale Website entstand, entwickelte Noevu drei vollständig ausgearbeitete Design-Prototypen — jeder mit einer eigenen Lichtatmosphäre und Farbwelt. Gerhard Engelbracht konnte so nicht nur ein Design auswählen, sondern aktiv mitgestalten, welche Stimmung die Website transportieren soll.

Prototyp «Home Hell» — klare, lichtdurchflutete Variante
Prototyp «Aurora» — gewähltes Design mit Nordlicht-Atmosphäre
Prototyp «Fiat Lux» — dramatische Lichtstimmung in Dunkeltönen

Das Resultat: Sichtbar, professionell, überzeugend

Aus einer veralteten, kaum auffindbaren Webpräsenz wurde ein vollständiger digitaler Auftritt, der sowohl inhaltlich als auch visuell mit der Expertise von LED Lichtkompetenz AG mithalten kann. Die Webseite verkauft nicht nur Produkte und Dienstleistungen, sondern macht das Thema Licht direkt erlebbar — durch WebGL-Effekte, die kein anderer Mitbewerber hat.

Das Ergebnis:Eine neue Website, die sich sehen lässt.
Mobile Ansicht der neuen LED Lichtkompetenz Webseite
Desktop Ansicht der neuen LED Lichtkompetenz Webseite — Vollbild
Squarespace mit custom WebGL-Lichteffekten — gebaut von Noevu
Noël Bossart, Gründer von Noevu
Bereit für euren nächsten Schritt?

Ein kostenloses Gespräch zeigt, was für euer Projekt möglich ist — von der Strategie bis zum fertigen digitalen Auftritt.

Häufig gestellte Fragen

Warum hat Noevu Squarespace für LED Lichtkompetenz gewählt?

Squarespace wurde bewusst gewählt, damit Gerhard Engelbracht die Website langfristig eigenständig pflegen kann — ohne technisches Know-how oder externe Hilfe für Inhaltsaktualisierungen. Als Schweizer Squarespace Gold Partner setzt Noevu Squarespace dort ein, wo es den grössten Mehrwert bietet: bei Unternehmen, die Kontrolle über ihren Inhalt wollen, ohne mit einem CMS kämpfen zu müssen.

Was sind die WebGL-Lichteffekte und warum wurden sie entwickelt?

Die WebGL-Effekte — LightCursor, Aurora und LightRays — wurden von Noevu als eigens entwickelte JavaScript-Komponenten gebaut, die auf Squarespace laufen. Sie machen das Kernthema von LED Lichtkompetenz (Licht) direkt im Browser-Erlebnis spürbar. Besucher erleben Licht — nicht nur lesen sie darüber.

Wie lange dauerte das Projekt von Workshop bis Launch?

Das Projekt lief fünf Monate — von Oktober 2025 bis zum Go-live am 14. März 2026. In dieser Zeit fand ein mehrstündiger UX-Workshop statt, es wurden 60+ AI-Bilder generiert, das Design iterativ in Squarespace entwickelt und mehrere Freigaben mit dem Kunden durchgeführt.

Was bringt der UX-Workshop konkret?

Im UX-Workshop erarbeitet Noevu mit dem Kunden die strategische Grundlage: Warum, Wie und Was des Unternehmens (Golden Circle), Personas der Zielgruppen, USP-Analyse und Grundstruktur der Website. Das Ergebnis: eine Website, die nicht nur gut aussieht, sondern gezielt verkauft — weil sie auf den echten Kundenbedürfnissen basiert.

Für welche Unternehmen eignet sich dieser Ansatz?

Dieser Ansatz eignet sich für Schweizer KMU, die eine professionelle Online-Präsenz brauchen und dabei auf inhaltliche Eigenständigkeit wert legen. Ob Handwerk, Gebäudetechnik, Dienstleistung oder Fachhandel — wenn ihr eigenständig Inhalte pflegen wollt, ohne auf ein Entwicklerteam angewiesen zu sein, ist Squarespace mit Noevu die richtige Wahl. Mehr zu Noevu's Website-Angeboten.

Noël Bossart

Über den Autor

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-Beiträge

Weitere Artikel