PDP Refresh 

Produktseite, Verbesserung der Benutzererfahrung

Product Detail Page redesign
Unique Selling Preposition Design
Actions Dropdown Menu Design
Price Block Design

Zeit bis zur Fertigstellung

6 Mo.

Ergebnise

+ 20%
Konvertierungsrate

Die Herausforderung: Die Frustration der Benutzer aufdecken

Instamotion stand vor einem dringenden Problem: Obwohl alle notwendigen Produktinformationen auf den Produktdetailseiten (PDP) zur Verfügung standen, waren die Nutzer immer wieder frustriert. Beschwerden über unzureichende Informationen und eine hohe Anzahl frustrierter Klicks auf die Bildergalerie wiesen auf ein tieferes Problem hin. Vor allem aber stagnierte die Konversionsrate seit Jahren bei 1,6 %, was darauf hindeutete, dass das aktuelle Design die Besucher nicht effektiv in Kunden verwandelte.

😕

Es fehlen verschiedene Finanzierungsmodelle

😕

Unklar, ob Lieferung oder Abholung

😕

Fehlende Informationen über die 14-tägige Rückgabe (Einschränkungen während dieses Zeitraums) führen manchmal zum Zögern.

😕

Design ist nicht so cool

😕

Wegen des Allianz-Logos hatte ich eher eine Versicherung erwartet

😕

Es fehlen verschiedene Finanzierungsmodelle für Schritte

😕

Es ist nicht immer klar, wer die Fahrzeuge wirklich anbietet oder woher sie kommen.

Meine Herangehensweise:

Forschung, Kollaboration und Innovation

Forschungsphase

Eine intensive Studie über den Markt, die Wettbewerber und die besten Praktiken in der E-Commerce-Landschaft. Die Verwendung aller neu gesammelten Daten, von Traffic-Indikatoren über Heatmaps bis hin zu Trichterdaten von Tableau, Nutzerinterviews und Usability-Testing-Forschungsdaten sowie die neuesten Forschungsergebnisse aus zuverlässigen Quellen auf der ganzen Welt führten zu einem umfassenden Verständnis der Herausforderungen und Chancen bei der Neugestaltung von PDP.

Workshops und Datenanalyse

Um interne Erkenntnisse zu gewinnen, führte ich eine Reihe von Workshops mit den wichtigsten Interessengruppen durch, darunter die Produkt-, Marketing- und Vertriebsteams. Wir erarbeiteten Lösungen und setzten Prioritäten, indem wir eine von mir entwickelte Methode anwandten, um sicherzustellen, dass die Bedürfnisse aller beteiligten Abteilungen berücksichtigt wurden.

Priorisierung und Design Systembereinigung

Einer der ersten Schritte bestand darin, das bestehende Planungssystem zu rationalisieren. Diese Bereinigung war für eine effiziente teamübergreifende Zusammenarbeit unerlässlich. Mithilfe von Jira und Storybook haben wir die Design-Assets auf der Grundlage des Atomic Design Frameworks neu organisiert, was einen kohärenteren und reaktionsfähigeren Designprozess ermöglichte.

Der Ablauf:

Eine nutzerzentrierte Lösung entwerfen

Workshop Data UXHeatmaps
In Workshops mit verschiedenen Interessengruppen sammelte ich alle relevanten Daten, von Business-Intelligence-Markern wie Funnels und Conversion Rates bis hin zu Marketingzielen, ROI und Traffic, Umfrage-Feedback, Nutzerinterviews, Heatmaps, Forschungsarbeiten, Wettbewerbsmarkern usw.
PDP Mobile DesignComponent SpecsDesign Specs
Once insights are clear, I translate them into actionable designs. Starting with wireframes, that later developed into interactive prototypes and design specifications that developers used as references. We held regular check-ins to address questions and align on adjustments.
Deployment reviewDesign Specs
Die neuen Produktdetailseiten führten zu einer deutlichen Verbesserung der Benutzererfahrung und einer bemerkenswerten Steigerung der Konversionsraten um 20 %. Dieser Erfolg hat unser ursprüngliches Ziel nicht nur erreicht, sondern übertroffen und einen neuen Standard für zukünftige Projekte gesetzt.
Data TableauDat
Nach dem Start arbeite ich mit dem Business Intelligence- und Marketingteam zusammen, um die Daten zu analysieren und A/B-Testiterationen zu erstellen. So haben wir beispielsweise nach dem Start Daten zum Nutzerverhalten analysiert und festgestellt, dass die Nutzer auf die Titel der Produktfunktionen klickten. Daraufhin haben wir ein interaktiveres Menü für die Fahrzeugfunktionen erstellt. Iterative Verbesserungen schaffen einen kumulativen Nutzen, der letztendlich große Gewinne generiert.

