De la un folder cu 40 de PDF-uri la un site bilingv, live — în două zile

Așa arată punctul de pornire al majorității site-urilor de prezentare, chiar dacă nimeni nu-l pune în portofoliu: un folder. În cazul VistaVerde — un integrator de sisteme fotovoltaice din Câmpina — folderul conținea 40 și ceva de fișiere: fișe tehnice PDF de la cinci furnizori, prezentări PowerPoint interne, poze trimise pe WhatsApp de pe șantier și un logo în format JPEG. Zero texte de site. Zero structură. Zero design.

Două zile de lucru mai târziu, vistaverde.ro era live: 13 pagini în două limbi, prețuri verificate contra fișelor tehnice, scor SEO 95/100, formular de contact funcțional și e-mailul firmei mutat fără nicio secundă de întrerupere.

Articolul ăsta arată exact cum s-a întâmplat — inclusiv părțile care de obicei nu se povestesc: discrepanțele din documentele furnizorilor, capcana care era să omoare e-mailul firmei la lansare și de ce clientul a rescris matematica unuia dintre grafice. Iar la final, pentru cei curioși, partea tehnică: cum lucrăm efectiv cu agenți AI ca să comprimăm săptămâni în zile.

Adevărul e în documente, nu în inspirație

Prima zi nu a început cu design, ci cu citit: fișe tehnice de baterii, panouri și invertoare, liste de prețuri, manuale de utilizare. Pentru un site care afișează cifre — prețuri, garanții, specificații — sursa de adevăr nu e „ce sună bine", ci documentul furnizorului.

Faza asta a scos la iveală exact genul de probleme care, nedetectate, ajung pe site și erodează încrederea:

• Aceeași specificație, două valori. Timpul de comutare pe baterie la pană de curent apărea ca „8 ms" într-un document al furnizorului și „20 ms" în altul. Am citit ambele surse: 8 ms era timpul comutatorului static (o componentă), 20 ms era comutarea completă garantată. Pe site a intrat cifra garantată — iar în tabelul de specificații, valoarea tehnică exactă, cu context.
• O eficiență de panou greșită. Un model apărea cu 23,2% într-un loc și 23,5% în altul. Fișa tehnică a tranșat: 23,5%.
• Prețurile, verificate la virgulă. Fiecare preț de pe site a fost confruntat cu tabelul de prețuri al clientului. Toate au bătut, la un curs de 5,00 lei/euro — dar „toate au bătut" e o concluzie pe care o poți afirma doar dacă ai făcut verificarea.

Morala pentru orice proiect: site-ul e o interfață peste realitatea firmei. Dacă realitatea din documente e contradictorie, contradicția trebuie rezolvată înainte să scrie cineva un rând de HTML.

Designul se decide pe ecran, nu în Word

Nu am trimis clientului un document cu „propunere de structură". Am construit direct designul interactiv al tuturor celor 11 pagini — navigabil, cu texte reale extrase din documente, cu prețurile reale — și l-am iterat pe ecran până a arătat cum trebuie.

Diferența față de procesul clasic (wireframe → mockup → aprobare → implementare, cu câte o rundă de feedback la fiecare pas) e brutală: clientul reacționează la ceva ce arată ca produsul final, nu la abstracțiuni. „Mută graficul mai jos", „pune backup-ul primul", „poza asta, nu aia" — feedback concret, aplicat în aceeași zi.

Construcția: bilingv și SEO din ziua întâi, nu „opțional, la final"

Când designul a fost aprobat, site-ul s-a construit pe Next.js cu două decizii luate din prima zi, nu amânate „pentru faza a doua":

Bilingv de la fundație. Româna pe vistaverde.ro/, engleza pe /en/, cu tag-uri hreflang corecte între ele — pentru că VistaVerde are și clienți corporate străini. Retrofitarea unei a doua limbi pe un site existent costă de regulă mai mult decât construirea bilingvă de la zero.

