Wireframes · site public + platforma membrilor
Identitatea nouă, cap-coadă
Tot ce e aici e pe identitatea aprobată de client — navy #020817, auriu #e5cb94, Archivo Narrow + Inter. Sus, site-ul public și traseul de funnel. Jos, cele trei variante de platformă, aduse pe același brand.
Site public
Homepage-ul construit din documentul de copy al clientului, pe designul variantei V4, plus paginile de funnel. HTML static — nimic din aplicația Angular live nu a fost modificat.
Pagina principală
Cele 13 secțiuni din documentul de copy, plus CTA-ul final și footer-ul mare. Include modalul de consultanță, popup-ul și butonul flotant.
Deschide › FUNNEL 01Sesiune de consultanță
Varianta pe pagină întreagă a modalului, pentru trafic care intră direct din reclame. Slot de formular pregătit.
Deschide › FUNNEL 02Confirmare
Ecranul de după trimiterea formularului: ce urmează, în trei pași, și drumurile înapoi în site.
Deschide › FUNNEL 03Training gratuit
VSL-ul actual, cu textul live neschimbat, îmbrăcat în estetica nouă. Video-ul vine de pe CloudFront.
Deschide ›Platforma membrilor
Aceleași cinci ecrane, trei paradigme diferite de navigare. Alege pe care o ducem în Angular.
Ce e demonstrabil, nu doar desenat
- Watermark cu username-ul peste video, care schimbă colțul la 10 secunde și rămâne în fullscreen.
- Progresul se salvează real (în
localStorage): dă play 20 de secunde, dă refresh și primești „reia de la…”. - Uploadul din admin arată progres, iar episoadele se reordonează prin drag & drop.
Cum le compari repede
- Butonul V1 / V2 / V3 din colțul din dreapta-jos sare la același ecran în altă variantă.
Alt + Rresetează progresul demo la starea inițială (Modulul 2, episodul 4, minutul 12:37).- Detaliile, comparația și notele de implementare sunt în README.md.