SCHOCK ist der Erfinder der Granitspüle aus Quarzkomposit und bietet vielfältige Küchenspülen, Armaturen und Zubehör an. Dabei leitet ein klares Ziel das leidenschaftliche Unternehmen: das Leben rund um den Spülbereich mit Innovationskraft, Leidenschaft und Handwerkskunst immer wieder aufs Neue schöner, komfortabler und bunter zu gestalten.

 

Unsere Expertise durften wir an verschiedenen Stellen für den erfrischenden “made in Germany” Hersteller einsetzen: Wir führten einen Usability Check durch, optimierten die User Experience der Website, kreierten Animationen und kümmerten uns um das Konzept sowie die technische Umsetzung der Projektseiten “SINK GREEN” und “Carbon – The Ultimate Sink”.

 

  • Usability Check
  • Facelift User Experience & Interface
  • Animation Design 
  • Technisches Konzept & Development
  • Schnittstelle Produktdatenmanagement
CSS Design Awards 
UX Design
CSS Design Awards 
UI Design
Schock Header

Über Usability heraus zur positiven Experience 
 

Wer SCHOCK kennt, der 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.  

Schock Components

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. 

SCHOCK Carbon mobile Screens
SCHOCK Green Line Screens

Die Technik dahinter
 

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.

SCHOCK Technik