Manual de construcție · ediția 2026

Un site de 10.000 $
făcut cu AI.

Diferența dintre un site de 300 $ și unul de 10.000 $ nu stă în cod. Stă în ce conține, în ce ordine, și în ce se întâmplă în primele nouă secunde. Pagina asta e manualul: lista completă a ce trebuie să fie acolo, drumul de lucru cu AI care te duce până la livrare, și proba pe care o treci înainte de livrare.

—puncte în manual
9straturi obligatorii
8pași până la livrare
<2stimp maxim de încărcare
01 ACȚIUNE 02 VIDEO PROPRIU, NU STOC 03 01 02 03 04 DOVADĂ: CIFRE, ANI, GARANȚIE NU „SOLUȚII INOVATOARE” 05 SCRIE-MI
Anatomia unei pagini scumpe: cinci zone, un singur drum către o singură acțiune.
CAP. 01

Ce cumpără, de fapt, cineva care dă 10.000 $

Nu pagini. Cumpără un sistem care aduce clienți și care rezistă trei ani fără să fie refăcut. Desenele de mai jos sunt aceeași pagină, la trei prețuri — se vede din schiță, înainte de orice explicație.

POZĂ DE STOC „SOLUȚII INOVATOARE” 200 $ ȘABLON, NEATINS

Șablonul

Poză de stoc, text de umplutură, trei casete egale. Arată ca alte zece mii.

3.000 $ ORDONAT, FĂRĂ VOCE

Șablonul bine purtat

Ordine, două fonturi, text rescris. Corect — dar nu ține minte nimeni nimic.

Titlu care spune ceva. VEZI CUM VIDEO PROPRIU 01 02 03 1.9s · AA · 44px 10.000 $ O VOCE, PÂNĂ LA CAPĂT

Lucrarea

O direcție asumată, materiale proprii, capitole numerotate și cifre care se țin.

