RiveDrive

App und Website für jede Fahrt: die schönen Straßen finden, mit der Crew fahren und den Alltag erledigen. Ich verantworte das Design von beidem, vom ersten Nutzerinterview bis zum fertigen Feature.

Rolle: Product Designerin, Teilzeit
Zeitraum: Apr. 2025 — heute
Ort: Remote
Plattform: iOS-App, CarPlay & Web
Website: rivedrive.com ↗

RiveDrive app: group ride with the crew live on the map

Überblick

RiveDrive ist eine Navigations- und Community-App für Auto- und Motorradfans. Die meisten Navi-Apps beantworten eine Frage: Was ist die schnellste Straße? RiveDrive fragt etwas anderes: Was ist die beste Straße? Die App plant kurvige, landschaftlich schöne Strecken, hält eine ganze Crew auf einer Live-Karte zusammen, zeigt das Wetter entlang der Route und zeichnet auf, wie man tatsächlich gefahren ist. Sie läuft auf dem iPhone und in CarPlay, mit einer kostenlosen Version und RiveDrive Premium. Die Website rivedrive.com stellt das Produkt vor und bringt es auf den Desktop, mit Routenplaner, öffentlichen Routen, Events und einem Community-Blog.

App & Website
Designsystem
KI-Workflow

Meine Aufgaben

Verantwortung für das End-to-End-Design der Plattform über iOS-App, CarPlay und Website, von der Discovery bis zum fertigen Feature.
Gestaltung der Website rivedrive.com: eine filmische Landingpage, illustrierte Feature-Storys, Preise, Events, öffentliche Routen, ein Web-Routenplaner und ein Blog.
Aufbau des Designsystems von Grund auf: UI-Komponenten, Typografie, Farben und Interaktionsmuster.
Gestaltung von sechs zentralen Bereichen: Routenplanung, Gruppenfahrten, Wetter, Drive Performance, Ortssuche und Community-Routen.
Nutzerinterviews und Usability-Tests mit Auto- und Motorradfahrern, Iteration von Crew-Navigation, Gruppenchats und Event-Buchung.
Einführung eines KI-gestützten Design-Workflows mit Claude für schnellere Exploration, Komponentenerstellung und Konsistenzprüfungen.
Direkte Zusammenarbeit mit der Entwicklung für eine pixelgenaue Umsetzung.

Website

rivedrive.com

Die Website hat zwei Aufgaben: spürbar machen, wie sich Fahren mit RiveDrive anfühlt, und der Community ein Zuhause auf dem Desktop geben. Ich habe sie als dunkles, filmisches Erlebnis mit einem eigenen Illustrationsstil zur Erklärung der Features gestaltet.

Landingpage, Preise, Events, öffentliche Routen, ein Web-Routenplaner und ein Blog
Illustrierte Feature-Storys beim Scrollen statt einfacher Screenshots
Auf Deutsch und Englisch verfügbar

Landingpage von rivedrive.com: For those who drive with passion — **Eine Landingpage, die sich wie eine Fahrt anfühlt**Eine bildschirmfüllende Luftaufnahme von Autos auf einer kurvigen Straße und ein starker Satz: „For those who drive with passion.“ Zuerst die Stimmung, die Features folgen beim Scrollen.

Illustration zum Feature Rundtouren: Tune it to your mood — **Features, visuell erklärt**„Tune it to your mood.“ Mehr Kurven, mehr Landschaft, mehr Zeit, und die Rundtour passt sich an.

Illustration zum Wetter auf der Route: Skip the storm — **Wetter auf der Route**„Skip the storm.“ Die Illustration zeigt Regen auf der Strecke und eine trockene Alternative, die sechs Minuten länger dauert.

RiveDrive-Blog mit einem hervorgehobenen Artikel — **Ein Blog für die Community**News, Ratgeber und Geschichten für Auto- und Motorradfans, jeder Artikel in bis zu 11 Sprachen.

Seite „Explore Public Routes“ — **Öffentliche Routen**Von der Community geplante und geteilte Fahrten mit Fotos, Mini-Karte, Distanz und Dauer. Jede lässt sich direkt in der App öffnen.

App · Wichtigste Features

Routenplanung

Schnellste Straße oder beste Straße?

Fahrerinnen und Fahrer planen kurvige, schöne Strecken zu einem Ziel oder als Rundtour. Sie wählen, wie kurvig es sein soll, wie wichtig die Landschaft ist und wie viel Zeit sie zusätzlich haben, und RiveDrive zeigt genau, was das gegenüber der schnellsten Route bedeutet.

Bis zu fünf Routen, jeweils bewertet nach Kurvigkeit und Landschaft
Beliebige Punkte verschieben oder einzelne Straßen meiden
Optional über die Autobahn, um schneller zu den guten Straßen zu kommen

