Veresvill: landing oldal és CRM, ami 3 nap alatt termelt
Villamos biztonsági felülvizsgálat landing oldal – egyedi kód, 99-es Pagespeed, 35% konverzió.
- Landing
- Egyedi CRM
- Pagespeed
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
Folytatás: CRM a landing mögött
A landing annyi megrendelést hozott, hogy a következő szűk keresztmetszet már az ügyintézés lett: minden érdeklődőnek árat kellett adni, időpontot egyeztetni és visszaigazolni, lehetőleg egy órán belül. Erre egy egyedi CRM-et építettem közvetlenül a landing mögé, amelyet az iroda és a szerelők mobilon is, telepíthető alkalmazásként használnak.
- Beérkezik a megrendelés: az űrlapból azonnal rendelés lesz a CRM-ben, az iroda push-értesítést és e-mailt kap, az ügyfél pedig visszaigazolást.
- Ajánlat egy kattintással: az iroda beírja az árat, és egy vizuális naptárban kiválaszt legfeljebb nyolc szabad időpontot. Az ügyfél e-mailben kapja meg az ajánlatot egy személyes linkkel.
- Az ügyfél választ: a linken elfogadja az ajánlatot, és kiválasztja a neki megfelelő időpontot. A többi időpont magától felszabadul, a már foglalt időpont pedig nem választható.
- Minden szinkronban marad: a Google Naptár ötpercenként szinkronizál, a csapat közös Google-táblázata magától frissül, az ügyfél pedig egy „Hozzáadás a Google Naptárhoz” linket is kap.
- Átlátható irányítópult: rendelések státusz szerint, közelgő munkák és a beérkezett ajánlatok összege egy helyen.
A szerelők saját, korlátozott jogosultsággal csak a naptárt látják, az ajánlatokat és a felhasználókat az iroda kezeli. A rendszert jelszótitkosítás, belépési korlát és reCAPTCHA védi. Így a landing már nemcsak megrendelést hoz, hanem a megrendeléstől a kész munkáig végigviszi az ügyfelet.
