Kleinanzeigen. Fein anzeigen.

UI Design • Copywriting

Kleinanzeigen. Fein anzeigen.

Kleinanzeigen. Fein anzeigen.

Kleinanzeigen. Fein anzeigen.

This project was created under the hand of Frank Rausch in his FH;P Course “Apps & Details”. The task was to redesign an App while strictly following the iOS-Guidelines.

I’ve chosen to tackle Ebay Kleinanzeigen.

Since I’ve done my copywriting in German for this project, as this service only exist in Germany, I kept the following text in its original version. If you are interested in my workflow, hit me up.

Kleinanzeigen. Fein anzeigen.

Kleinanzeigen. Fein anzeigen.

Der Flohmarkt.
Eine Verhandlungsbasis, die Alles vereint.

Der Flohmarkt.
Eine Verhandlungsbasis, die Alles vereint.

Der Flohmarkt.
Eine Verhandlungsbasis, die Alles vereint.

Endlich trifft man sich in der Mitte. Der Flohmarkt ist neuer Dreh- und Angelpunkt jeglichen Handelns. Ich wollte weitere Verwirrung für die User*innen vermeiden und entschied mich die Facetten des Handels (Suchen, Kaufen, Inserieren) auf einem Ort, auf einem Tab zu bündeln: auf dem Flohmarkt.


Kleinanzeigen. Fein anzeigen.

Schnäppchen. Häppchenweise.

Schnäppchen. Häppchenweise.

Schnäppchen. Häppchenweise.

Gerade Schnäppchenjäger*innen, die sich ziellos und ohne gewissen Plan in den Tiefen des Flohmarkts fallen lassen wollen, brauchen ein Umfeld, dass nicht nur angenehm von der Hand geht, sondern auch wegweisend ist. Daher entschied ich mich, die „Schnäppchen“ nur noch „häppchenweise“ in der Vertikalen durchstöbern zu lassen.


Kleinanzeigen. Fein anzeigen.

Visuelle Hierarchhie statt Anarchie.

Visuelle Hierarchhie statt Anarchie.

Visuelle Hierarchhie statt Anarchie.

Um das Stöbern zu erleichtern brauchte es dringend eine Überarbeitung der visuellen Hierarchien. Ich versuchte das anarchische Informationschaos mit einem neuen kleinen Design-System (Reduzierte Typo-Auswahl und neue CI Farbpalette) zu beruhigen und angenehmer für das shoppende Auge zu gestalten.

Kleinanzeigen. Fein anzeigen.

Kleinanzeigen. Fein anzeigen.

Ein Beauty-Filter für den Filter.

Ein Beauty-Filter für den Filter.

Ein Beauty-Filter für den Filter.

Gerade weil mein Fokus auf dem User-Flow vom Suchen und Finden lag, war es mir wichtig, die Filter-Funktion besonders angenehm zu gestalten.

Auch wenn die ursprüngliche Version sehr iOS-konform war, wirkte sie auf mich sehr inspirationslos. Daher entschied ich, mich an Komponenten zu wagen, die etwas verspielter, aber mir trotzdem nutzer*innenfreundlicher erschienen.
Ebenso entschied ich, die verschiedenen Parameter nicht hinter Drill-Downs zu verstecken, sondern alle gemeinsam auf einem Modal zu präsentieren - mit dem Hintergedanken eine höhere Accessibility und Spaß am Suchen zu erreichen.

Kleinanzeigen. Fein anzeigen.

Kleinanzeigen. Fein anzeigen.

Das Auge shoppt mit.

Das Auge shoppt mit.

Das Auge shoppt mit.

Steht man kurz davor ein erstes Angebot abzugeben, kommt es darauf an, das Wesentliche genau überblicken zu können. Daher musste auch hier wieder an der visuellen Hierarchie gedreht werden.

Irrelevante Informationen wurden verlagert, oder ganz aussortiert, relevante Informationen wurden hingegen visuell gebündelt und markanter dargestellt.

So, das wir alles Wichtige angenehm auf einem Blick haben - denn wir wissen: das Auge shoppt mit.

Kleinanzeigen. Fein anzeigen.

Kleinanzeigen. Fein anzeigen.