Harmoney  Construct  —  Site  de  prezentare  bilingv  cu  hero  3D 

Provocarea
Harmoney Construct avea nevoie de un site care sa iasa in evidenta intr-un domeniu unde majoritatea firmelor au prezentari generice. Obiectivul: un site "wow", rapid si profesional, care sa transmita din prima seriozitate si calitate, sa functioneze impecabil in doua limbi (romana si engleza) si sa fie complet editabil de catre client — o persoana fara pregatire tehnica.

Solutia
Am proiectat si dezvoltat un site custom, fara sabloane, cu o arhitectura curata PHP (MVC propriu) si un front-end modern. Elementul de impact este o scena 3D realizata in Three.js: un showroom cald, premium, care se construieste de jos in sus printr-o animatie de tip "laser", pana cand apare, plutind, numele firmei. Pe mobil, unde 3D-ul greu ar afecta viteza, scena ruleaza ca animatie de incarcare optimizata, pastrand efectul fara compromis de performanta.

Am tratat continutul ca pe un produs: fiecare text de pe site vine din baza de date, in ambele limbi, editabil printr-un editor vizual simplu (fara HTML expus), cu traducere automata romana-engleza la un click. Clientul poate schimba texte, adauga proiecte cu galerii (inclusiv galerii "inainte / dupa"), scrie articole de blog, incarca o brosura PDF si gestiona lead-urile din formulare — totul dintr-un panou de administrare securizat.

Am construit si un sistem propriu de recenzii, cu link-uri de invitatie unice: clientul genereaza un link, il trimite propriilor clienti, iar acestia lasa o recenzie cu stele, comentariu si poze, care apare pe site doar dupa aprobare. Fara dependente externe, fara cookie-uri de la terti.

Ce am livrat (functionalitati cheie)
- Hero 3D interactiv in Three.js (showroom procedural, animatie de constructie, fallback optimizat pe mobil)
- Site complet bilingv RO/EN, cu tot continutul editabil din administrare
- Panou de administrare cu editor vizual, traducere automata RO->EN, upload drag & drop, ajutor contextual detaliat
- Securitate avansata a administrarii: parola Argon2id, autentificare in doi pasi pe email, dispozitive de incredere, protectie CSRF, politici de securitate stricte
- Portofoliu de proiecte cu galerii si sistem "inainte / dupa"
- Blog optimizat SEO cu articole si coperti dedicate
- Formulare complete (contact, cerere oferta, subantrepriza, cariere) cu trimitere pe email + atasamente, anti-spam si validare stricta a fisierelor
- Sistem propriu de recenzii cu link de invitatie si moderare
- Harta stilizata a zonelor acoperite (SVG, fara cookie-uri)
- Mod intunecat (dark mode) pe tot site-ul
- Consimtamant cookie granular, conform GDPR (niciun tracker inainte de accept)
- Pagini legale complete si declaratie de accesibilitate
- Optimizare de performanta: imagini WebP responsive, incarcare inteligenta, cache, scoruri excelente

Rezultatul
Un site rapid, distinctiv si complet autonom pentru client: arata premium, se pozitioneaza bine in cautari si poate fi intretinut fara ajutor tehnic. Design masurat pentru accesibilitate (WCAG 2.2 AA) si performanta, cu scoruri de top pe desktop si mobil.