SEO ca parte din construcție. Fiecare pagină a plecat din fabrică cu: titlu și descriere unice, date structurate (Organization, FAQ, Product cu prețuri, breadcrumbs), imagine Open Graph generată individual pentru share pe WhatsApp/Facebook/LinkedIn, sitemap cu hreflang și robots.txt. Auditul SEO intern făcut înainte de lansare a urcat scorul de la 78 la 95 din 100 — cu lista de probleme rezolvată punct cu punct, nu „luată la cunoștință".

Un detaliu care se uită des: și versiunea engleză a trecut printr-un audit de localizare separat, cu ~90 de corecturi — de la formatele numerelor („63.000 €" înseamnă 63 de mii pentru un român și 63 de euro pentru un englez) până la termeni de industrie. Un site „tradus" care afișează prețuri în format greșit nu e bilingv — e o traducere de formă.

Detaliile care vând: expertiza clientului, băgată în interfață

Momentul meu preferat din proiect nu a fost tehnic. Pagina de baterii avea un grafic financiar despre economia adusă de o baterie de stocare. Clientul s-a uitat la el și a spus, în esență: „Matematica e greșită. La casnic, surplusul solar nu e gratis — e compensat cantitativ de furnizor. Costul real al încărcării bateriei e compensarea la care renunți, iar câștigul e prețul plin evitat seara. Și încă ceva: arbitrajul ăsta nu vinde bateria. Bateria se vinde pe backup. Banii sunt bonusul."

Avea perfectă dreptate — e domeniul lui. În aceeași zi, pagina a fost restructurată: argumentul de backup („nu-ți mai pasă când pică curentul") a urcat primul, iar graficul a fost reconstruit cu economia corectă: bare roșii la prânz (compensarea pierdută), bare verzi seara (prețul plin evitat), cu cifrele calibrate să dea exact totalurile afișate — pentru că un client atent chiar face adunarea.

Asta nu o poate face niciun template. Un site custom bun e expertiza clientului, tradusă în interfață.

Lansarea fără sudură — și capcana care era să taie e-mailul firmei

Lansarea a însemnat: domeniul mutat pe nameserverele platformei de hosting, certificat SSL, scoaterea automată a protecției anti-indexare de pe versiunea de test, Google Search Console cu sitemap.

Și o capcană clasică, prinsă la timp: la mutarea nameserverelor, înregistrările DNS de e-mail (MX) nu se mută singure. Fără intervenție, office@vistaverde.ro ar fi murit exact în ziua lansării — inclusiv cererile de ofertă de la clienți. Am verificat DNS-ul imediat după switch, am semnalat problema în câteva minute și am reconstruit înregistrările de mail (MX, SPF, DKIM) înainte ca cineva să piardă vreun mesaj.

Tot la lansare: formularul de contact a fost conectat la un serviciu real de trimitere — cererile ajung ca e-mail formatat direct în inboxul firmei, cu adresa clientului pe Reply-To, protejate anti-spam pe trei straturi (honeypot, timp minim de completare, limită de cereri pe IP). Iar dacă serviciul de trimitere ar pica vreodată, formularul deschide automat aplicația de e-mail a vizitatorului — nicio cerere pierdută.

Cifrele finale

• Google PageSpeed pe site-ul live: 100 Performance pe desktop, 99 pe mobil — și 100 la SEO și Best Practices pe ambele. Primul conținut vizibil în 0,3 secunde pe desktop, 1,0 pe mobil.
• 13 pagini × 2 limbi (26 de rute indexabile), plus secțiune de ghiduri pentru conținut SEO
• ~2 zile de la folderul de PDF-uri la site-ul live pe domeniu
• Scor de audit SEO 95/100 la lansare; toate imaginile optimizate (WebP/AVIF, lazy loading)
• 22 de imagini Open Graph generate individual, una per pagină per limbă
• Zero downtime pe e-mail la migrarea DNS
• 3 e-mailuri de test trimise și confirmate în inbox înainte de a declara formularul funcțional

Cifrele de performanță nu sunt un accident de care suntem mândri o singură dată — sunt consecința arhitecturii: pagini randate static, imagini servite în formatul și mărimea exactă a ecranului, zero JavaScript inutil, fonturi găzduite local. La fundația asta, 90+ nu e o țintă, e punctul de plecare. De-asta îl putem garanta contractual.

Cum s-a lucrat, tehnic (pentru curioși)

Partea care face diferența de viteză: o mare parte din execuție a fost făcută de agenți AI care lucrează în paralel, orchestrați și verificați de un om.

• Conversia designului în cod: cele 11 pagini au fost convertite simultan de 11 agenți, fiecare cu aceleași reguli stricte de fidelitate (texte copiate identic, nu „îmbunătățite"; responsive real în locul preview-urilor de design). Tot procesul: sub o oră.
• Auditurile, tot cu agenți — dar alții decât cei care au scris codul. Auditul de localizare engleză a fost făcut de 6 agenți care doar raportează probleme, apoi alți 6 au aplicat corecturile. Separarea „cine face" de „cine verifică" prinde greșeli pe care autorul nu le mai vede.
• Verificare vizuală la fiecare pas: după fiecare schimbare, capturi de ecran automate pe desktop și mobil, comparate cu starea anterioară. Codul care compilează nu e totuna cu pagina care arată bine.
• Disciplină de git ca la orice proiect serios: fiecare schimbare comisă atomic, cu mesaje descriptive; nimic nu ajunge live fără build curat și verificare.

Și la fel de important, ce a rămas 100% uman: deciziile de business (ce argumente vând, în ce ordine), feedback-ul de domeniu (matematica compensării a venit de la client, nu de la AI), alegerea imaginilor, validarea vizuală finală și fiecare „publică". AI-ul a comprimat execuția; direcția a fost tot timpul umană.

Vrei să vezi rezultatul în întregime? Vezi proiectul VistaVerde — cu toate paginile și cifrele de performanță.

Întrebări frecvente

Cât durează un site de prezentare custom? Cazul VistaVerde: circa două zile de lucru efectiv de la materialele brute la site-ul live — pentru că materialele au fost predate complet de la început, iar feedback-ul a venit rapid. Realist, cu tot cu iterațiile de design și conținutul care se adună pe parcurs: una-două săptămâni calendaristice.

Ce trebuie să pregătesc eu, ca și client? Documentele. Fișe tehnice, liste de prețuri, poze din proiecte, certificări — în orice format, oricât de dezordonate. Extragerea, structurarea și scrierea textelor sunt treaba noastră. Ce nu putem inventa noi e realitatea firmei tale.

Cu ce e mai bun un site custom decât un template? Un template îți dă un aspect. Un site custom îți codifică argumentele de vânzare: la VistaVerde, pagina de baterii vinde pe backup înainte de economie pentru că așa funcționează piața lui — o nuanță pe care niciun template nu o știe. Plus: SEO construit în fundație, nu bifat dintr-un plugin.

Ce scoruri de performanță garantați? Predăm site-ul cu scor Google PageSpeed 90+ pe toate cele patru categorii — Performance, Accessibility, Best Practices și SEO — măsurat la predare, pe site-ul live. La VistaVerde am predat cu 100 Performance pe desktop și 99 pe mobil. Garanția e la predare pentru un motiv cinstit: scripturile adăugate ulterior (chat-uri, pixeli de marketing) pot coborî scorul indiferent de fundație — iar fundația e partea noastră.

E sigur să lucrezi cu AI la un site de firmă? Cu procesul potrivit, da — și mult mai rapid. Regulile care contează: sursa de adevăr sunt documentele clientului, nu memoria AI-ului; agenții care verifică sunt alții decât cei care execută; și nimic nu se publică fără validare umană. AI-ul fără aceste reguli produce viteză fără încredere; cu ele, produce ambele.

---

Ai un folder plin de PDF-uri și niciun site? Cere o ofertă — îți spunem în 24 de ore ce se poate construi din el, apoi punem pe roate site-ul bilingv, cu SEO și formular funcțional din prima zi. Vezi și serviciile noastre.