Clevertronic

Clevertronic Stage
Für:
Clevertronic
Web:
Clevertronic
Wann:
2021
ToDo:
UX Design, UI Design, Web Design, CI/CD Design

Neustart, Rebrush, Refactoring

Clevertronic.de ist ein Online-Shop für generalüberholte Smartphones, Tablets, Smartwatches und andere Elektrogeräte. Der Fokus liegt aber klar im Bereich der Kommunikation. Clevertronic bietet nicht nur Second-Hand Geräte an, sondern gibt dir auch gleichzeitg die Möglichkeit, deine eigenen Geräte für einen fairen Marktpreis zu verkaufen. Das Refurbish-Geschäft erlebt zur Zeit einen kleinen Hype und ist in Punkto Nachhaltigkeit eine sehr schöne Gelegenheit. Wobei man Clevertronic auf jeden Fall zu den Pionieren in diesem Segment zählen darf.

„Wir wollen unseren gesamten Shop neu machen“

Als alter Player war auch die Website ein bisschen in die Jahre gekommen. Der klassische Fall eines organischen Wachstums. Immer mehr Features, Informationen, Filtermöglichkeiten und Prozesse wurden eingeführt und in das bestehende System integriert. Zeit, diesen Umfang einmal neu zu strukturieren und auf die Bedürfnisse der Besucher zu optimieren.

Clevertronic Pages

ToDos, Herausforderungen und viel Arbeit

Bei einem Projekt dieser Größe fallen natürlich Unmenegn an Aufgaben und Stolpersteinen an. Hier mal ein kurzer Überblick.

Aufgabenstellung:

  • Weiter- bzw Neuentwicklung des CI/CD und einem CI Konzept für die neue Website
  • Erfassung und Neustrukturierung aller User-Flows und Prozesse wie bspw. Kaufen, Verkaufen, Bestellen, Informieren..
  • Fokussierung auf Mobile User
  • Überarbeitung und Reduzierung sämtlicher Seite Templates
  • In Summe das Redesign des gesamten Shops

Herausforderungen:

  • Ein knappes Zeitfenster von 3 Monaten
  • Eine unglaublich verwinkelte Website mit unzähligen Sonderfällen, Informationen und Funktionen

 

Clevertronic Product Page

Produkt Details Seite

Eine der größten Herausforderungen überhaupt. Unendliche viele Auswahlmöglichkeiten wie Farben, Größen, Zuständen, sowie viele kleine Informationen.

Clevertronic Checkout

Der Checkout

Der Checkout als (mit)wichtigstes Element im Userflow war ebenfalls eine besondere Herausforderung. Durch Konzentrierung und Umstrukturierung konnten wir ein gutes Ergebnis erzielen.

Was habe ich gemacht?

Als  allererstes habe ich mich mit der allgemeinen Designsprache auseinandergesetzt und viele einzelne Elemente wie Schriften, Farben, Buttons, Felder, Schatten, Bildsprache etc. auseinandergesetzt um für die bevorstehenden Redesign Arbeiten eine gute Basis zu haben. Da ich mit Adobe XD arbeite habe ich mir direkt einen eigenen Bibliothek aus Farben, Schriften und Komponenten erstellt.

Im nächsten Schritt haben wir uns gemeinsam die einzelnen Flows angeschaut und geprüft wo der Kunde wie zurecht kommt und was wir daraus lernen können. Im Anschluss habe ich die einzelnen Flows einmal schnell skizziert und mögliche Einsparpotenziale aufgeführt.

Mit den neuen Erkenntnissen habe ich einmal die Startseite neu designed, damit wir alle eine bessere Vorstellung vom neuen Look & Feel bekommen und ggf noch etwas nachjustieren können. Im Nachgang haben wir dann in einem Projektplan die einzelnen Templates aufegführt und zeitlich eingeordnet. Somit begann dann der eigentliche Overhaul der Website.

Viele Details und kleine Schritte

Über die Zeit hinweg habe ich dann alle Seitentemplates und Prozesse restrukturiert und in Mockups/Screendesigns redesigned.  Unter anderem waren das die:

  • Startseite
  • Produkübersichtseiten
  • Produktdetailseiten
  • Contentseiten
  • Verkaufprozess
  • Bestellprozess
  • Filterung
  • Tooltipps, PopUps etc.

Schrittweise habe ich dann die Designs in Zeplin hochgeladen und wir haben über Abstimmungsrunden die Ergebnisse besprochen, nachgebessert und letztendlich verabschiedet. Parallel haben die Entwickler angefangen die neuen Templates und Module umzusetzen.

 

Clevertronic Filter

Schlusswort

Das Redesign von Clevertronic.de war auf jeden Fall bisher eine der spannendsteen und umfangreichsten Projekte. Auch, dass ich mich einmal nur ums Designen kümmern konnte und nicht selbst

Kontakt

Lass uns was zusammen starten!

Wenn dir meine Arbeit gefällt schreib mir einfach eine Nachricht, oder ruf mich einfach an. Gerne vereinbaren wir dann zusammen ein erstes Gespräch und erörtern wobei ich dich unterstützen kann.

mail:
hi @ tischlr.co
fon:
+49 151 68400800