Starke User Experience für die Gipfelstürmer
Mammut Sports Group GmbH
Description
Optimal für die schnell wechselnden Bedürfnisse seiner internationalen Kunden gerüstet sein – so lautete der initiale Wunsch des Schweizer Bergsportprofis Mammut. Nach dem Relaunch 2016 stand creativestyle deshalb Ende 2019 vor der Aufgabe, das komplette Frontend in Teilschritten durch agiles Projektmanagement zu erneuern. Startseite, Header, Footer, Produktdetailseiten und Checkout wurden optimiert. Orientierung lieferte dabei die Baymard-Usability-Studie. Diese spricht Empfehlungen aus, wie Onlineshop-Elemente gestaltet sein sollten, um Nutzerfreundlichkeit und Conversion Rate zu steigern.
Das Herzstück des Projekt bildet die umfassende Optimierung für das Einkaufserlebnis auf mobilen Endgeräten. Der Warenkorb-Button bleibt nun beim Scrollen über die Produktseite “sticky” an der oberen Kante des Bildschirms sichtbar. Ein ebenso feines wie wichtiges Detail, denn A/B-Tests ergaben, dass Nutzer lieber auf ihrem Smartphone durch Produktbilder scrollen, als sich durch ein Karussell zu klicken.
Beim neuen Checkout sorgt ein Akkordeon-Layout für mehr Übersichtlichkeit – es ist immer nur der Bereich aufgeklappt, in dem gerade Informationen zum Kaufabschluss benötigt werden. Zudem minimierte das Team die geforderten Angaben auf gerade einmal sieben Felder und verkürzte so den gesamten Checkout-Prozess. Vor- und Nachname werden nun beispielsweise in einem Feld abgefragt. Nutzer, die kein Kundenkonto anlegen möchten, können sogar noch mehr Zeit beim Checkout einsparen: Sie haben nun die Möglichkeit, standardmäßig als Gast zu bestellen. Diese Maßnahmen reduzieren drastisch die Zeit, die Kunden für den Kaufabschluss benötigen, und steigern so die Conversion Rate des Shops.
Besonderes Augenmerk beim Relaunch lag neben der optimalen Usability auf dem “Look & Feel” der Plattform. Denn das Design des Onlineshops sollte die hohe Qualität des Premium-Sortiments widerspiegeln. Entschieden wurde sich für ein selbstbewusstes, modernes Design mit großformatigen und emotionalen visuellen Elementen.
Wie erfolgreich die neuen Anpassungen sind, ist bereits jetzt sichtbar: Durch die Verbesserungen konnten sowohl die Conversion Rate gesteigert als auch die Kaufabbrüche im Checkout reduziert werden. Auch extern überzeugt die hohe Qualität des Shops: Der Mammut-Onlineshop wurde mit dem Shop Usability Award 2020 als “Bester Shop Schweiz” ausgezeichnet.
About the solution
Name: | Mammut Onlineshop |
Technology: | novomind iShop |
Project goal | Vorrangiges Ziel war es, schnell und flexibel auf neue Kundenbedürfnisse reagieren zu können und damit ein außergewöhnliches Kauferlebnis für die Mammut-Kunden zu schaffen. Dabei half die Umstellung auf den zukunftsweisenden Mobile-First-Ansatz. |
Project scope: | Erneuerung des kompletten Frontends in Teilschritten durch agiles Projektmanagement. Überarbeitung von Startseite, Header, Footer, Produktdetailseiten und Checkout des Onlineshops von Mammut. Besonderer Fokus auf die Optimierung für Nutzung auf mobilen Endgeräten und ein hochwertiges Design. |
Innovation: | Mittlerer Innovationsgrad. Google stellt seinen Algorithmus zur Bewertung von Webseiten in absehbarer Zeit auf eine Mobile-First-Strategie als wichtigstes Kriterium um. Eine optimale Aufstellung in diesem Bereich, um ein einzigartiges Kauf- und Kundenerlebnis zu gewährleisten, ist daher essentiell. |
Costs: | Das Projekt wurde im agilen Projektmanagement in Teilprojekten zu verschiedenen Optimierungspunkten über mehrere Jahre umgesetzt. |
Replication: | Das Projekt kann leicht auf andere Shops repliziert werden, unabhängig von der Branche. Lediglich Feinheiten müssten auf die jeweiligen Kundenwünsche angepasst werden. Die Learnings der Baymard-Studie kommen beispielsweise auch erfolgreich in diesen Shops zum tragen, die wir realisiert haben: Gerry Weber, Hallhuber, Müller, MediaMarktSaturn. |
Use-Case customer:
Mammut Sports Group GmbH
Location: Mammut-Basecamp 1, 87787 Wolfertschwenden, Germany
Use-Case-Region: D-A-CH
Website: www.mammut.com/de/de/