UX und UI Design für strategische Produktentwicklung

User Experience für Gebrauchtwagensuche

Autoindustrie

Deutschland

UX Design

Büro des Designkunden in Berlin, Deutschland.
KUNDEOLX GROUP Ltd.
ORTPortugal, Deutschland, Polen
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBSEITE

OLX ist in vielen Ländern Marktführer für Kleinanzeigen. Allein im Bereich Gebrauchtwagen benutzen jeden Monat mehrere Millionen Menschen die Apps um Autos, Motorräder und Autoteile zu finden und zu verkaufen.

Doch die User Experience auf mobilen Geräten, sowohl auf der Website als auch auf den native Apps war nicht gut genug. Sie haben unsere UX Design Agentur damit beauftragt, eine langfristige Designvision für die mobile User Experience zu erstellen.

Wir haben ein UX und UI Design für bestimmte Module umgesetzt und ein neues Design System entwickelt.

UNSER BEITRAG

UX Design

UX Flow

Design für Prototyp

Konzeptdesign

Interaktionsdesign

UI Design - Design System

Design Validierung

Qualitätskontrolle

Fahrendes rotes Auto neben UI Design für mobile App.

DESIGN WORKSHOP IN LISSABON

Zwei Designer und der Projektleiter besuchten OLX in Lissabon für einen dreitägigen Designworkshop. Zusammen haben wir uns die User Research Ergebnisse angeschaut, sowie Marketingdaten und die vorigen Designideen, die das Team ausprobiert hatte. Wir konnten mit Leuten aus verschiedenen Abteilungen sprechen und die Besonderheiten der verschiedenen Märkte, wie Deutschland, Südafrika, Polen, Rumänien, etc. einfließen lassen.

Das Ergebnis der Workshops war eine Prioritätenliste und eine Strategie für das gesamte Designprojekt.

Häuser aus Lissabon wo der Designkunde zuhause ist.
Bild aus Lissabon wo die Designworkshops gehalten wurden.
Büro des Designkunden wo das Designworkshop passiert ist.

EINE NEUE LOGIK FÜR USER JOURNEYS

Das Ziel des Projektes war es, ein Design für die mobile User Experience zu erstellen, dass man in etwa einem Jahr umsetzen kann. Deshalb haben wir uns nochmal Gedanken zu den Features gemacht. Wir haben an Marketing, Trends und den Fortschritt der Technologie gedacht. So konnten wir ein Konzept entwickeln, das für OLX einen echten Mehrwert beinhaltete.

Aus einer datengetriebenen Perspektive heraus haben wir dann User Journeys entworfen, die auch neue Features beinhalteten. Die Designer waren ständig in Kontakt mit dem Kundenteam, sodass wir die futuristischen Visionen mit einer realistischen Denkweise abstimmen konnten.

User Flow Diagramm mit einfachen Designskizzen als Grundlage für User Experience Design.
User Experience Design Dokumentation für mobile App
User Experience Design Dokumentation für mobile App

VALIDIERUNG DER UX DESIGN KONZEPTE

Dann haben wir mit dem UX Design für jedes einzelne User Journey begonnen. Unsere Ideen für Designs haben wir mit Wireframes und interaktiven Prototypen dargestellt.

Alle zwei Tage haben wir dem Produktteam ein Update geschickt und am Ende jeder Woche gab es ein Meeting mit dem gesamten OLX Projektteam. Dort waren auch Mitarbeiter aus dem Marketing, die VPs und die Entwickler dabei.

Wir haben immer unsere Denkweise erklärt, sowie die Thesen, die hinter den Designs standen. Zudem haben wir Alternativen vorgestellt und Empfehlungen für die Umsetzung gegeben. Der gesamte Entscheidungsprozess wurde in Confluence dokumentiert, wodurch das wöchentliche Abschluss-Meeting immer produktiv endete.

Viele Wireframes zeigen die User Experience und Pfeile geben Hinweise auf User Flow.

DESIGN TRAINING FÜR DAS TEAM DES KUNDEN

Mit einem stabilen User Experience Design Konzept war es an der Zeit, uns an das UI Design zu machen. Unser Designer hat zwei Wochen in Lissabon bei dem Kunden verbracht. In dieser Zeit haben wir Workshops organisiert und die Designer im Umgang mit dem neuen Design System geschult.

Dazu gab es noch Workshops mit Mitarbeitern zu Themen wie Marketing und Produktmanagement um die neue Strategie zu vertiefen.

Büro für Meetings mit der UX-UI Design Agentur.
Saal in Berlin für Treffen mit der Design Agentur.
Meetingraum für treffen mit dem Creative Navy Designteam.

UI DESIGN ALS TEIL DER STRATEGIE

OLX betreibt mehrere Brands in verschiedenen Ländern und das UI Design, dass wir entwickelt haben, ist Brand agnostisch. Das heißt, es passt sich immer an die jeweiligen Brandfarben an. Das macht es viel einfacher für OLX, den Code aktuell zu halten. Wir haben die UI Design Library auf ein Minimum reduziert. Das verleiht dem Design Konsistenz und macht es zudem besser, sowohl für Benutzer als auch für Entwickler. Das neue Design lädt viel schneller.

Wir haben alle Designs auf Barrierefreiheit und nach unseren internen Qualitätsstandards getestet. Alles wurde in Confluence dokumentiert.

Startbildschirm der mobilen Anwendung vor der Umgestaltung
Drei UI Designs für die mobile App im Vergleich.
UX/UI Design Konzept für eine mobile Anwendung zur Fahrzeugsuche
Quotes

Es ist richtig gut mit Experten zusammenzuarbeiten die unsere Ideen in nützliche Designs umsetzen können und ich finde eure offene Einstellung super.

Leiter Produktdesign beim Designkunden.
Tiago CabaçoLeiter Produktdesign @ OLX
Feedback vom Kunden an die UX/UI Design Agentur.
Frau geht in Meetingraum für Designworkshop.
Autoreifen der in der digitalen App verkauft wird.
Design-Elemente

EINE NEUE DESIGN VISION IST FERTIG

Als OLX auf unsere UX/UI Design Agentur zukam, standen sie unter Druck ein visionäres Design auf die Beine zu stellen, dass zudem aber auch schnell umsetzbar sein musste. Sie wussten nicht, wie man eine langfristige Vision mit Pragmatismus vereinen konnte.

In zehn Wochen haben wir neue Features entwickelt, ein User Experience Design definiert und ein UI Design erstellt. Dazu haben wir das Produktteam mit konkreten Designs und einer Toolbox ausgestattet, die weiter verwendet werden kann.

Im Laufe des Designprojektes haben wir eng mit dem Kunden zusammengearbeitet.

ERGEBNISSE

User Flows und User Experience in 6 Wochen geliefert

Brand agnostisches Design System in 4 Wochen geliefert

Feature Roadmap mit Protokollen für Testing

Dokumentation der Designs in Confluence

Training für Design- und Produktteams

Siehe auch

OTOMOTO APP

Die App wird von 7 Millionen Nutzern pro Monat benutzt um Autos zu kaufen

AUTOVIT APP

Das Brand in Rumänien existiert bereits seit mehr als 18 Jahren

AUTO TRADER APPLIKATION

Süd Afrikanische Variante der App die von Millionen benutzt wird

STANDVIRTUAL APP

Die portugiesische App ist marktführend