Un program cu reguli complicate, adus la patru pașiConfigurator pentru pachetele de baterii din programul Casa Verde 2026: omul alege invertorul, vede imediat pachetele compatibile — prețul, suma decontată prin AFM, contribuția lui și punctajul la dosar — iar alegerea ajunge în MiniCRM-ul clientului.
- 54 · 6
- Pachete în configurator · branduri de invertor active
- 4
- Pași până la alegerea pachetului
- 7
- Teste automate pe calculul punctajului (toate trec)
- 96 · 100
- Accesibilitate · SEO (Lighthouse, mobil)
Smart Performance
Parteneri tehnologici din ecosistemul proiectului
Stack-ul ales pentru acest tip de platformă — integrări testate în producție, nu experimente de laborator.
Next.js
Site-uri și landing-uri rapide, SEO-first, fără CMS inutil.
Astro
Prezentări statice ultrarapide, multilingv, cost minim la operare.
Vercel
Deploy edge, preview per branch și scalare fără echipă de ops.
Cloudflare
CDN global, DNS și protecție — viteză percepută instant.
Algolia
Căutare instant când catalogul sau conținutul cere filtrare live.
Microsoft Azure
Infrastructură enterprise când politica IT o impune.
Context
Electric Light by ELBI vinde produse electrice și de iluminat și a lansat o gamă nouă, centrată pe soluții de stocare a energiei, pentru programul Casa Verde 2026. Problema nu era produsul, ci alegerea: un pachet de baterii depinde de invertorul pe care îl are omul, de faza branșamentului și de un punctaj după care se face dosarul — iar pachetele, privite într-un catalog, par complicate. Cerința: ca un prosumator să ajungă, în câteva minute, de la „ce invertor am?” la pachetul potrivit, cu cifrele la vedere, și să rămână o urmă clară în CRM-ul firmei.
Abordare
Am pornit de la ce știe omul, nu de la ce vinde firma. Programul e doar pentru prosumatori, deci toți au deja un invertor: de acolo începe configuratorul. Trei decizii au dat forma proiectului.
Se evidențiază doar ce diferă. Pe cartonașele pachetelor contează capacitatea, contribuția proprie și punctajul; ce e la fel la toate pachetele sau la marea majoritate — de pildă suma decontată prin AFM sau tehnologia bateriei — se arată o singură dată, deasupra listei, nu în fiecare cartonaș. Insignele „Punctaj maxim”, „Contribuție minimă” sau „Capacitate maximă” apar doar când există un singur câștigător.
Cifrele nu se calculează în browser. Prețul, suma decontată și punctajul se recalculează pe server, din identificatorul pachetului, după Ordinul 1.904/2026; ce arată browserul nu contează. Calculul are șapte teste automate, printre ele cele trei exemple din cerință.
Datele vin din Excel-ul clientului. Pachetele, prețurile și brandurile se importă dintr-un fișier Excel; un raport spune ce rânduri s-au sărit și de ce (de pildă, fără kWh sau fără fază). Nimic din pachete nu e scris în componente. Datele tehnice vin doar din surse oficiale, iar unde valoarea nu e sigură, câmpul rămâne gol și nu se afișează.
Invertorul
Huawei, Deye, Fronius, Growatt (joasă și înaltă tensiune), Sungrow, Solis sau altul — cu logo, ca omul să-și recunoască echipamentul dintr-o privire.
Branșamentul
Monofazic sau trifazic: de la fază depinde ce pachete sunt compatibile.
Tipul invertorului
Hibrid, non-hibrid sau „nu știu” — iar pagina explică, cu o schemă, cele două soluții: sistem hibrid nou sau păstrarea invertorului existent.
Pachetele și alegerea
Pachetele compatibile, sortate după punctaj, cu preț, contribuție și capacitate; apoi alegerea, cu datele de contact și informația dacă omul are deja baterie. Totul se scrie pe fișa din MiniCRM.
Galerie8 capturi
Rezultate
Configuratorul e live pe pagina principală a electriclight.ro. Are 54 de pachete, la șase branduri de invertor active; Growatt înaltă tensiune apare dezactivat, cu mențiunea „Pachete în curând”, până când clientul completează datele lipsă din Excel. Calculul punctajului are șapte teste automate, care trec toate. Lighthouse, pe mobil, pe pagina publicată, în 1 octombrie 2026: 96 la Accesibilitate și 100 la SEO.
Răspunsul către vizitator e același, indiferent dacă adresa lui de email există sau nu în CRM, ca nimeni să nu poată afla din formular cine e client.
În curând: testimonial Electric Light
Stack tehnic
- Next.js 16 (App Router)
- React 19
- Tailwind CSS v4
- zod (validare pe server)
- MiniCRM (API)
- Resend (email)
- Vercel
- De ce Next.js, și nu un site static? Pentru că alegerea trebuie să ajungă în CRM. Rutele de pe server recalculează cifrele și scriu pe fișa clientului, iar cheia MiniCRM rămâne doar pe server. Conținutul se randează tot pe server.
- De ce calculul pe server? Prețul și punctajul au efect la dosarul de decontare. Dacă s-ar calcula în browser, ar putea fi modificate; așa, serverul le refă din identificatorul pachetului.
- De ce Excel? Prețurile și pachetele se schimbă în timpul programului, iar clientul își ține deja datele într-un tabel. Un import cu raport e mai sigur decât editarea manuală a datelor.
- De ce lipsesc unele valori tehnice? Pentru că nu apare nimic care nu are sursă oficială. Un câmp gol e mai bun decât o garanție greșită, scrisă pe un pachet pe care omul îl cumpără.
Întrebări frecvente
Ce a livrat Websem?
Configuratorul de pe pagina principală a electriclight.ro, de la alegerea invertorului la pachetul ales, calculul refăcut pe server, importul datelor din Excel, integrarea cu MiniCRM și notificările pe email, plus paginile RePower și Despre și galeria de proiecte realizate.
Pe ce este construit site-ul?
Next.js 16 (App Router) și React 19, cu Tailwind CSS v4, validare cu zod pe server, MiniCRM prin API, Resend pentru email și Vercel pentru publicare.
Cum alege omul pachetul?
Alege invertorul, apoi tipul de branșament, iar configuratorul îi arată pachetele compatibile, sortate după punctaj, cu preț total, suma decontată prin AFM, contribuția proprie și capacitatea.
De unde vin cifrele?
Din Excel-ul clientului, importat într-un fișier de date; serverul recalculează prețul, suma decontată și punctajul din identificatorul pachetului, după Ordinul 1.904/2026, și are șapte teste automate.
Cum ajunge alegerea la client?
Se scrie pe fișa clientului din MiniCRM; dacă CRM-ul nu răspunde sau nu e configurat, alegerea ajunge pe email la firmă, iar vizitatorul vede același mesaj de succes.
De ce nu e un site static?
Pentru că alegerea trebuie să treacă prin rute de server: acolo se refac cifrele și se scrie în CRM, cu o cheie care nu poate ajunge în browser.
Se pot schimba prețurile și pachetele?
Da, din Excel: se rulează importul, iar raportul arată ce rânduri s-au sărit și de ce. Pachetele și prețurile nu sunt scrise în componentele paginii.
Ai un produs sau un program cu reguli complicate, pe care oamenii trebuie să-l înțeleagă în câteva minute?
Discutăm 30 de minute, gratuit
