VD Vounder Development
In spatele constructiei

Cum am construit acest website. Pas cu pas.

Fiecare proiect Vounder urmeaza acelasi proces disciplinat. Aceasta este cronologia reala a constructiei acestui site — de la prima decizie de arhitectura pana la ultima animatie.

Ziua 1

Strategie, arhitectura si infrastructura cloud

Am stabilit pozitionarea, publicul tinta si arhitectura tehnica. Am separat proiectul in doua repo-uri, am definit contractele API si am creat toata infrastructura AWS cu Terraform.

  • Plan de pozitionare comerciala si structura de mesaje documentate in Markdown
  • Alegerea tehnologiilor: Astro pentru frontend, AWS serverless pentru backend, Terraform pentru infrastructura
  • Specificatii API (OpenAPI) scrise inainte de prima linie de cod
  • Module Terraform: hosting web (S3 + CloudFront + ACM + Route53), API lead-uri (Lambda + API Gateway + DynamoDB)
  • Certificat TLS, functie CloudFront pentru URL-uri curate, bucket S3 criptat cu acces blocat
  • Parametri SSM ca legatura automata intre repo-uri
TerraformOpenAPI 3.1AWS CloudFrontS3Route53SSM
Ziua 2

Backend API si sistemul de design

Am construit API-ul de lead capture cu validare, anti-spam si notificari, apoi am creat intregul sistem vizual de la zero — fara framework-uri CSS, fara teme.

  • POST /v1/leads — validare campuri, honeypot anti-bot, limitare pe IP cu DynamoDB
  • Stocare lead-uri cu expirare automata la 90 de zile, notificari email prin SES
  • GET /v1/health pentru monitorizare
  • Paleta de culori: crem cald, maro inchis si bronz — identitate premium fara artificii
  • Tipografie: Cormorant Garamond + Manrope, dimensiuni responsive
  • Componente: Header, Footer, Formular lead, CTA mobil, titluri de sectiune
Python 3.12LambdaDynamoDBSESAstro 5TypeScriptCSS
Ziua 3

Toate paginile si securitate

Am construit homepage-ul cu arc narativ complet, toate paginile comerciale si am adaugat WAF, alarme CloudWatch si mediul de staging.

  • Homepage: Problema → Solutie → Servicii → Proces → FAQ → Formular
  • Pagini: Servicii (3), Industrii (3), Despre, Audit, Contact, Locatie Botosani, Legal (3), 404
  • WAF pe CloudFront: limitare trafic, reguli pentru atacuri comune si input-uri malitioase
  • Alarme CloudWatch pe Lambda, API Gateway si DynamoDB cu notificari SNS
  • Mediu de staging complet — aceleasi module Terraform, configuratie separata
AstroAWS WAFCloudWatchSNSTerraform
Ziua 4

CI/CD, SEO si conversie

Pipeline-uri de deploy automat pentru ambele repo-uri, date structurate pentru Google, analytics si optimizari de conversie pe mobil.

  • Deploy automat: Terraform apply pe push, build Astro → S3 sync → invalidare CloudFront
  • Autentificare OIDC: GitHub Actions cu rol IAM temporar, zero chei statice
  • Date structurate: Organization, BreadcrumbList, FAQPage, LocalBusiness cu coordonate
  • Sitemap XML dinamic, robots.txt, integrare GA4 conditionala
  • Urmarire evenimente pe CTA-uri, trimitere formular si profunzime scroll
  • Imagine OG convertita automat din SVG in PNG cu Sharp la build
  • Buton CTA fix pe mobil cu spatiere safe-area pentru dispozitive cu notch
GitHub ActionsOIDCSchema.orgGA4Sharp
Ziua 5

Navigare fluida, tehnologii si finisaje

Am transformat site-ul intr-o aplicatie cu navigare instantanee, am construit pagina de tehnologii, aceasta cronologie si am finisat fiecare detaliu.

  • Navigare client-side cu Astro ClientRouter — fara reincarcarea paginii
  • Header persistent, animatii la scroll cu decalaj progresiv, meniu mobil tip capsula
  • Pagina Tehnologii: 9 categorii, peste 40 de instrumente, fiecare cu descriere
  • Aceasta pagina de cronologie cu detalii tehnice pe fiecare etapa
  • Iteratii de continut: mesaje orientate pe rezultat, voce de companie
  • Site final: 19 pagini, 0 erori TypeScript, build sub 1 secunda
Astro View TransitionsIntersectionObserverCSS
Urmatorul proiect

Vrem sa construim ceva similar pentru tine.

Acelasi proces, aceeasi rigurozitate, adaptat pe problema ta specifica. Spune-ne ce ai nevoie.

Hai sa vorbim Vezi tehnologiile
Hai sa vorbim