WMF

Herausforderungen

WMF Professional Coffee Machines und Schaerer agieren global im Markt professioneller Kaffeemaschinen. Die bestehenden Websites waren in Struktur und Darstellung uneinheitlich. Produktseiten waren stark faktenorientiert, während Story-Inhalte komplex und wenig strukturiert eingebunden waren. Es fehlten klare Templates und eine konsistente Nutzerführung.

Gleichzeitig sollten die neuen Plattformen emotionale Markeninszenierung und präzise Produktinformation verbinden, ohne beides zu vermischen. Unterschiedliche Zielgruppen, Nutzungsszenarien und Customer Journeys erforderten differenzierte Einstiege und klare Orientierung.

Parallel dazu standen hohe technische Anforderungen im Raum: Accessibility gemäß WCAG, SEO-Optimierung, Tracking, Internationalisierung, Skalierbarkeit sowie eine zukunftsfähige Systemarchitektur. Zudem sollten mehrere Marken auf einer gemeinsamen strukturellen Basis abgebildet werden, ohne ihre Eigenständigkeit zu verlieren.

Lösung

Für die Marken WMF Professional Coffee Machines und Schaerer wurde im Rahmen der Ausschreibung ein modularer Website-Ansatz visuell und konzeptionell ausgearbeitet. Kernidee war das Prinzip „One Website. Two Faces.“: eine emotionale Produkt-Story-Seite zur Markeninszenierung sowie eine klar strukturierte, rationale Produktinformationsseite. Beide Ebenen sind logisch getrennt, jedoch strukturell miteinander verbunden.

Für die Produktseiten wurde ein modularer Baukasten definiert. Standardisierte Storytelling-Regeln und wiederverwendbare Module ermöglichen konsistente, aber markenspezifische Ausprägungen. So entstehen klare Strukturen bei gleichzeitiger Differenzierung zwischen WMF und Schaerer.

Die gestalterische Grundlage bildet ein variablenbasiertes Design System mit klar definierten Ebenen für Core-, Referenz- und UI-Variablen. Gemeinsame Strukturprinzipien werden über diese Ebenen gesteuert, während visuelle Werte je Marke individuell definiert werden können. Auf dieser Basis wurden exemplarische Screendesigns für WMF und Schaerer entwickelt.

Im Kapitel Design Operations wurde darüber hinaus die Skalierbarkeit auf weitere Marken wie Curtis aufgezeigt. Durch definierte Prozesse, klare Rollenmodelle und eine strukturierte Systemlogik lässt sich das Fundament auf zusätzliche Marken übertragen, ohne gestalterische Konsistenz oder Effizienz zu verlieren.

Accessibility wurde als integraler Bestandteil von Gestaltung und Entwicklung berücksichtigt. Aspekte wie Farbkontraste, Typografie, semantische Struktur sowie technische Anforderungen gemäß WCAG wurden systematisch eingeplant.

Technologisch wurde eine hybride Architektur empfohlen: Content- und Produktdetailseiten in einem Headless-Ansatz für hohe Performance und flexible Nutzerführung, während bestehende E-Commerce-Strukturen integriert bleiben. Ergänzend wurde ein datengetriebener Ansatz mit integriertem Website-Tracking vorgeschlagen, um Conversion, Nutzerführung und Performance kontinuierlich zu analysieren und weiterzuentwickeln.

Meine Tätigkeit

Verantwortlich für die gestalterische und inhaltliche Ausarbeitung innerhalb der Ausschreibung:

• Visuelle Umsetzung der konzeptionellen Ansätze für die Marken WMF Professional Coffee Machines und Schaerer
• Entwicklung exemplarischer Screendesigns für Story- und Produktdetailseiten
• Ausarbeitung des variablenbasierten Design System Ansatzes
• Inhaltliche Herleitung und Aufbau des Design-Operations-Kapitels
• Darstellung der Skalierbarkeit auf weitere Marken innerhalb der Systemlogik
• Gestaltung der vollständigen Präsentationsunterlage
• Präsentation der Design- und Design-Operations-Strategie vor dem Kunden

WMF Professional Coffee Machines, Schaerer und Curtis sind international tätige Marken im Bereich professioneller Kaffeemaschinen. Die Produkte kommen weltweit in Hotellerie, Gastronomie, Systemgastronomie sowie im Unternehmensumfeld zum Einsatz. Die Marken agieren im Premium- und B2B-Segment und adressieren unterschiedliche Marktanforderungen bei gleichzeitig hohen Ansprüchen an Qualität, Technologie und Markenwahrnehmung. Digitale Plattformen spielen dabei eine zentrale Rolle für Produktkommunikation, Leadgenerierung und internationale Markenführung.