E-Commerce – Schön schnell, schön modern und natürlich schön.
Zubi will's wissen: Einmal ein komplettes Redesign. Backend Services in Go umgeschrieben. Das Frontend in React. Wir haben uns für Zubi um die User Experience und das (umwerfende 😌) Design des Shops auf Basis des neuen Brands gekümmert.
Zum neuen Shop
Die Ausgangslage
Im Sommer 2021 hat sich Zubi für eine neue Markenidentität entschieden. Der Shop sollte natürlich ebenfalls in den neuen Farben leuchten. Diese Gelegenheit nutzten die Entwickler*innen auch gleich, um das Frontend technisch auf ein frisches Fundament zu stellen.
Die neue Brand Identity gab vor, welche Farben, Schriften und welche Botschaft transportiert werden sollen. Das detaillierte digitale Interaction Design war aber noch komplett unausgearbeitet. Es existierte erst eine Art Design-Mood, in welche Richtung das Ganze gehen könnte.
Das Vorgehen
Dank unseren Referenzen in User-Experience durften wir uns also am Design des neuen Shops austoben. Analytics-Daten, Click-Heatmaps und das Knowhow von Zubi über ihre Kund*innen gaben uns wichtige Hinweise, worauf wir uns konzentrieren sollten.
In einem Workshop haben wir erarbeitet, welche Konzepte und Ideen vom bestehenden Shop, von Konkurrenten*innen oder Vorbildern übernommen werden sollten und welche nicht. Daraus entstanden ist ein Set von je fünf Yays, Nays und Principles, an welchem sich unsere Interaction Designer orientieren konnten.
Das Resultat
Ein interaktiver Klick-Prototyp (in Figma) für die wichtigsten Dinge wie die Startseite, die Kategorienübersicht, die Produkt-Detailseite und einige mehr. Zusätzlich eine Patternlibrary, an welcher sich die Entwickler*innen für Seiten ohne detailliertes Design orientieren konnten. Fortlaufende Weiterentwicklung und Ausarbeitung von Details gemeinsam mit dem Engineering-Team während der Umsetzung.
Die Archtikturfrage
Seit März 2021 unterstützen wir das Developer-Team vom Zubi Online Shop mit regelmässigen Mentoring-Treffen. So konnten wir bereits vor dem Projektstart wichtige Tipps zur Software-Architektur mit React und Golang mitgeben. Während der Umsetzung des neuen Shops trafen wir uns weiterhin alle zwei Wochen, um Fragen zu technischen Details zu diskutieren und unterschiedliche Lösungsideen gegeneinander abzuwägen.
«Einmal mehr hat uns das Team von smartive auf eine sympathische, unkomplizierte und effiziente Art und Weise unterstützt. Das Resultat gefällt nicht nur uns, sondern auch unseren Kund*innen. So macht’s Spass!»
Marco Böni, GL/CDO & Leiter E-Commerce Zubischuhe AG
Josh unterstützt Zubi bis heute. Er hat einen Kalender, eine Mailadresse und ein Telefon. Deine Chance!
Du willst mehr wissen? Das haben wir mit Zubi gemacht:
Teaser zu relevanten Inhalten
Mentoring
Tausch dich in regelmässigen Jour fixes mit unseren Digital Strategists über dein Produkt und deine Strategie aus.
Agile Playday
Du und dein Team lernt Scrum und agile Methoden auf eine verspielte und doch realitätsnahe Weise (besser) kennen.
