Landing page egy estére szóló 3D-s költségkalkulátorral: ARCON esettanulmány

Egyetlen este alatt elkészítettem egy landing page-et az ARCON acélhangárgyártó cégnek – az ügyfél jellegzetes fekete-piros stílusával, a szerkezet interaktív 3D-s modelljeivel rétegenként, és egy kalkulátorral, amely valós időben kiszámítja a hangár költségét. Az oldalt Facebook és Google megjelenő fizetett hirdetésekre összpontosítva építettem, és az első képernyő azonnal megválaszolja a "mennyibe fog kerülni" kérdést – még mielőtt felhívnád a menedzsert. 1001site mesterséges intelligenciájával készítettem – jelenleg a komponenseit és az automatikus árkalkuláció működését vizsgálom.

A kihívás: egy fizetett hirdetésekkel foglalkozó weboldal, egyetlen este alatt elkészítve

Az ARCON kulcsrakész, keret nélküli, íves és vázszerkezetű hangárokat épít mezőgazdasági vállalkozások, kikötők, logisztikai komplexumok és ipari területek számára Ukrajna-szerte. Az ügyfélnek egy eszközre volt szüksége a hideg forgalom lebonyolításához: egy személy rákattint egy hirdetésre, másodperceken belül megérti, hogy egy megbízható céggel van dolga, és vagy azonnal megbecsüli az árat, vagy elküldi a kérést. Egy szabványos névjegykártya a szolgáltatások leírásával nem oldja meg ezt a problémát.

A kiindulóanyagaim között szerepelt egy céges árlista – egy kész márkakönyv színekkel és strukturált prezentációval, de weboldal nélkül a hirdetésekhez. Az alkalmazási területeket ugyanebből az árlistából ikonok segítségével vittem át a landing page-re: agráripar, kikötők és terminálok, logisztikai komplexumok, gabona- és berendezéstárolás, gyártás, repülés – azonnal világos volt, hogy mely területeket célozzam meg szövegekkel és melyik közönséget reklámmal. Egyetlen este alatt összeállítottam a landing page-et, készen az első kampányindításra.

Hogyan került át az ügyfél arculata a landing page-re?

A színeket, a betűtípust és a megjelenítési struktúrát közvetlenül az ARCON árlistájából vettem: fekete háttér, fehér szöveg, piros díszítések és egy ív a logóban. Így a látogatók, akik már látták a cég brosúráját vagy névjegykártyáját, első pillantásra felismerik a márkát.

Egy alapvető sötét stílust használtam alapként, amely a 1001site katalógusából származik, és az ügyfél pontos piros színét a fiók mesterséges intelligenciája alapján alkalmazta erre egy olyan paranccsal, mint a „sötét téma létrehozása a piros színemmel”. Az eredmény ugyanaz az árlista, csak most oldalak, gombok és egy számológép formájában.

Miért van szüksége egy landing page-nek egy hangár interaktív 3D-s modelljére?

Egy hangár 3D-s modellje rétegről rétegre forgatható és vizsgálható – az alapozás, a tartószerkezet, a világítás és a szellőzés. A kész épület fotója nem nyújt ilyen elemzést, ami pontosan az, ami megválaszolja a hideg látogató fő kérdését: „Mit is veszek egyáltalán, és miből készült?”

Minden réteg alá beillesztettem egy valós fotót az építkezésről: ez megerősíti, hogy a 3D-s ábra egy valós ARCON létesítményen alapul.

A rétegek blokkja felett található a landing page főképernyője a „Keret nélküli/Keret” és a „3D/Fotó” kapcsolókkal: a látogatók kiválaszthatják a tervezési típust, és az egérrel forgathatják a modellt. Ehhez nem kell menedzsert hívni.

Ugyanazon a képernyőn négy megbízhatósági szám jelenik meg egy 3D-s modell mellett: több mint 13 év fémmegmunkálási tapasztalat, 12-40 méteres fesztávolságok oszlopok nélkül, akár 480 kg/m² hóterhelés és 36 hónapos szerkezeti garancia. Ugyanezt a nyelvet használják a vásárlók meggyőzésére a papír alapú árlistában, csak most egy interaktív modell mellett.

Hogyan működik a 3D hangár költségkalkulátor?

Az ARCON kezdőlapján található 3D kalkulátor azonnal megváltoztatja a modellt és az árkategóriát, ahogy a szélesség és hosszúság csúszkái módosulnak. A látogató kiválasztja a hangár típusát, méreteit és tartozékait – és az egyes alkatrészek (váz, alapozás, kapuk, világítás) 3D modellje és becsült költsége élőben frissül, az oldal frissítése nélkül.

Ezután részletesebben is kidolgozhatja a megoldást: választhat keret nélküli, hideg vagy meleg kerettípust, hozzáadhat alapozást, ipari padlóburkolatot, világítást és szellőztetést – és megnézheti, hogy mi a végső ártartomány az egyes komponensek esetében külön-külön.

A különbség egy átlagos, számológép nélküli landing page-hez képest azonnal látható:

Miért működik ez konkrétan Facebook és Google hirdetéseknél?

Az interaktív 3D modellek hosszabb ideig tartják az oldalon a látogatókat, és a kalkulátor még azelőtt kiküszöböli az árazással kapcsolatos problémákat, mielőtt azok érvényesülnének. A hirdetési költségvetés esetében ez egy konkrét mutatót eredményez – a potenciális ügyfélenkénti költséget: a látogatók hosszabb időt töltenek az oldal megtekintésével, pontosabban megértik az árat, és kisebb valószínűséggel távoznak kapcsolatfelvétel nélkül.

