Prezentare generală
Daniel Tudorache este antrenor de pregătire fizică pentru tenis, cu peste 30 de ani de experiență — lucrează cu juniori de perspectivă, jucători profesioniști și alți antrenori, în România și în afara ei. Pentru el am construit două produse care merg împreună: site-ul public bilingv, care îi prezintă experiența, colaborările și serviciile — danieltudorache.ro, deja live — și platforma de antrenament dezvoltată separat în Next.js, la app.danieltudorache.ro, acum în ultima fază de dezvoltare, cu lansarea programată în curând. Site de prezentare și produs, unul lângă altul, gândite ca o singură experiență.
Provocarea
Daniel nu are un singur public — are trei. Părinții de juniori vor să fie liniștiți și să vadă rezultate concrete înainte să investească în dezvoltarea copilului. Sportivii profesioniști vor expertiză, discreție și o relație directă cu un antrenor care înțelege tenisul de performanță. Iar ceilalți antrenori și preparatori fizici caută metode de la care au ce învăța și un palmares în care pot avea încredere. Fiecare grup pune alte întrebări și reacționează la alte semnale — un site generic, care le vorbește tuturor la fel, le-ar fi pierdut pe toate trei.
Între timp, programele de antrenament — chiar produsul pe care Daniel voia să-l vândă — cereau altceva decât o extensie de membership pusă peste un site de conținut. Aveau nevoie de conturi și autentificare, de un model de date propriu pentru structura programelor și progresul fiecărui utilizator, de plăți prin Stripe, de video HD, de un panou de membru și de conținut construit din start în ambele limbi. Cerințele astea justificau o aplicație separată.
Abordarea
Am împărțit proiectul în două: un site și un produs, fiecare cu rostul lui clar, funcționând împreună ca un singur ecosistem.
Site de prezentare → WordPress, pentru că clientul avea nevoie de o interfață de editare familiară. Un WordPress customizat serios, în care Daniel și echipa lui își actualizează singuri conținutul — seminarii, testimoniale, apariții media, articole, informații despre programe — fără să se atingă de design sau de structura vizuală. Cinci parcursuri distincte: trei pentru publicurile principale (Juniori, Jucători Profesioniști, Preparatori Fizici) și două pentru serviciile care se vând direct (Programe Online, Antrenament Personal), fiecare cu intrarea și mesajul lui, toate sub aceeași identitate vizuală. Totul bilingv, română / engleză.
Platformă de antrenament → Next.js, pentru cerințele ei de conturi, plăți și date. O aplicație Next.js dezvoltată separat, pe cerințele proiectului: conturi și autentificare, model de date propriu, plăți prin Stripe și o structură de conținut pentru programe, antrenamente și progresul utilizatorilor. Pe aici ajung efectiv antrenamentele la membrii plătitori.
Site-ul și platforma împart aceeași identitate vizuală și aceeași voce de brand — trecerea de la informare la accesul în platformă e gândită să fie coerentă pentru cine ajunge pe danieltudorache.ro din Google și continuă apoi în aplicație.
Soluția
Pe site-ul de prezentare (danieltudorache.ro — live)
- Cinci parcursuri dedicate — Programe Online, Antrenament Personal, Juniori, Jucători Profesioniști, Preparatori Fizici — fiecare cu pagina, mesajul și CTA-urile lui, sub aceeași identitate vizuală
- Titluri animate, în rotație, în hero
- Testimoniale reale de la jucători, cu portrete ale unor tenismeni profesioniști
- Font custom de display, „Noir”, în pereche cu Poppins — aer de editorial sportiv premium
- Conținut bilingv RO / EN cu TranslatePress — rutare pe limbă la nivel de URL și marcaje hreflang
- Seminariile, documentate — patru etape de pregătire, fiecare cu galeria ei
- Secțiunea Sports Metrics / Metrologie Sportivă — testările de performanță pe care le face Daniel
- Galerie cu apariții media în secțiunea Despre
- Blog structurat, cu schema de articol
- Marcaje schema.org Person / Organization / Article — date structurate care descriu persoana, organizația și articolele pentru motoarele de căutare
- LiteSpeed Cache și animații pe intersection observer, pentru performanță
Pe platforma de antrenament (app.danieltudorache.ro — în dezvoltare finală)
Aici stă partea de aplicație a proiectului.
- Next.js — aplicație dezvoltată pentru cerințele proiectului, server + client components, versiuni lingvistice EN / RO la nivel de rutare
- Model de date propriu — utilizatori, programe, antrenamente, progres, istoric de plăți
- Autentificare și administrarea conturilor — login securizat, pe protocoale consacrate
- Integrare Stripe — plăți pentru accesul la programe
- Panou de membru — program săptămânal, bifarea antrenamentelor făcute, indicatori de progres
- Bibliotecă video HD de antrenamente — programe organizate pe săptămâni și faze; fiecare antrenament vine cu lista de echipament, indicații de execuție, greșeli frecvente, adaptări pe vârste și repere de intensitate
- Catalog de programe — pe categorii clare de antrenament, cu câte un program recomandat în fiecare lună
- Instrumente din știința sportului — calculatoare făcute special, pe care Daniel chiar le folosește cu sportivii lui (zone de puls, estimarea repetării maxime, ritmuri pe segmente)
- Biografia antrenorului, interactivă — gândită ca introducere în platformă
- Pagini legale (Confidențialitate, Termeni, Politica de rambursare)
- Structură bilingvă RO / EN — interfața, paginile și calculatoarele sunt construite în ambele limbi; revizia lingvistică a conținutului se finalizează înainte de lansare
Momente-cheie
Decizia de a separa site-ul de produs
Drumul scurt ar fi fost să înghesuim produsul în site-ul de prezentare, cu o extensie de membership pe WordPress. Am ales altfel. Pentru cerințele acestui proiect — model de date propriu pentru programe și progres, control asupra fluxului de plată, evoluție a produsului după lansare — o extensie ar fi legat produsul de ciclul de actualizări al site-ului editorial și ne-ar fi limitat exact acolo unde aveam nevoie de libertate. Așa că platforma e o aplicație Next.js separată, cu baza ei de date, cu autentificarea ei, cu infrastructura ei de publicare. Două piese separate, un singur brand coerent.
Parcursurile pe audiențe, scheletul întregului site
Cele mai multe site-uri de brand personal le vorbesc tuturor vizitatorilor la fel, de pe aceeași pagină principală. Site-ul lui Daniel face fix invers: primul lucru pe care îl alegi ca vizitator e cine ești. Părinte de junior? Intri aici. Sportiv profesionist? Ai altă pagină. Antrenor de pregătire fizică în căutare de metode? A treia. Fiecare parcurs e calibrat pe întrebările, grijile și vocabularul acelui public. E mai mult de lucru decât la o singură pagină principală, dar reduce riscul ca trei audiențe cu nevoi diferite să primească același mesaj generic.
Bilingv din temelii, și pe site, și pe platformă
Un site bilingv e ușor de făcut prost — de obicei pentru că a doua limbă apare abia la final. Aici, amândouă piesele au pornit din prima zi cu structură pentru ambele limbi: site-ul de prezentare folosește TranslatePress, cu rutare la nivel de URL și marcaje hreflang, iar platforma Next.js tratează EN / RO nativ, cu versiuni lingvistice direct din framework. Arhitectura acoperă complet ambele limbi; revizia editorială a conținutului continuă înainte de lansarea platformei.
De ce Next.js, nu WordPress, pentru produs
Am ales Next.js pentru cerințele produsului: conturi de utilizator, relații în baza de date, autentificare securizată, notificări de plată de la Stripe, livrare de video, programe cu structură, progres de urmărit. Pe partea editorială, WordPress a fost alegerea potrivită, pentru că acolo clientul actualizează singur conținutul. Pe partea de aplicație, aveam nevoie să gândim modelul de date de la zero, să livrăm video fluid și să putem dezvolta produsul mai departe fără să depindem de un lanț de extensii externe. Fiecare componentă a primit tehnologia potrivită rolului ei.
Stack-ul tehnic
Site de prezentare (live):
WordPress · Temă custom cu TranslatePress (RO / EN)
Font custom de display „Noir” + Poppins
LiteSpeed Cache · Animații pe Intersection Observer
Schema.org (Person, Organization, Article)
Platformă de antrenament (în dezvoltare finală):
Next.js · React · Server + client components
PostgreSQL · Autentificare și conturi · Plăți Stripe
Versiuni lingvistice (EN / RO) · Video HD
Calculatoare custom pentru știința sportului
Panou de membru cu urmărirea progresului
Rezultatul
Site-ul de prezentare e live, iar clientul îl întreține activ. Platforma de antrenament e în ultima fază de dezvoltare și se lansează în curând — dezvoltarea aplicației e finalizată; mai rămân conținutul final, revizia lingvistică și QA-ul. E proiectul pe care îl arătăm când cineva ne întreabă dacă ne putem asuma dezvoltare de produs: o platformă online de antrenament cu conturi, plăți, conținut video și urmărirea progresului, dezvoltată pe cerințele proiectului, lângă un site editorial pe care clientul îl administrează singur.
