01 · idealo · Team Lead UX Design & Lead Designerin
Relaunch der Startseite: vom Schaufenster zum Einstieg
Die Startseite von Deutschlands größtem Preisvergleich sollte Nutzer:innen schneller zu passenden Produkten führen – mit klarer Navigation, mehr Orientierung auf den ersten Blick und Inhalten, die zueinander passen.
Ausgangslage
Die alte Startseite funktionierte wie ein Schaufenster: Ein bildschirmfüllendes Kampagnenmotiv stand im Mittelpunkt, darunter folgten einzelne Module ohne erkennbaren Zusammenhang.
Wer ohne konkreten Suchbegriff kam, fand wenig Orientierung. Die Kategorien lagen hinter einem Menü, die Trendbegriffe waren eine lose Textzeile, und auf dem ersten Bildschirm war kein einziges Produkt zu sehen.
Die Kampagne belegt fast den gesamten sichtbaren Bereich.
Stöbern beginnt mit einem Klick auf ein Menü statt mit sichtbaren Einstiegen.
Produkte, Schnäppchen und Newsletter stehen nebeneinander, ohne roten Faden.
Kacheln zeigen Preis und Note, aber kaum Signale für Vertrauen und Relevanz.
Meine Rolle
Als Team Lead UX Design habe ich das Designteam durch den Relaunch geführt und gleichzeitig als Lead Designerin die Gestaltung der neuen Startseite verantwortet – von der Analyse bis zum Rollout.
- Führung und Steuerung des UX-Teams
- Lead Design der neuen Startseite
- Analyse der bestehenden Startseite und Nutzungsdaten
- Research zu Einstiegs- und Suchverhalten
- Informationsarchitektur und Modulsystem
- Wireframes und Prototypen
- Usertests und A/B-Tests
- Abstimmung mit Produkt, Engineering und Marketing
Prozess
- 1VerstehenHeatmaps, Scrolltiefe und Klickpfade zeigten, wo die Startseite Nutzer:innen verliert und welche Module kaum genutzt werden.
- 2Nutzer:innen fragenInterviews und Usertests zur Kernfrage: Wie starten Menschen ihre Produktsuche – mit Suchbegriff oder stöbernd?
- 3Struktur neu denkenNeue Informationsarchitektur: Suche als Zentrum, Kategorien sichtbar, Inhalte in thematischen Clustern statt Einzelmodulen.
- 4Modulsystem entwerfenWiederverwendbare Bausteine – Kategorie-Kachel, Produktkarte, Kampagnen-Teaser, Deal-Karte – die sich flexibel kombinieren lassen.
- 5Testen & iterierenPrototypen im Usertest, danach schrittweise A/B-Tests der einzelnen Module statt eines großen Big-Bang-Relaunchs.
- 6AusrollenÜbergabe ins Design System, damit Produkt- und Marketingteams neue Startseiten-Inhalte eigenständig zusammenstellen.
Was sich verändert hat
Drei Bereiche zeigen, wie aus einzelnen Modulen ein zusammenhängender Einstieg wurde.
A Navigation & erster Eindruck
Die Suche rückt in den Mittelpunkt des Headers, Merkzettel, Preiswecker und Konto sind direkt erreichbar. Eine Kategorienleiste mit Icons ersetzt die versteckte Navigation. Statt eines Vollbild-Motivs zeigt der erste Bildschirm beliebte Kategorien und Produkte, die Kampagne bekommt einen kompakten Platz daneben.
B Produkte in thematischen Clustern
Kategorien, passende Produkte und eine Kampagne bilden jetzt eine thematische Einheit, etwa rund um Gaming. Die Produktkarten bekommen mehr Entscheidungshilfe: Bestseller-Label, Bewertungssterne, Rabatt-Badge und ein Herz zum Merken direkt auf der Karte.
C Flüge mit konkretem Angebot
Aus einer dunklen Preisliste werden visuelle Deal-Karten: Zielbild, Route, Reisezeitraum, Direktflug-Hinweis und Streichpreis machen das Angebot greifbar. Die Liste bleibt als kompakter Einstieg für weitere Ziele erhalten.
Eine Startseite, die nicht nur inszeniert, sondern beim Finden hilft – mit sichtbaren Einstiegen, Entscheidungshilfen und einem flexiblen Modulsystem.
Ein modulares System zahlt doppelt ein: Nutzer:innen finden schneller, was sie suchen, und Teams können Inhalte saisonal anpassen, ohne jedes Mal neu zu gestalten.
Die ganze Seite im Überblick
