DWD: Website Relaunch

Leuchtende Performance

Vorher Schattenseite. Jetzt Strahlkraft.

Konzeption
Beratung
UX/UI-Design
Branding
Corporate Identity
Corporate Design
Administration/DevOps
API/Schnittstellen
Kommunikation/Koordination
CMS
Projektmanagement

Jahr
2025

Kunde
DWD Concepts GmbH

Sektor
Beleuchtungsbranche

Herausforderung
Höhere Sichtbarkeit, mehr Umsatz, höhere Alleinstellung gegenüber dem Wettbewerb (USP), Erhöhung der Kontaktanfragen sicherstellen

Technologien
SEO Analyse, Wettbewerbsanalyse, Strategische Anpassung, Corporate Design Anpassung, UX/UI Optimierung, CMS Sulu Integration

Unsere Rolle
Full Service Digital Dienstleistung

Zur Website
dwd-concepts.de

Der Kern

Mit dem geschärften Corporate Design entstand der Wunsch, den digitalen Auftritt neu zu denken. Der Relaunch sollte die Essenz von DWD Concepts digital erfahrbar machen. Es ging darum, die Marke nicht nur sichtbar, sondern spürbar zu machen: wie Produkte, Lichtlösungen und Konzepte zusammenwirken und Wirkung entfalten. Der Kern lag darin, digitale Kanäle zu einem klaren Ausdruck von Markenidentität und Expertise zu machen, sodass Nutzer sofort die Einzigartigkeit und Qualität von DWD erkennen.

Das Ziel

Die Website sollte ein eigenständiges Erlebnis schaffen, das Inhalte intelligent vernetzt und komplexe Angebote verständlich macht. Ziel war es, Nutzer gezielt zu leiten, relevante Informationen intuitiv erfassbar zu machen und Interaktionen zu fördern. Durch klare Strukturen, kombinierte Inhalte und eine logische Führung sollte die digitale Präsenz die Marke erlebbar machen, Vertrauen aufbauen und DWDs Position als innovativer Anbieter von Lichtsystemen am POS stärken.

Der Weg

Wir haben uns intensiv mit der organischen Sichtbarkeit der bisherigen Website beschäftigt und sowohl eine Onpage- als auch eine Offpage-Analyse durchgeführt. Außerdem entstand eine Wettbewerbs- und Best-Practice-Analyse im direkten und indirekten Wettbewerb. Die gewonnenen Erkenntnisse wurden gemeinsam mit DWD ausgewertet, erste Vorschläge und Ideen zur Schärfung der Alleinstellung von DWD Concepts entwickelt. Dabei wurden Zielgruppen und ihre Bedarfe klar definiert und in die Strategie integriert.

Die Umsetzung
Das Ergebnis

Auf dieser Grundlage wurden die kommunikativen, strukturellen und technischen Voraussetzungen von DWD Concepts analysiert und die Seitenstruktur aufgebaut. Ein Wireframe- und Microanimation-Konzept legte die Basis für das UX/UI-Design, das auf dem aktualisierten Corporate Design fußt. Nach der technischen Analyse und unter Berücksichtigung der Anforderungen von DWD Concepts fiel die Wahl auf das Content-Management-System Sulu, das eine nachhaltige Umsetzung der neuen Website ermöglicht.

Alles auf Anfang. Alles auf Fokus. Die neue Website bündelt, was DWD stark macht. Licht, Raum, Wirkung.

Nutzerzentrierte Inhalte

Bei der Entwicklung des nutzerzentrierten Userinterfaces haben wir großen Wert auf die Vollständigkeit der umfangreichen Dienstleistungen und Produkte der DWD Concepts gelegt. Das User-Interface-Design wurde immer wieder anhand der zuvor definierten Personas überprüft und entsprechend angepasst.

Technische Umsetzung
Aufbau von Templates
Aufbau von Templates

Die Situation:

  • 141 hochspezialisierte Produkte mit unterschiedlichsten Anwendungsfällen
  • Verschiedene Zielgruppen mit völlig unterschiedlichen Informationsbedürfnissen (Handwerker verstehen andere Sprache als Investoren)
  • Technische Spezifikationen, die erlebbar werden müssen – nicht nur als 200-Seiten-PDF

Die Herausforderung:

Statische Produktkataloge können die Vielseitigkeit nicht transportieren. Kunden verstehen nicht intuitiv, wo welches Produkt eingesetzt wird. Der Vertrieb verliert wertvolle Zeit mit Grundlagenerklärungen statt Lösungsberatung.

Einbringung von SEO Briefings und KI Suchen
Einbringung von SEO Briefings und KI Suchen

Die Situation:

  • Die bestehende Webseite verfügte über keine klare Content- oder Seitenstruktur
  • Seiteninhalte waren unstrukturiert und nicht auf Suchintentionen ausgerichtet
  • SEO-Aspekte wurden bisher nicht berücksichtigt: keine Keyword-Strategie, keine strukturierten Metadaten oder schema.org-Auszeichnungen
  • Es gab keine technische Grundlage für strukturierte Daten wie schema.org-Auszeichnungen
  • Der vorhandene Content war weder auf Suchintentionen noch auf zukünftige KI-Suchen (z. B. generative Suchergebnisse) ausgerichtet

Die Herausforderung:

Eine neue inhaltliche und technische Basis zu schaffen, die sowohl klassische SEO-Kriterien als auch moderne Anforderungen durch KI-gestützte Suchtechnologien erfüllt. Dazu haben wir:

  • eine saubere Informationsarchitektur mit eindeutiger Seitenhierarchie konzipiert
  • auf Basis von Keyword- und Wettbewerbsanalysen detaillierte SEO-Briefings für jede Unterseite erstellt
  • eine technische Content-Struktur im CMS implementiert, die die Einhaltung dieser Vorgaben sicherstellt
  • schema.org-Auszeichnungen (u. a. für Organisation, FAQ und Breadcrumbs) hinzugefügt
  • alles nahtlos in das CMS integriert sodass der Kunde Inhalte künftig selbst SEO-konform pflegen kann
