Veresvill: Villamos Felülvizsgálat Landing Oldal – Visuals By Adam
A kihívás – Mire is volt szükségük?
Amikor a Veresvill megkeresett, azonnal világos volt a küldetés: szükségük volt egy olyan landing oldalra, ami azonnal elkezd termelni, méghozzá a Villamos Biztonsági Felülvizsgálat szolgáltatásukra. Tudják, nem valami sablonos céges bemutatkozó oldalban gondolkodtak; ők egy éles, célzott értékesítési felületet akartak, ami pillanatok alatt konvertál.
Na de ami igazán megizzasztott – vagy inkább felcsigázott –, az az volt, hogy az oldal ne csak jól nézzen ki és meggyőző legyen, hanem brutálisan gyors is. Kifejezetten a Google Pagespeed Insights 90 pont feletti eredményét kérték, mobilon és desktopon egyaránt. Én a saját projektjeimben rengetegszer találkoztam már hasonló elvárással, és bevallom, az ilyen technikai kihívásokba szeretek igazán beleásni magam. Igazán ott lehet megmutatni, mi van az ember tarsolyában!
Na most, a megoldás számomra egyértelműen a letisztult, de a maximumig optimalizált egyedi fejlesztés volt. Nem is akartam sablonos keretrendszerekkel vagy tonnányi JavaScript könyvtárral babrálni, hiszen pontosan tudtam, hogy a sebesség az alfája és ómegája az egésznek. Szóval, a teljes oldalt nulláról raktam össze, kézzel írt HTML, CSS és JavaScript kódokkal, ahogy azt a nagykönyvben megírták.
Rengeteg energiát fektettem a felhasználói élménybe és a konverziós útvonalba. Minden egyes elemet úgy terveztem meg, hogy szinte kézen fogva vezesse a látogatót a kapcsolatfelvétel felé. Amúgy pont az ilyen projekteknél látom, mennyire fontos a részletekre odafigyelni! Bevezettem egy spéci Google Consent Mode v2 kezelést is, ami nemcsak a jogi megfelelőségre ad garanciát – ami ma már alapkövetelmény –, hanem minimálisra csökkenti a teljesítményre gyakorolt hatást. Ez utóbbi különösen fontos, főleg ha összehasonlítjuk sok agyonbonyolított, készen kapható megoldással, amikről a Google is figyelmeztet, hogy lassíthatják az oldalakat.
A design persze modern lett, abszolút passzol a Veresvill profi arculatához, de a fő hangsúly végig a funkcionalitáson és a sebes működésen volt. Óriásit segít, ha az ember minden képet optimalizál, minimalizálja a kódméretet, és persze gondoskodik róla, hogy az oldal bármilyen kütyün hibátlanul jelenjen meg és működjön. Ez a reszponzív megközelítés ma már alap.
Technológiai alapok – Miből épült fel a rendszer?
A projekt, ahogy az ilyen esetekben lenni szokott, a klasszikus webfejlesztés alapjaira épült: tiszta HTML, CSS és JavaScript. Miért pont ezek? Mert ezek biztosítják a teljes kontrollt a kód felett, ami elengedhetetlen, ha a legapróbb részleteket is optimalizálni akarjuk. Tudom, a kiváló Pagespeed eredményekhez ez alapvető, a Nielsen Norman Group kutatásai is sokszor rávilágítottak már a sebesség felhasználói élményre gyakorolt hatására.
Tudatosan kerültem a nehézkes CMS rendszereket vagy a felesleges keretrendszereket. Komolyan mondom, a cél az volt, hogy az oldal a lehető legkönnyebb és leggyorsabb legyen, pont. Egy saját fejlesztésű Google Consent Mode v2 cookie kezelést is beépítettem, ami nemcsak a GDPR-nek felel meg maximálisan, de még az oldal sebességét sem rontja – bezzeg a piacon lévő sablonos megoldások sokszor éppen ezen buknak el.
Na, és akkor jöjjenek az eredmények! Hát, mit mondjak, ezekre tényleg nagyon büszke vagyok! A Veresvill landing oldala az első 3 napban több mint 10 új üzletet generált a Villamos Biztonsági Felülvizsgálat szolgáltatásukra. Ez, lássuk be, elképesztően gyors megtérülés! A konverziós arány pedig?! Az 35%-on stabilizálódott, ami szerintem, a rengeteg ügyfélprojekt tapasztalataim alapján, még az iparági standardokat is messze felülmúlja.
A technikai célokat is alaposan túlszárnyaltuk, ami megint csak megerősítette a hitelességemet. Gondoljunk csak bele: a mobil Pagespeed pontszám 99 lett, az asztali pedig 98! Ezzel nemcsak beváltottuk, de jócskán felül is múltuk a 90 pontos elvárást. Ez megmutatja, mennyi plusz van az egyedi fejlesztésben és a precíz optimalizációban. És persze, az ügyfél is rendkívül elégedett volt, hiszen az oldal azonnal pénzt termelt számukra, ráadásul kaptak egy villámgyors, sziklaszilárd online jelenlétet. Mi kellhet még?
Nézd meg az elkészült projektet: https://veresvill.hu