So haben wir die Usability der Continental-Reifensuche-Website optimiert

Die Continental-Reifensuche-Ergebnisseite hat ein UX-Upgrade bekommen. Bessere Filter, klarere Darstellung, hilfreiche Infos – und viele Ideen für den nächsten Feinschliff. Erfahre, wie kleine Details die Reifensuche-Website von Contintental benutzerfreundlicher machen.

Auf den ersten Blick mag es wie eine kleine Veränderung wirken, aber im Detail hat sich auf der Ergebnisseite vieles zugunsten der Nutzer und einer besseren Usability geändert.Auf Basis von Expert Reviews und Usertestings haben wir viel über die Nutzerbedürfnisse herausgefunden und daraufhin die Ergebnisseite entsprechend angepasst. Hier findest du das Ergebnis.

Was wurde genau verbessert?

➡️ 1. Filter wurden ausgebaut

Filter sind besonders wichtig auf einer Suchergebnisseite, damit der Nutzer die Ergebnisse gezielt auf seine Bedürfnisse anpassen kann und direkt sieht, welche Auswirkungen seine Auswahl hat.
Deshalb haben wir hier besonderen Wert auf eine gute Nutzerführung gelegt:

  • Desktop: Der Filterbereich ist jetzt standardmäßig geöffnet und bietet detaillierte Filteroptionen, die für die Nutzer besonders relevant sein können. Kategorien müssen nicht mehr wie zuvor ein- und ausgeklappt werden. Wenn ein Filter ausgewählt wird, wirken sich die Änderungen direkt auf die Ergebnisse aus.
  • Mobile: Der Filter kann über einen Button geöffnet werden. Die Änderungen werden über einen „Anwenden“-Button übernommen. Bereits im Button wird angezeigt, wie viele Ergebnisse nach Anwendung des Filters angezeigt werden.

➡️ 2. Kacheln sind visuell klar voneinander abgegrenzt

Im Usertesting hatten viele Nutzer Schwierigkeiten zu erkennen, welche Informationen zu welchem Reifen gehören.
Um dies zu verbessern, haben wir jeder Kachel eine feine Umrandung (Border) gegeben, um den Inhalt klar visuell zusammenzufassen. Außerdem haben wir zwischen den Kacheln einen kleinen Abstand eingefügt, damit sie optisch „atmen“ können.

➡️ 3. Nützliche Informationen wurden hinzugefügt

Wenn zu viele Reifen vorgeschlagen werden, fühlen sich Nutzer oft überfordert und können sich nur schwer entscheiden.
Um ihnen klare Entscheidungshilfen zu geben, haben wir die EU Tire Labels integriert.
Mit einem einfachen Farbsystem und einer Skala von A–E können Nutzer schnell sehen, wie ein Reifen in den Bereichen Kraftstoffeffizienz, Nasshaftung und Abrollgeräusch abschneidet.
Diese Labels werden sowohl in den Kacheln als auch in den Filtern einheitlich dargestellt. Sie entsprechen dem Branchenstandard und werden von Nutzern leicht wiedererkannt.

➡️ 4. Abstrakte Begriffe werden genauer erklärt

Im Reifenbereich gibt es viele technische Begriffe, die nicht jeder Nutzer sofort versteht – z. B. Runflat oder ContiSeal.
Solche Begriffe werden nun direkt erklärt: Wir haben Info-Icon-Buttons ergänzt, über die Nutzer auf Desktop per Hover und auf Mobile per Tap zusätzliche Informationen erhalten.

🚀 Fortsetzung folgt

Das war ein kleiner Einblick in die Optimierungen der Reifen Ergebnisseite von Continental.
Weitere Ideen sind bereits in Planung 💡🤔 – gemeinsam mit dem Kunden werden wir Prozesse und Seiten hinsichtlich der Nutzerfreundlichkeit kontinuierlich weiterentwickeln. Stay tuned!

Kurz zusammengefasst

What is Webflow and why is it the best website builder?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

What is your favorite template from BRIX Templates?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you clone a template from the Showcase?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

Why is BRIX Templates the best Webflow agency?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

When was Webflow officially launched?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you integrate Jetboost with Webflow?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

What is Webflow and why is it the best website builder?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

What is your favorite template from BRIX Templates?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you clone a template from the Showcase?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

Why is BRIX Templates the best Webflow agency?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

When was Webflow officially launched?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you integrate Jetboost with Webflow?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

Entdecken
Zurück zur Stories-Übersicht
Startet euer Projekt mit uns!
Wir freuen uns auf euch!
Bild vom Geschäftsführenden Gesellschafter Henrik Johannsen
Deine Ansprechperson
Henrik Johannsen
Kontakt
Screenshot des Haltestellen-Management-Systems
Screenshot des Haltestellen-Management-Systems
Teaser Bild der Story oder des Projektes
Screenshot des Haltestellen-Management-Systems
UX/UI-Redesign der Haltestellen-Management-Systems des Nordhessischen Verkehrsverbunds NVV
UX/UI-Redesign der Haltestellen-Management-Systems des Nordhessischen Verkehrsverbunds NVV
UX/UI-Redesign der Haltestellen-Management-Systems des Nordhessischen Verkehrsverbunds NVV
UX/UI-Redesign der Haltestellen-Management-Systems des Nordhessischen Verkehrsverbunds NVV
Projekt-Referenzen

Für den Nordhessischen Verkehrsverbund NVV haben ein UX-/UI-Redesign des Haltestellen-Management-System (HMS) zur Verwaltung und Qualitätssicherung der Haltestellen entwickelt.

EntdeckenEntdecken
Entdecken
Illustration von einem Bayern, der mit Alexa spricht
Illustration von einem Bayern, der mit Alexa spricht
Teaser Bild der Story oder des Projektes
Illustration von einem Bayern, der mit Alexa spricht
MVV-Fahrplanauskunft für Amazon Alexa
MVV-Fahrplanauskunft für Amazon Alexa
MVV-Fahrplanauskunft für Amazon Alexa
MVV-Fahrplanauskunft für Amazon Alexa
Projekt-Referenzen

Die Fahrplanauskunft des Münchner Verkehrs- und Tarifverbund GmbH (MVV) wurde von uns als Skill für Amazon Alexa entwickelt.

EntdeckenEntdecken
Entdecken

Kontakt

Wir freuen uns auf euch!

Bild vom Geschäftsführenden Gesellschafter Henrik Johannsen
Deine Ansprechperson
Henrik Johannsen
PROJEKTIONISTEN® GmbH
Schaufelder Straße 11
30167 Hannover
Vielen Dank für deine Nachricht! Wir werden uns so schnell wie möglich bei dir melden.
Ihre Nachricht konnte nicht gesendet werden. Schreibe uns bitte per Mail (info@projektionisten.de).