← Zurück zum Portfolio

Sportstech Planung

KundeSportstech
RolleUX-Design
KategorieUI / UX-Design & Frontend-Entwicklung

Vollständiges Wireframe-Set für den neuen Sportstech-Onlineshop — Informationsarchitektur, User Flows und Low-Fidelity-Mockups.

UI / UX DesignWireframesUX-Research

Die Herausforderung

Die Produktseite vereinte viele verschiedene Feature-Ideen — AR-Vorschau, Experten-Bewertungen, einen Live-Spezifikationsvergleich, einen Instagram-Feed — und da jeder Block von Hand codiert werden würde statt aus einem Page-Builder zusammengesetzt, gab es kein Sicherheitsnetz, um die Struktur später neu zu ordnen, falls sie falsch war.

Die Lösung

Wir haben die gesamte Seite von Anfang an als Low-Fidelity-Wireframe-System kartiert — Hero, Preis-/Variantenauswahl, AR-CTA, Experten-Review, Vergleichstabelle und Spezifikationsblöcke —, sodass das Entwicklungsteam einen klaren, abgestimmten Bauplan hatte, gegen den es von Hand codieren konnte, bevor auch nur eine Zeile CSS geschrieben wurde.

Die Ergebnisse

9
im Voraus definierte, wiederverwendbare Seitenblöcke
-40%
Stakeholder-Review-Runden gegenüber dem alten Prozess
0
Scope-Überraschungen nach Entwicklungsstart
2
vollständig ausgearbeitete Geräte-Breakpoints
Sportstech Planung — UI / UX-Design & Frontend-Entwicklung project by Level UI for Sportstech
Ähnliches Projekt anfragenWeiter