Arbormachine: teljes újjáépítés, elavult oldalból konverziós gépezet

Az Arbormachine professzionális ágaprító- és tuskómaró gépek forgalmazója és bérbeadója. Az oldala funkcionálisan működött, de az évek alatt elavult: hosszú szövegfalakra épült, kevés konverziós ponttal, és sem megjelenésében, sem technikájában nem tükrözte a cég piaci pozícióját. A Kluge Marketing felkért az oldal átfogó auditálására, és az eredmények alapján közösen arra jutottunk: itt nem foltozásra van szükség, hanem sablonváltásra és a design újragondolására.

1. Három szakértő, egy cél

A projekt tiszta munkamegosztásra épült: a Kluge Marketing hozta a stratégiát és a megrendelői oldalt, az új design elkészítésére pedig felkérték az Oddish Creative Spot-ot. Az én feladatom az volt, ami a legjobban fekszik: a kész terveket pixelpontosan működő, gyors oldallá építeni a saját fejlesztésű Drew Core sablonrendszeremben, a kért funkciók és megoldások implementálásával együtt.

2. Pixelpontos implementáció a drew-core sablonrendszerben

Az új design sötét tónusú, narancs brand-színű, kártya-alapú felület: ferde vágásokkal, gradiens szegélyekkel, videós hero-szekcióval. Ebből 21 újrafelhasználható, egyedi szekciótípus épült, mindegyik saját sablonnal, stílussal és szkripttel: hero-videók, szolgáltatás- és gépkártyák, specifikáció-lapozó, bérlési ártábla, GYIK, vélemények, blog. Az oldal tartalma ezekből admin felületről szabadon építhető.

3. Konverzióra szabott funkciók

Az új oldal minden szekciója a megkeresés felé terel, a beérkező igényeket pedig egyedi rendszer kezeli:

• Hét űrlaptípus egyetlen konfig-vezérelt motorban: gépbérlés (két típusra), gépvásárlás, alkatrész-ajánlatkérés, szerviz-időpontkérés, visszahívás és kapcsolat, mindegyik a maga mezőivel és validálásával.
• Lead-kezelés az adminban: minden beküldés strukturáltan tárolódik, típus szerint szűrt admin nézetekkel. Az ügyfél nem e-mailek között keresgél, hanem rendezett listában látja a megkereséseket.
• Automatikus kettős e-mail: értesítő a cégnek, visszaigazolás az érdeklődőnek, minden beküldés után.
• Gép- és alkatrész-katalógus: két egyedi tartalomtípus, a gépekhez specifikáció-lapozóval, az alkatrészekhez többszempontú kereséssel (géptípus, alkatrész, készlet-szűrő).

4. Teljesítmény: videós hero mellett is 98+

A látványos videós hero általában a PageSpeed halála, itt viszont nem az lett:

• a hero-videók külön optimalizálási folyamaton mennek át (tömörített webes változat + előnézeti kép),
• egyedi lazy-loader tölti be őket úgy, hogy a főelem (LCP) festését soha ne blokkolják,
• a CSS a ténylegesen használt stílusokra szűkítve, a betűtípusok lokálisan, előtöltve szolgálnak ki,
• a mérőkódok consent-tudatosan, a betöltés kritikus útvonalán kívül indulnak.

Nagyítás

Nagyítás

Nyolc mért kategóriából hét 100 pontos, egy 98, miközben az oldalon videós hero fut, és minden szekció egyedi design szerint készült. Az új Arbormachine modern, konverzióra szabott, és maximális teljesítménnyel üzemel: az oldal magáért beszél.