Ce se vedeSite de 300 $Site de 3.000 $Site de 10.000 $
Punctul de plecareUn șablon cumpăratȘablon modificat Diagnostic: cine e clientul, ce-l oprește, ce decide
TextulUmplutură („soluții inovatoare")Rescris de cineva Scris pe obiecțiile reale, cu dovezi și cifre
ImaginileStocStoc bun + 2 reale Materiale proprii: foto, video, grafică, toate în aceeași mână
TipografiaFontul șablonuluiDouă fonturi Scară tipografică proprie, titluri editoriale, ritm pe toate ecranele
MișcareaNimic sau apariții obositeApariții la derulare Elemente care răspund la cursor, continuitate între secțiuni
Viteza4–8 secunde~3 secunde Sub 2 secunde, pe telefon, pe net slab
Găsirea în GoogleÎntâmplareTitluri completate Structură, date structurate, pagini de intrare pe fiecare serviciu
ConversiaUn formularFormular + telefon Drum gândit către o singură acțiune, măsurat
La finalUn linkLink + parole Predare: surse, manual de marcă, instrucțiuni, garanție
CAP. 02

Manualul: ce trebuie să conțină

Lista de aici se citește din fișierele încărcate în pagină. Tragi `.md`-ul sau PDF-ul în casetă și pagina îl desface singură în capitole și puncte, cu bife. Fișierul rămâne întreg și se poate deschide oricând de la link — în pagină intră doar lista, nu textul revărsat.

lista ta .MD SAU .PDF pagina 10k O DESFACE SINGURĂ THE $10K CHECKLIST bifezi ce ai făcut BIFELE STAU PE SERVER
Fișierul rămâne întreg și se descarcă de la link; în pagină intră doar lista.
se încarcă…
Trage aici lista (.md, .txt sau .pdf)

Intră oricine, fără parolă: încarci și bifezi direct. Ce s-a pus o dată rămâne — un nume deja folosit se salvează alături, ca „lista-2.md", și nimic nu se poate șterge din pagină. Maximum 12 MB per fișier.

CAP. 03

Drumul cu AI, în opt pași

Ordinea nu e decorativă. Fiecare pas pregătește materialul pasului următor; dacă sari peste primul, AI-ul îți scrie un site frumos despre nimic. Prompturile sunt cele pe care le dai chiar așa, cuvânt cu cuvânt.

01 DIAGNOSTIC 02 STRUCTURĂ 03 TEXT 04 DIRECȚIE 05 MATERIALE 06 CONSTRUCȚIE 07 VITEZĂ 08 PREDARE
Sari peste primul pas și tot ce urmează e un site frumos despre nimic.
  1. Diagnosticul, nu designul

    Întâi afli pe cine vinde site-ul și ce-l oprește pe client să cumpere. Fără asta, restul e decor. Treci prin concurență și scoți ce lipsește la toți.

    Ești strateg de marketing. Clientul meu: [ce face, pentru cine, în ce oraș]. Dă-mi: 1) cele 5 obiecții reale care îl opresc pe cumpărător înainte să scrie, 2) ce caută omul în Google când are nevoia asta, în cuvintele lui, 3) ce spun toți concurenții la fel și unde e golul, 4) o singură propoziție care spune ce cumpără clientul de fapt. Fără generalități. Dacă nu ai date, spune ce-ți lipsește.
  2. Arhitectura: ce pagini există și de ce

    Fiecare pagină are un rost și o acțiune. O pagină fără acțiune e un cost.

    Pe baza diagnosticului de mai sus, dă-mi harta site-ului: fiecare pagină cu — rostul ei într-o propoziție, cine ajunge pe ea, din ce sursă, ce face omul la final, și ce dovadă trebuie să vadă ca să facă acel lucru. Maximum 7 pagini. Spune-mi ce pagini NU trebuie făcute și de ce.
  3. Textul, înaintea oricărui design

    Se scrie tot textul real, pe secțiuni. Designul se face pe textul lui, nu invers — altfel ajungi să scrii text ca să umpli o casetă.

    Scrie textul paginii de start, secțiune cu secțiune. Reguli: propoziții scurte; zero cuvinte de umplutură („inovator", „soluții complete"); fiecare afirmație are o dovadă (cifră, an, nume, garanție); titlul vorbește despre clientul lui, nu despre firmă. Pentru fiecare secțiune dă-mi: titlu, 2–3 rânduri, și textul butonului.
  4. Direcția vizuală: trei cuvinte și o referință

    Alegi paleta, cele două fonturi și ritmul. Scrii direcția în trei cuvinte și te ții de ea până la final — aici se pierd majoritatea site-urilor.

    Direcția: [ex. „fundal aproape negru, lumină ambientală, tipografie editorială"]. Dă-mi sistemul: 6 culori cu rolul fiecăreia și contrastul față de fundal (minim 4.5:1), două fonturi care merg împreună (titlu serif editorial + text sans), scara tipografică pe 6 trepte, grila, razele, umbrele. Scrie-le ca variabile CSS, cu nume clare.
  5. Materialele proprii

    Aici se simte banii: foto și video ale lui, nu stoc. Dacă nu există, se generează din pozele reale ale locului — niciodată o altă locație.

    Dă-mi lista de materiale de făcut: ce fotografii, ce videouri, câte secunde, ce se vede în fiecare, unde intră în pagină și ce text se arde pe ele. Pentru fiecare, un prompt de generare din imaginea reală pe care o am.
  6. Construcția

    Ceri codul pe secțiuni, nu tot site-ul dintr-un prompt. Un site cerut dintr-o singură dată iese întotdeauna ca un șablon.

    Construiește DOAR secțiunea [X], cu textul și sistemul de mai sus. HTML semantic, CSS cu variabilele date, fără framework, fără bibliotecă de animație. Mobil întâi, fără derulare orizontală, gutieră de 16px. Un element reactiv la cursor, discret. Spune-mi ce ai presupus.
  7. Viteza și găsirea

    Se măsoară, nu se speră. Imagini în formate moderne, fonturi preîncărcate, titluri și date structurate pe fiecare pagină.

    Verifică pagina: ce încetinește încărcarea și ce lipsește pentru Google. Dă-mi lista concretă de schimbat, în ordinea câștigului: dimensiuni de imagini, formate, preîncărcări, titlu și descriere pe fiecare pagină, date structurate (Organization, LocalBusiness, Service), hartă de site, text alternativ la imagini.
  8. Predarea

    Ce primește clientul în mână. Fără asta, ai livrat un link, nu o lucrare de 10.000 $.

    Fă-mi documentul de predare: ce conține site-ul, unde stau sursele, cum se schimbă un text sau o poză fără programator, unde sunt parolele, ce se măsoară lunar și ce intră în garanție. Scris pentru cineva fără pregătire tehnică.
CAP. 04

Cele nouă straturi care trebuie să existe

Dacă lipsește unul, prețul scade — nu încetul cu încetul, ci dintr-odată, pentru că e exact ce se vede la prima vizită. Se construiesc de jos în sus: nu poți pune mișcare peste un text care nu spune nimic.

01STRATEGIA 02STRUCTURA 03TEXTUL 04IDENTITATEA 05MATERIALELE 06MIȘCAREA 07PERFORMANȚA 08GĂSIREA 09 PREDAREA SE CONSTRUIEȘTE DE JOS ÎN SUS
Fiecare strat stă pe cel de dedesubt. Lipsește unul — se vede la prima vizită.
STRAT 01

Strategia

Cui vinde, ce-l oprește, ce spune în locul tuturor. Scrisă, nu intuită.

STRAT 02

Structura

Pagini cu rost, o acțiune per pagină, drum clar de la intrare la contact.

STRAT 03

Textul

Pe obiecții, cu dovezi. Zero umplutură. Titluri care spun ceva singure.

STRAT 04

Identitatea

Culori cu roluri, două fonturi, scară tipografică, reguli de folosire.

STRAT 05

Materialele

Foto și video proprii. Stocul se vede, și se vede că n-ai avut buget.

STRAT 06

Mișcarea

Elemente care răspund la cursor și la derulare, discret. Nu carusele.

STRAT 07

Performanța

Sub 2 secunde pe telefon, fără sărituri de așezare, fără risipă.

STRAT 08

Găsirea

Titluri, descrieri, date structurate, hartă de site, pagini pe servicii.

STRAT 09

Predarea

Surse, manual, parole, garanție, ce se măsoară lunar. În mâna clientului.

CAP. 05

Proba de livrare

Se trece înainte de orice link trimis clientului. Dacă un cadran cade, site-ul nu e gata — oricât de bine arată.

1.9s ÎNCĂRCARE ȚINTA: SUB 2s 4.8:1 CONTRAST ȚINTA: 4.5:1 AA 46px BUTON PE TELEFON ȚINTA: MIN 44px 0 LINKURI MOARTE ȚINTA: ZERO
Patru cadrane măsurate, nu bănuite. Toate verzi, altfel nu se trimite linkul.

Pe telefon, pe net slab

Încărcare sub 2 secunde. Fără derulare orizontală. Gutieră de 16px. Butoane de minim 44px. Textul se citește fără mărire.

Contrast și accesibilitate

Text normal minim 4.5:1, titluri 3:1. Tot ce se face cu mouse-ul se poate face și din tastatură. Imaginile au text alternativ real.

Toate drumurile duc undeva

Niciun link mort, niciun formular care nu trimite, niciun „Lorem". Mesaj de mulțumire după trimitere și o copie care ajunge pe mail.

Google vede ce trebuie

Titlu și descriere unice pe fiecare pagină, date structurate valide, hartă de site, imagine de partajare care arată bine în WhatsApp.

Rezistă la greșeli

Pagină de 404 care te întoarce în site. HTTPS pe tot. Fără erori în consolă. Arată bine și în întuneric și în lumină.

Clientul rămâne cu ceva

Surse, parole, instrucțiuni de schimbat un text, copie de siguranță, și o pagină unde vede cifrele lunii.