Interaktionen und Konfigurationen
Interaktionen und Konfigurationen

Die Situation:

  • 16+ internationale Messen pro Jahr (ISH Frankfurt, BAU München, internationale Fachmessen)
  • Präsentation muss ohne stabile Internet-Verbindung funktionieren
  • Schnelle Anpassung an event-spezifische Produkt-Highlights erforderlich
  • Mehrere Laptops parallel im Kiosk-Modus auf verschiedenen Messeständen

Die Herausforderung:

Cloud-only Lösungen versagen auf Messe-Floors. USB-Stick mit statischen PDFs? Nicht mehr zeitgemäß und unmöglich zu aktualisieren. Komplexe Setups? Kosten wertvolle Standzeiten.

Nicht nur einfach responsiv
Nicht nur einfach responsiv

Die Situation:

  • 637 Content-Pins müssen über alle Märkte konsistent bleiben
  • 1.201 Platzierungen in 3D-Welten müssen koordiniert verwaltet werden
  • Versionierung über alle Märkte und Events hinweg erforderlich
  • Klare Zugriffsrechte: Wer darf was editieren? Governance ist geschäftskritisch

Die Herausforderung:

Ohne strukturierte Content-Architektur entsteht Chaos. Inkonsistente Informationen kosten Vertrauen. Und Vertrauen ist im B2B-Geschäft alles.

DWD Website Wireframes für Desktop und Tablet
Das Ergebnis
Strategisch
SEO & USP

analysiert durch Branchenrecherche und Analysen in Suchmaschinen sowie der KI Sichtbarkeit

UX/UI Anpassung
100%

Durch Rapid-User Tests, Persona-Aufbau und klare Nutzerführung

Schaffung einer emotionalen Online Erlebniswelt
100%

Durch klare Nutzerführung, interaktiven Elementen und Micro-Animations

Einbindung in Infrastruktur
check

Durch Analyse der Unternehmensprozesse und der Unternehmenskultur

Unsere Tools
Beratung
Beratung
XOVI
XOVI
Google Analytics
Google Analytics
Google Tag Manager
Google Tag Manager
Cai
Cai
Adobe XD
Adobe XD
Confluence
Confluence
RapidUsertests
RapidUsertests
Konzeption
Konzeption
Miro
Miro
Adobe Illustrator
Adobe Illustrator
Google Analytics
Google Analytics
Atlassian
Atlassian
Adobe XD
Adobe XD
Adobe InDesign
Adobe InDesign
Confluence
Confluence
Design
Design
Adobe Illustrator
Adobe Illustrator
Adobe Photoshop
Adobe Photoshop
Figma
Figma
Adobe XD
Adobe XD
Adobe After Effects
Adobe After Effects
Adobe Aero
Adobe Aero
Adobe Animate
Adobe Animate
Adobe Audition
Adobe Audition
Adobe InDesign
Adobe InDesign
Adobe Lightroom
Adobe Lightroom
Adobe Premiere Pro
Adobe Premiere Pro
Adobe Substance
Adobe Substance
Apple Logic Pro
Apple Logic Pro
Blender
Blender
Flux
Flux
Midjourney
Midjourney
Pika
Pika
Procreate
Procreate
Runway
Runway
Sora
Sora
Stable Diffusion
Stable Diffusion
Steinberg Cubase
Steinberg Cubase
Suno
Suno
Veo
Veo
Weavy
Weavy
Entwicklung
Entwicklung
Sass
Sass
Deployer
Deployer
GSAP
GSAP
CI/CD-Pipelines
CI/CD-Pipelines
Doctrine
Doctrine
PHP
PHP
Sulu
Sulu
JavaScript
JavaScript
Bitbucket
Bitbucket
Google Analytics
Google Analytics
Composer
Composer
npm
npm
TypeScript
TypeScript
Twig
Twig
MySQL
MySQL
Symfony
Symfony
Cursor
Cursor
Docker
Docker
Usercentrics
Usercentrics
Webpack
Webpack
Angular
Angular
Angular Material
Angular Material
Azure
Azure
Bootstrap
Bootstrap
Contao
Contao
CookieHub
CookieHub
D3.js
D3.js
Flow
Flow
Fusion
Fusion
Gulp
Gulp
Handlebars
Handlebars
Helm
Helm
jQuery
jQuery
JWT
JWT
krpano
krpano
Kubernetes
Kubernetes
Llama
Llama
Mercure
Mercure
Moment.js
Moment.js
n8n
n8n
Neos
Neos
Pattern Lab
Pattern Lab
PHP Unit
PHP Unit
Podman
Podman
Protractor
Protractor
React
React
Redshift
Redshift
Selenium
Selenium
Shopware
Shopware
Three.js
Three.js
TYPO3
TYPO3
WordPress
WordPress
Projektmanagement
Projektmanagement
Bitbucket
Bitbucket
Cai
Cai
Jira
Jira
Atlassian
Atlassian
Scrum
Scrum
Dein Vorteil
Unser Fundament

Du möchtest mehr erfahren, wie bei uns Projektmanagement verstanden wird, um solche Projekte erfolgreiche zum Go-Live zu begleiten? 

Match?
Starte jetzt
dein Projekt

Von der Idee zur Realität: Als Boutique-Agentur analysieren wir, denken mit und entwickeln passgenaue Konzepte. 
Unsere Digitale Originale® sind kreativ, relevant und technisch perfekt umgesetzt.