← Portofoliu CodePen

Alpis Impact Path

Flow de onboarding orientat pe acțiune, nu pe document static.
Action-first onboarding flow, not a static long-form page.

Mini-walkthrough: Deschide dashboard-ul → click pe un lead → vezi cum se actualizează statusul și recomandarea de acțiune din pasul curent.
Open dashboard → click a lead → watch status and next-step recommendation update.

Case study — Problemă → Decizie → Rezultat

Problemă

Onboarding-ul era prea dens: 5 ecrane lungi, fără feedback de progres și fără CTA intermediar.

Decizie

Am comprimat traseul în 2 pași majori + indicator de progres și CTA contextual în fiecare etapă.

Rezultat

Onboarding flow redus de la 5 ecrane la 2 pași, cu decizie clară pe fiecare ecran.

Am menținut conținutul principal, dar l-am repartizat în segmente scurte care prioritizează acțiunea. Asta reduce oboseala cognitivă și crește predictibilitatea pentru utilizatorii noi.
Content stayed intact but was redistributed into action-first chunks to reduce cognitive load.

Progresul persistent (pas + procent) oferă orientare continuă și reduce abandonul în zonele critice ale flow-ului.
Persistent progress (step + percent) keeps orientation and lowers drop-offs in critical sections.

Screenshot-uri proiect

ImpactPath hero
ImpactPath flow
ImpactPath detail

CodePen embed

Construit cu:

ReactViteKanbanFlow BuilderRBAC