Gruppenfahrten

Wer fehlt noch hinter dir?

Jede Route wird mit wenigen Taps zur Gruppenfahrt. Die Crew tritt per Link oder QR-Code bei, und sobald es losgeht, sehen sich alle live auf der Karte: bis zu 50 Autos, für bis zu 12 Stunden.

Offen für alle mit Link oder nur auf Einladung mit Freigabe
Nachrichten mit einem Tap während der Fahrt: Pause, Tanken, Folgt mir, Gefahr voraus
Walkie-Talkie und CarPlay, damit der Blick auf der Straße bleibt

Wetter

Regnet es auf dem Pass?

Die Vorhersage folgt der Fahrt, nicht der Stadt. RiveDrive zeigt Temperatur und Wetter auf jedem Abschnitt der Route, passend zu dem Zeitpunkt, an dem man dort tatsächlich ankommt.

Warnungen bei Regen, starkem Wind oder plötzlichem Temperatursturz
Wetter-Pins direkt auf der Route
Die beste Abfahrtszeit finden, bis zu neun Tage im Voraus

Drive Performance

Wie bist du den Pass wirklich gefahren?

Nur mit einem iPhone in der Halterung und ganz ohne Zusatzhardware misst RiveDrive jede Beschleunigung, jede Bremsung und jede Kurve und macht daraus Daten, die man gern erkundet.

G-Kräfte im Kammschen Kreis dargestellt
Jede Kurve mit G-Kraft und Radius und wie stark davor gebremst wurde
Drive Explorer: die Fahrt Kurve für Kurve auf der Karte nacherleben

Fahrtübersicht mit Höchstgeschwindigkeit

Navigation im Alltag

Wochenend-App oder Alltag? Beides.

Vollständige Ortssuche und Navigation für den Alltag, gemacht für Autofans. Tankstelle, Parkplatz, Kaffee oder ein Hotel für die Nacht sind nur einen Tap entfernt, mit den Filtern, die beim Fahren wirklich zählen.

Filter für jetzt geöffnet, Preis und Parkplatz
Fotos, Bewertung, Adresse und Öffnungszeiten an einem Ort
Eigene Listen wie „Guter Kaffee“ oder „Waschanlage“

Community-Routen

Gute Straßen teilt man.

Fahrerinnen und Fahrer speichern ihre Lieblingsstraßen, importieren GPX-Dateien von Freunden oder aus anderen Apps und teilen Routen mit Fotos und Beschreibung. In einer neuen Region zeigt „Routen in der Nähe“, was die Community schon entdeckt hat.

Routen privat behalten oder mit der Community teilen
Allein fahren oder daraus eine Gruppenfahrt machen

Fahrten und gespeicherte Routen auf dem Startscreen

Design mit KI

Claude als Teil der Design-Pipeline

RiveDrive ist ein großes Produkt für ein kleines Team: eine iOS-App, CarPlay und eine Website. Um Schritt zu halten, ohne Abstriche bei der Qualität zu machen, habe ich KI fest in meinen Workflow eingebaut. Claude übernimmt die wiederkehrende Vorarbeit, damit ich mich auf die Entscheidungen konzentrieren kann, die für Fahrerinnen und Fahrer zählen.

01
Schnellere Exploration
Für ein neues Feature erkunde ich mit Claude in wenigen Minuten mehrere Layout- und Flow-Richtungen und verfeinere die stärkste danach von Hand in Figma.
02
Bessere Komponenten
Claude hilft mir, alle Varianten und Zustände einer Komponente zu erfassen: leer, ladend, Fehler, lange deutsche Texte, dunkle Karte. So kommen weniger Lücken in der Entwicklung an.
03
Konsistenzprüfungen
Vor der Übergabe prüfe ich App- und Web-Screens mit Claude gegen die Regeln des Designsystems, um Abweichungen bei Abständen, Typografie, Farben und Texten früh zu finden.
04
UX-Texte in zwei Sprachen
Kurze, klare Texte sind wichtig, wenn jemand fährt. Ich entwerfe und schärfe Interface-Texte auf Englisch und Deutsch mit Claude und halte dabei einen einheitlichen Ton.
05
Research-Synthese
Notizen aus Interviews und Usability-Tests werden schneller zu klaren Themen und nächsten Schritten, damit die Erkenntnisse direkt in die nächste Iteration fließen.
06
Reibungslose Übergabe
Spezifikationen, Edge Cases und Akzeptanzkriterien entstehen parallel zu den Designs, sodass die Entwicklung das komplette Bild hat und die Umsetzung der Absicht entspricht.