EvoFerma · Club250: site static dintr-o singură pagină, fără framework și fără terți — case study Websem

100 · 100
Accesibilitate · Best Practices (Lighthouse, mobil): 143 ms · 0
LCP (milisecunde) · CLS (lab, desktop, fără throttling): 0 · 0
Cereri către terți · cookie-uri: 12 KB
HTML transferat, comprimat (rotunjit)

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

EvoFerma este o micro-fermă rurală, cu nouă module integrate circular, din Valea Lungă (Dâmbovița); Club250 este clubul privat de consumatori construit în jurul ei, cu un obiectiv de 250 de membri permanenți. Pentru lansare, clientul avea un text de invitație, două prezentări și două videoclipuri, iar nevoia era simplă de spus și greu de făcut bine: o pagină pe care s-o poată trimite într-un grup de WhatsApp, care să se deschidă repede pe telefon și să ducă omul la un singur gest — înscrierea.

Abordare

Am tratat pagina ca pe o invitație, nu ca pe un site de prezentare. Ordinea e cea a unei conversații: o promisiune clară în titlu, apoi invitația video, apoi ce primești, ce ți se cere și cine face invitația — iar în tot acest timp, înscrierea la un tap distanță.

Trei decizii au ținut proiectul pe linie.

Telefonul primul. Publicul vine dintr-un link trimis în grup. Pe telefon, rândul cu logoul iese din ecran la scroll și rămâne lipită doar o bară cu secțiunile, cu tabul activ marcat — fără meniu hamburger. Butoanele ocupă toată lățimea, videoclipurile — și ele, pentru că slide-urile din ele au text mic.

Fără nimic între client și vizitator. Fontul e găzduit local, nu există analytics, cookie-uri sau scripturi externe, deci nici banner de consimțământ. Înscrierea nu trece printr-un formular cu backend: butonul deschide WhatsApp, cu un mesaj deja scris, direct către client.

Linkul arată ca un logo, nu ca o captură de ecran. Previzualizarea din WhatsApp afișează logoul pe alb, titlul invitației și o descriere scurtă; imaginea e ușoară, ca previzualizarea să apară repede.

01

Promisiunea, în titlu

Un singur mesaj în hero, urmat de câteva cifre pe care ochiul le prinde dintr-o privire: 30 de zile, 3 hectare, 9 module, 250 de membri.

02

Invitația video

Cele două videoclipuri ale clientului, pe toată lățimea ecranului pe telefon și încărcate doar la apăsare, ca pagina să nu descarce zeci de megabyți nechemați.

03

Ecosistemul, vizibil

O schemă animată cu nouă module în jurul emblemei: pulsul trece din modul în modul, fluxurile circulă între centru și module. E SVG și CSS, fără bibliotecă de animații, și se oprește la cine a cerut mișcare redusă.

04

Înscrierea, mereu aproape

Un buton plutitor de WhatsApp, cu un balon care repetă invitația; se închide, își amintește că a fost închis și dispare singur când ajungi la apelul final.

Galerie5 capturi

Rezultate

Site-ul e live pe evoferma.ro din 1 octombrie 2026 — în aceeași zi în care am primit materialele clientului — cu deploy automat din Git la fiecare modificare. Măsurat pe pagina publicată, pe 1 octombrie 2026: Lighthouse pe mobil dă 100 la Accesibilitate și 100 la Best Practices; în laborator, pe desktop și fără limitare de rețea, cel mai mare element se afișează în 143 de milisecunde, iar pagina nu se mișcă la încărcare (CLS 0). Pagina nu face nicio cerere către terți și nu setează niciun cookie, iar HTML-ul transferat are 11,8 KB comprimat, plus un font de 28 KB.

Pe ecrane de la 320 la 1600 de pixeli nu apare depășire orizontală, iar butoanele verzi au text alb la un contrast de 4,77:1.

Stack tehnic

HTML5 + CSS, fără framework și fără pas de build
SVG animat cu CSS (fără bibliotecă de animații)
Geist (font variabil), găzduit local
Vercel (hosting static, deploy din Git)
WhatsApp click-to-chat

De ce HTML simplu, nu Next.js? E o pagină unică, cu conținut care se schimbă rar, iar mesajul trebuie să ajungă repede pe telefon. Fără framework și fără pas de build nu există dependențe de întreținut: o modificare e un commit, iar pagina se încarcă dintr-un singur fișier, un font și câteva imagini.
De ce animația e în CSS? Pulsul, fluxurile și particulele schemei rulează pe transformări CSS, fără bibliotecă. Singurul JavaScript din pagină are aproximativ 2 KB și e opțional: marchează tabul activ și afișează balonul de WhatsApp.
De ce Geist? Un font drept, clar, cu diacriticele românești complete, livrat variabil și redus la ce se folosește — 28 KB, găzduit local, fără cereri către Google Fonts.
De ce WhatsApp, nu un formular? Clientul își strânge cererile acolo unde își conduce deja comunitatea; un formular ar fi pus între el și oameni un serviciu în plus.

Întrebări frecvente

Ce a livrat Websem?

Designul și dezvoltarea completă a paginii evoferma.ro: șapte secțiuni de la titlu la apelul final, schema animată a ecosistemului, navigarea pentru telefon, butonul plutitor de înscriere pe WhatsApp, imaginea de previzualizare la partajare și configurarea Git, Vercel și a domeniului propriu.

Pe ce este construit site-ul?

Pe HTML5 și CSS scrise de mână, fără framework și fără pas de build, cu animațiile în SVG și CSS, fontul Geist găzduit local și hosting static pe Vercel, cu deploy din Git.

De ce nu un CMS sau un framework?

Pagina e unică și se schimbă rar, iar prioritatea e viteza pe telefon. Fără CMS și fără framework, nu există ce să se învechească și nimic între client și vizitator.

Cum se înscriu oamenii?

Printr-un buton de WhatsApp, care deschide o conversație cu clientul și un mesaj deja scris. Nu există formular cu backend și nici serviciu extern între client și cei care se înscriu.

Cum arată linkul trimis în WhatsApp?

Cu logoul EvoFerma pe alb, titlul invitației și o descriere scurtă. Imaginea de previzualizare are 156 KB, ca să apară repede.

Cât de rapidă e pagina?

Pe pagina publicată, în laborator, pe desktop și fără limitare de rețea, cel mai mare element se afișează în 143 de milisecunde, fără mișcare la încărcare; Lighthouse pe mobil dă 100 la Accesibilitate și 100 la Best Practices. Măsurătorile sunt din 1 octombrie 2026.

Cât a durat?

Prima versiune publică a apărut în aceeași zi în care am primit materialele, iar designul, navigarea pe mobil și butonul de WhatsApp s-au rafinat în aceeași zi, în pași scurți, cu verificare după fiecare.

Ai de lansat o comunitate, un club sau o ofertă care trebuie să încapă într-o singură pagină?

Discutăm 30 de minute, gratuit

O pagină care invită, nu un site care explicăSite static, dintr-o singură pagină, pentru lansarea unui club privat de consumatori din Dâmbovița — gândit întâi pentru telefon, pentru că invitația circulă prin grupuri de WhatsApp.

Parteneri tehnologici din ecosistemul proiectului

Next.js

Astro

Vercel

Cloudflare

Algolia

Microsoft Azure