Neues UX und Produktseiten für Spülenhersteller
Expertise
Tech Stack
Awards
Challenge
SCHOCK wollte seine Website modernisieren, um die User Experience zu verbessern und die einzigartigen Produkte des Unternehmens ansprechend zu präsentieren. Dabei sollte die Website gleichzeitig benutzerfreundlicher und lebendiger werden.
Solution
Wir entwickelten ein übersichtliches Design-System, verbesserten die Navigation und Produktfilterung und erweiterten die Produktwelten mit interaktiven Hotspots.
Über Usability hinaus zur positiven User Experience
Wer SCHOCK kennt, weiß: SCHOCK ist anders.
“Color your life” spiegelt sich nicht nur im Claim und in der Unternehmenshaltung wider, sondern auch in der gesamten Kommunikation nach außen. Die Kombination aus dem erfrischenden Ansatz und der Offenheit des Unternehmens, Neues auszuprobieren, begeisterte uns sofort.
Nach einem umfangreichen Usability Check der Website erfolgte auf Basis der resultierenden Optimierungsergebnissen ein erstes Facelift von SCHOCK.de. Neben der Behebung kleinerer Bugs und einer optimierten Responsivität der Website stellten wir sicher, dass das außergewöhnliche Interface von SCHOCK in einem übersichtlichen Design System abgebildet wird.
Und natürlich durfte eine Verbesserung der generellen User Experience nicht fehlen. Dazu versetzten wir uns einmal mehr in die Zielgruppe und überdachten bestehende Module aus Nutzersicht. Unter anderem konzipierten wir daraufhin einen neuen Einstieg auf der Startseite, verbesserten die Navigationsführung und erweiterten die Produktwelten mit interaktiven Hotspot-Sections, die die Kombination der Produkte veranschaulichen sollen, anstatt diese immer nur einzeln abzubilden. Um generell mehr Lebendigkeit in die Website zu bringen, integrierten wir Animationen und Inspirationsbereiche mit Social Media Walls.
Interaktive Online-Welten für neue Produktlinien
Zusätzlich zum Facelift setzten wir die digitale Kommunikation der beiden Produktneuheiten “Carbon” und “SINK GREEN” auf eigenen Seiten um. Die Herausforderung: Während SCHOCK Carbon ein Luxus-Produkt darstellt, steht die SINK GREEN Spüle für Nachhaltigkeit und Recycling – beide Produktlinien erforderten folglich eine sehr unterschiedliche Kommunikationsstrategie und User Experience. Die Carbon-Seite überzeugt daher mit einem edlen Interface und modernen 3D-Scroll Animationen der Carbon-Spüle im “Apple Style”. SINK GREEN hingegen lebt vor allem durch die bemerkenswerte Bildsprache, Storytelling-Ansätze und lebhaft animierten Inhalten.
Alle Produkte gut verwaltet und perfekt in Szene gesetzt
Die insgesamt sehr umfangreiche Website besitzt eine komplexe Schnittstelle zum Produkt-Datenimport aus internen System und spielt nicht nur die Produkte an sich automatisiert ein, sondern berücksichtigt auch Produktkonfigurator, Filter etc. Für die von uns erstellten Erweiterungen und Anpassungen arbeiteten wir uns in das vorhandene System ein und entwickelten es weiter. Die Microsites der Produktlinien erstellten wir mit der vorliegenden NEOS Installation. Die 3D Scroll Animation der Carbon Spüle erstellten wir durch das Einsetzen einzelner Frames aus 3D Renderings, welche sich durch Scrollen austauschen und so den Eindruck eines interaktiven Videos erwecken.