Die Auswirkung:

Verbessertes Nutzererlebnis und erhöhte Konversionen

Erfolg messen

Um den Erfolg unserer Bemühungen zu quantifizieren, haben wir Tableau als unser bevorzugtes Tool verwendet und Tracking-Ereignisse auf der gesamten Website implementiert. Diese Metriken lieferten Echtzeitdaten zu Benutzerinteraktionen und Konversionsraten nach dem Start.

Feedback von Nutzern und Stakeholdern

Die Ergebnisse waren überwältigend positiv. Die Benutzer berichteten, dass sie die benötigten Informationen schnell und einfach finden konnten, was zu einem zufriedenstellenderen Einkaufserlebnis führte. Die Stakeholder lobten das strukturierte Projektmanagement und die umfassende Dokumentation und hoben die verbesserte Zusammenarbeit zwischen den UX- und Entwicklungsteams hervor.

Ergebnisse

Die neuen Produktdetailseiten führten zu einer deutlichen Verbesserung der Benutzererfahrung und einer bemerkenswerten Steigerung der Konversionsraten um 20 %. Dieser Erfolg hat unser ursprüngliches Ziel nicht nur erreicht, sondern übertroffen und einen neuen Standard für zukünftige Projekte gesetzt.

Teammitglieder waren
auch Zufriedener

"Andrea ist eine außergewöhnliche Produktdesignerin, mit der ich das Vergnügen hatte, zusammenzuarbeiten. Sie ist eine Expertin für herausragende Designs und Kundenerlebnisse. Andrea's Kreativität und technisches Fachwissen sind beeindruckend. Sie hat die bemerkenswerte Fähigkeit, komplexe Ideen in schöne, benutzerfreundliche Designs zu verwandeln, wobei das Benutzererlebnis immer im Vordergrund steht. Ihre positive Energie und ihre Leidenschaft für Design machen es zu einer Freude, mit ihr zu arbeiten, und sind eine Inspiration für das Team. Ihre Fähigkeiten und ihre kooperative Art machen sie zu einer unschätzbaren Bereicherung für jedes Team."

Stefan Richter

Chief Product Officer
"Andrea hilft Unternehmen dabei, eine klare Roadmap und einen Plan für die Entwicklung wichtiger Funktionen zu erstellen, wie z. B. die Neugestaltung der Suchfunktion von instamotion, und stellt dabei sicher, dass sie mit der CI des Unternehmens übereinstimmt. Ihre strukturierte Denkweise erleichtert die organisierte Projektentwicklung und macht sie zu einer unschätzbaren Bereicherung. Ihre umfangreichen Recherchen und die Beobachtung von Wettbewerbern sind entscheidend, um Produkte in die bestmögliche Form zu bringen. Sie achtet stets auf Details und strebt nach Verbesserungen, weshalb ihre Lieferungen durchweg von hoher Qualität sind. Sie ist zuverlässig und bietet sofortige Unterstützung, wenn sie für ein Projekt gebraucht wird, was sie zu einer großartigen Kollegin macht. "

Anna-Lena Lenz

Senior Product Manager
"Andrea spielt eine entscheidende Rolle bei der Verbesserung unserer Website-Konversions- und Engagement-Raten bei instamotion und hilft uns, unsere KPIs zu erreichen. Vor kurzem hat sie unsere Website neu gestaltet und ein fortschrittliches Designsystem in Figma entwickelt, das den Workflow für unsere Softwareingenieure erheblich vereinfacht. Für jede neue Funktion führt Andrea gründliche Recherchen durch, um kundenorientierte Lösungen zu entwickeln. Dabei arbeitet sie mit unseren Projektmanagern zusammen, um die Projekte in überschaubare Schritte für eine schnelle Umsetzung und iterative Tests aufzuteilen. Ich kann Andrea jedem Unternehmen, das seine UX/UI-Fähigkeiten stärken und ausbauen will, nur empfehlen."

Jan Döring