Salutare tuturor. Am lansat acum trei luni un micro-SaaS pentru gestionarea programărilor la saloane mici și medii. După prima lună de trafic rece, ne uitam la o rată de conversie de sub 0.8% și ne întrebam unde greșim, așa că am reconstruit landing page-ul de la zero, iar acum am stabilizat conversia la 2.3% pe ultimele 8,000 de vizite. Vreau să vă zic exact ce modificări de design au contat cu adevărat, pentru că n-au fost deloc cele la care ne așteptam noi sau designerul cu care am lucrat.
De unde am plecat și ce înseamnă 2.3% pentru noi
La început, landing-ul arăta ca pe Dribbble. Animații fine la scroll, SVG-uri care se desenau singure, gradienturi spectaculoase și un video de prezentare integrat direct în hero. Arăta extrem de profesionist, dar lumea intra, se uita două secunde și pleca. Am realizat rapid că utilizatorul nostru nu e un developer cu ecran de 4K, ci o cosmeticiană care stă pe un Android de acum trei ani, cu conexiune 4G slabă, undeva între două programări rapide.
Pentru genul ăsta de public, 2.3% rată de conversie (oameni care își fac cont trial) e un scor uriaș. Ne-a dublat practic numărul de clienți înscriși săptămânal, fără să creștem bugetul de marketing cu un leu.
Decizia 1: Am ucis Lottie și animațiile "creative"
Primul lucru pe care l-am făcut a fost să dăm jos toate animațiile Lottie. Designerul a plâns puțin, dar cifrele nu mint. Pe telefoanele mai vechi, animațiile alea făceau browser-ul să agațe la scroll. Când omul simte că pagina se blochează, instinctul lui e să dea înapoi.
Am înlocuit animațiile cu screenshot-uri statice, optimizate la sânge prin WebP. Pagina a devenit brusc extrem de fluidă. Trade-off-ul? Da, landing page-ul pare acum mai plictisitor și mai puțin spectaculos din punct de vedere artistic. Dar oamenii vor să își rezolve o problemă rapid, nu să admire arta digitală a agenției noastre de design.
Decizia 2: Hero section ultra-plictisitor, dar clar
Am eliminat textele corporatiste și abstracte. Am pus un titlu banal, scris pentru un copil de 10 ani: "Primești programări online și trimiți SMS-uri automate clienților". Sub el, un buton mare, contrastant, pe care scrie clar "Încearcă gratuit 14 zile (fără card)".
Am testat trei variante de copy. Cea mai simplă și mai directă a bătut cu 40% variantele mai deștepte sau mai poetice. Oamenii vor să știe instant ce face aplicația și cât îi costă.
Decizia 3: Viteza de încărcare pe 4G și un trade-off dureros
Am mutat tot landing page-ul din Next.js în HTML simplu cu puțin Tailwind, livrat direct prin CDN. Am renunțat la orice librărie de tracking inutilă și am păstrat doar Google Analytics simplificat. Am economisit cam 30% la timpul de încărcare pe mobil.
Trade-off-ul major aici e că acum e mai greu pentru echipa de marketing să facă modificări rapid fără să ne ceară ajutorul nouă, celor de la tech. Nu mai au un CMS prietenos în spate. Dar performanța brută a paginii a meritat fiecare linie de cod scrisă manual. Pe o conexiune mobilă medie, pagina se încarcă acum în sub 1.5 secunde, față de cele 4 secunde de dinainte.
Voi ce experiențe aveți cu landing page-urile voastre? Ați observat și voi că simplitatea brutală bate designul modern, sau e doar cazul nostru specific?