← Înapoi la portofoliu

Planificare Sportstech

ClientSportstech
RolDesign UX
CategorieDesign UI / UX & dezvoltare frontend

Suită completă de wireframe-uri pentru noul magazin online Sportstech — arhitectura informației, fluxuri utilizator și machete low-fidelity.

Design UI / UXWireframe-uriCercetare UX

Provocarea

Pagina de produs combina multe idei de funcții diferite — previzualizare AR, recenzii de la experți, o comparație live de specificații, un feed Instagram — și, cum fiecare bloc urma să fie codat manual în loc de asamblat dintr-un page-builder, nu exista o plasă de siguranță pentru a rearanja lucrurile mai târziu dacă structura era greșită.

Soluția

Am mapat întreaga pagină ca un sistem de wireframe-uri low-fidelity, din start — hero, selector preț/variantă, CTA AR, recenzie expert, tabel de comparație și blocuri de specificații — astfel încât echipa de dezvoltare a avut un plan clar și agreat după care să codeze manual, înainte de a scrie vreo linie de CSS.

Rezultatele

9
blocuri de pagină reutilizabile definite din start
-40%
runde de revizuire ale stakeholderilor față de procesul vechi
0
surprize de scope odată ce a început dezvoltarea
2
breakpointuri de dispozitiv realizate complet în wireframe
Planificare Sportstech — Design UI / UX & dezvoltare frontend project by Level UI for Sportstech
Vrei un proiect similar?Înainte