A landing page-et a fizetett forgalom szigorú követelményeinek megfelelően tervezték: a gyors betöltés és a reszponzivitás megvédi a költségvetést a véletlen visszapattanásoktól, az azonnali értékajánlattal rendelkező, áttekinthető struktúra pedig a kattintást követő másodperceken belül a közönség elsődleges problémájára ad választ. A 3D-s modell elforgatásának lehetősége növeli az oldalon töltött időt – ami a hirdetési algoritmusok számára közvetlen elköteleződés jele. A kalkulátor bizalmat épít: a látogatók a saját méreteiknek megfelelő hangárt „építenek”, megértik az árazási logikát, és nagyobb valószínűséggel adják meg elérhetőségeiket, mintha azt mondanák nekik, hogy „hívjanak fel, hogy megtudják az árat”.

Mit kap a vezető, amikor egy látogató kérést küld?

A bejegyzés szerzője szerint az ARCON landing page-ről érkező kérések a beküldés után azonnal Telegram keresztül kerülnek elküldésre a vezetőknek. A 1001site landing page esetében ez a kézbesítés a „Kapcsolatok” blokkon keresztül, egy üzenetküldő gombbal, vagy ugyanazon az egyéni integráción keresztül konfigurálható, amely a kalkulátort is működteti. 1001site dokumentálta az értesítések Telegram történő kézbesítését, mint kész funkciót a megrendelésekhez – itt a landing page-ről érkező kérésre alkalmazták. A kérésfolyamat a következőképpen épül fel:

1. A látogató a 3D-s kalkulátorban konfigurálja a hangárt, és látja az árkategóriát.
2. Kattint a „Kereskedelmi ajánlat elutasítása” vagy a „Rozrahunok 30 hvilinért” gombra.
3. Kitölti az elérhetőségi adatokat a céloldalon található űrlapon.
4. A hangár paraméterekkel rendelkező kérés azonnal elküldésre kerül a vezetőnek Telegram keresztül.
5. A menedzser visszahív egy pontos árajánlattal, amíg még meleg az érdeklődés.

A teljes landing page összeállításának lebontása a szerző videójában található, amely az oldal alján található.

Miből áll technikailag ez a landing page?

Ez 1001site „landing” módja: egy kezdőlap blokk, egyéni oldalak és egy jelentkezési lap, bevásárlókosár vagy hirdetésfeltöltés nélkül. A 3D modellek és a számológép harmadik féltől származó widgetek, amelyeket az „egyéni HTML” blokkon keresztül illesztenek be: „landing” módban a blokkok általános listájában jelennek meg a hőssel, a galériával és az űrlappal együtt. Maga a készítő nem valósítja meg ezt a 3D mechanikát – csak egy kész helyet biztosít a beszúrásukhoz.

A landing page saját domainen, az arcon.in.ua-n található, saját SSL-tanúsítvánnyal, amelyet 1001site maga állít ki és újít meg. A juttatásokról szóló részben szerkesztheti a szöveget és a számokat, vagy új hangártípust adhat hozzá az irányítópult mesterséges intelligencia asszisztensével – anélkül, hogy minden apró módosításért fel kellene vennie a kapcsolatot a fejlesztővel.

Mennyibe kerül, és milyen gyorsan készül el egy ilyen landing page?

A 1001site on egy szabványos landing page-et egy mesterséges intelligencia által vezérelt ügynök 2-7 perc alatt elkészít az „All Inclusive” csomag – havi 45 euró – kifizetése után. Az első hónap 25 euróba kerül, havi promóciós kóddal. Nincs próbaidőszak. Egy harmadik féltől származó 3D-s számológép beágyazása az „Egyéni HTML” blokk segítségével, és a stílus testreszabása a márka színéhez igazítva azonban manuális munkát igényel a szerkesztőben: ez nem hozható létre egyetlen kattintással egy felugró ablakban.

A „Kulcsrakész” csomag alkalmas erre a testreszabási volumenre – egyszeri díj 1650 euró. A teljes weboldalt az ügyfél számára építik fel, a stílustól és a szövegtől kezdve a domainig és Telegram integrációig, 12 hónapos tárhelyszolgáltatással együtt. Azok számára, akiknek már van saját fejlesztőjük, az „All Inclusive” csomag elegendő ehhez a feladathoz – a widgetet ezután ugyanazzal az „Egyéni HTML” blokkal illesztik be.

Kinek lenne előnyös egy 3D-s kalkulátorral ellátott landing page, a hangárok eladásán kívül?

Ez a formátum egy konkrét problémát old meg: a termék árát az adott objektum paraméterei alapján számítják ki, és a telephelynek még a vezető hívása előtt ki kell szűrnie a lényegtelen kéréseket. Ez nem csak a hangárok esetében releváns – üvegházak, úszómedencék, erkélyüvegezések, egyedi bútorok és konyhák, kapuk és kerítések mind ugyanarra a modellre illeszkednek.

Ha a termék ára mindenkinek ugyanaz, és a kiválasztás fotók és leírások alapján történik, akkor nincs szükség kalkulátorra – elegendő egy szabványos landing page egy jelentkezési lappal. Hasonló példa erre a NordHarvest márka esete, amikor egyetlen este alatt létrehozott egy landing page-et egy új termékhez: ennek is van határideje és fizetett forgalma, de a termék ára fix, és kalkulátor helyett maga a landing page alakítja a termékválasztást kereskedelmi ajánlattá.

Hozzátenném, hogy személyesen is kommunikáltam az ARCON csapattal a projekt során, és hangárkivitelezőként ajánlom őket.

Források

• Bejegyzés az „Üzlet mesterséges intelligenciával” csatornáról: https://t.me/promtvibeadd/457
• ARCON céloldal: https://arcon.in.ua/
• Landing page létrehozásáról szóló videó: https://youtu.be/uOOGNCFzeyM