Úvodná stránka s 3D kalkulačkou nákladov na jeden večer: prípadová štúdia ARCON

Za jeden večer som vytvoril vstupnú stránku pre výrobcu oceľových hangárov ARCON – s charakteristickým čiernočerveným štýlom klienta, interaktívnymi 3D modelmi konštrukcie vrstvu po vrstve a kalkulačkou, ktorá v reálnom čase vypočítava cenu hangáru. Stránka bola vytvorená s ohľadom na platenú reklamu na Facebook a Google a prvá obrazovka okamžite odpovedá na otázku „koľko to bude stáť“ – ešte predtým, ako zavoláte manažérovi. Vytvoril som ju pomocou umelej inteligencie 1001site – skúmam jej komponenty a ako funguje jej automatický výpočet ceny.

Výzva: webová stránka pre platenú reklamu, vytvorená za jeden večer

Spoločnosť ARCON stavia bezrámové oblúkové a rámové hangáre na kľúč pre agropodnikanie, prístavy, logistické komplexy a priemyselné areály po celej Ukrajine. Klient potreboval nástroj na studenú návštevnosť: osoba klikne na reklamu, v priebehu niekoľkých sekúnd pochopí, že má do činenia so spoľahlivou spoločnosťou a buď okamžite odhadne cenu, alebo odošle požiadavku. Štandardná vizitka s popisom služieb tento problém nerieši.

Medzi moje východiskové materiály patril firemný cenník – hotový brandbook s farbami a štruktúrovanou prezentáciou, ale bez webovej stránky na reklamu. Oblasti použitia z toho istého cenníka som preniesol na vstupnú stránku pomocou ikon: agrobiznis, prístavy a terminály, logistické komplexy, skladovanie obilia a zariadení, výroba, letectvo – hneď bolo jasné, na ktoré oblasti cieliť textom a na ktoré publikum cieliť reklamou. Vstupnú stránku som dal dokopy za jeden večer, pripravenú na spustenie prvej kampane.

Ako bol firemný štýl klienta prenesený na vstupnú stránku?

Farby, písmo a štruktúru prezentácie som prevzal priamo z cenníka spoločnosti ARCON: čierne pozadie, biely text, červené akcenty a oblúk v logu. Návštevníci, ktorí už videli brožúru alebo vizitku spoločnosti, tak značku rozpoznajú na prvý pohľad.

Ako základ som použil základný tmavý štýl z katalógu 1001site a presnú červenú farbu klienta naň aplikoval asistent umelej inteligencie účtu pomocou príkazu typu „vytvoriť tmavú tému s mojou červenou“. Výsledkom je rovnaký cenník, teraz len vo forme stránok, tlačidiel a kalkulačky.

Prečo vstupná stránka potrebuje interaktívne 3D modely hangáru?

3D model hangáru je možné otáčať a skúmať vrstvu po vrstve – základy, nosnú konštrukciu, osvetlenie a vetranie. Fotografia dokončenej budovy takúto analýzu neposkytuje, čo je práve to, čo odpovedá na hlavnú otázku chladného návštevníka: „Čo si vlastne kupujem a z čoho je to vyrobené?“

Pod každú vrstvu som pridal skutočnú fotografiu zo staveniska: to potvrdzuje, že 3D diagram je založený na skutočnom zariadení ARCON.

Nad blokom vrstiev sa nachádza hlavná obrazovka vstupnej stránky s prepínačmi pre „Bezrámový/Rámový“ a „3D/Foto“: návštevníci si môžu vybrať typ dizajnu a otáčať model myšou. Na to nie je potrebné volať manažéra.

Na tej istej obrazovke sa vedľa 3D modelu zobrazujú štyri čísla dôveryhodnosti: viac ako 13 rokov skúseností s kovovýrobou, rozpätia 12 – 40 metrov bez stĺpov, nosnosť snehu do 480 kg/m² a 36-mesačná záruka na konštrukciu. Ide o rovnaké znenie, aké sa používa na presviedčanie kupujúcich v papierovom cenníku, teraz len spolu s interaktívnym modelom.

Ako funguje 3D kalkulačka nákladov na hangár?

3D kalkulačka na úvodnej stránke ARCON okamžite zmení model a cenové rozpätie po nastavení posuvníkov šírky a dĺžky. Návštevník si vyberie typ hangáru, rozmery a príslušenstvo – a 3D model a odhadovaná cena každého komponentu (rám, základy, brány, osvetlenie) sa aktualizujú naživo bez nutnosti obnovenia stránky.

Potom sa môžete podrobnejšie pozrieť na detaily: vybrať si bezrámový, studený alebo teplý typ rámu, pridať základy, priemyselné podlahy, osvetlenie a vetranie – a pozrieť sa na konečné cenové rozpätie pre každý komponent samostatne.

Rozdiel oproti bežnej vstupnej stránke bez kalkulačky je okamžite viditeľný:

Prečo to funguje konkrétne s reklamami Facebook a Google?

Interaktívne 3D modely udržia návštevníkov na stránke dlhšie a kalkulačka eliminuje problémy s cenotvorbou ešte predtým, ako sa uplatní. Pre reklamný rozpočet sa to premieta do špecifickej metriky – ceny za potenciálneho zákazníka: návštevníci strávia prezeraním stránky dlhšie, presnejšie rozumejú cene a je menej pravdepodobné, že odídu bez kontaktu.

Vstupná stránka je navrhnutá s ohľadom na prísne požiadavky platenej návštevnosti: rýchle načítanie a responzívnosť chránia rozpočet pred náhodnými odchodmi a jasná štruktúra s okamžitou hodnotovou ponukou rieši primárny záujem publika v priebehu niekoľkých sekúnd po kliknutí. Možnosť otáčať 3D model zvyšuje čas strávený na stránke – priamy signál zapojenia reklamných algoritmov. Kalkulačka buduje dôveru: návštevníci si „postavia“ hangár podľa vlastných rozmerov, rozumejú logike tvorby cien a s väčšou pravdepodobnosťou poskytnú kontaktné informácie, ako keby im bolo povedané „zavolajte mi a zistite cenu“.

Čo dostane manažér, keď návštevník odošle požiadavku?

Podľa autora príspevku sa požiadavky z landing page ARCON odosielajú manažérom cez Telegram ihneď po odoslaní formulára. Pre landing page 1001site je toto doručovanie konfigurované prostredníctvom bloku „Kontakty“ s tlačidlom messenger alebo prostredníctvom rovnakej vlastnej integrácie, ktorá poháňa kalkulačku. 1001site zdokumentovala doručovanie notifikácií do Telegram ako hotovú funkciu pre objednávky – tu bola aplikovaná na požiadavku z landing page. Tok požiadaviek je štruktúrovaný nasledovne:

1. Návštevník si nakonfiguruje hangár v 3D kalkulačke a uvidí cenové rozpätie.
2. Kliknite na „Odmietnuť obchodnú ponuku“ alebo „Rozpočtovať na 30 minút“.
3. Vyplní kontaktné informácie vo formulári na vstupnej stránke.
4. Žiadosť s parametrami hangáru sa okamžite odošle manažérovi prostredníctvom Telegram.
5. Manažér zavolá späť s presným odhadom, kým je záujem stále veľký.

Rozpis celej zostavy vstupnej stránky je vo videu autora, ktoré je vložené nižšie na stránke.

Z čoho je táto vstupná stránka technicky vyrobená?

Toto je „landing“ režim 1001site: blok domovskej stránky, vlastné stránky a formulár žiadosti bez nákupného košíka alebo odoslania reklamy. 3D modely a kalkulačka sú widgety tretích strán vložené prostredníctvom bloku „custom HTML“: v „landing“ režime sa zobrazujú vo všeobecnom zozname blokov spolu s hlavným prvkom, galériou a formulárom. Samotný tvorca túto 3D mechaniku neimplementuje – poskytuje iba hotové miesto na ich vloženie.

Úvodná stránka je hostovaná na vlastnej doméne arcon.in.ua s vlastným SSL certifikátom, ktorý si 1001site vydáva a obnovuje sám. Môžete upraviť text, čísla v sekcii výhod alebo pridať nový typ hangáru pomocou AI asistenta na dashboarde – bez toho, aby ste museli kontaktovať vývojára pre každú menšiu úpravu.

Koľko to stojí a ako rýchlo sa takáto vstupná stránka vytvorí?

Štandardnú vstupnú stránku na 1001site vytvorí agent s umelou inteligenciou za 2 až 7 minút po zaplatení za plán „All Inclusive“ – 45 € mesačne. Prvý mesiac stojí 25 € s mesačným promo kódom. Neexistuje žiadne skúšobné obdobie. Vloženie 3D kalkulačky tretej strany pomocou bloku „Custom HTML“ a prispôsobenie štýlu tak, aby presne zodpovedal farbe značky, si však vyžaduje manuálnu prácu v nástroji na tvorbu: nedá sa vytvoriť jediným kliknutím vo vyskakovacom okne.

Pre tento objem prispôsobení je vhodný plán „Na kľúč“ – jednorazový poplatok 1 650 €. Celá webová stránka je vytvorená pre klienta, od štýlu a textu až po doménu a integráciu Telegram, vrátane 12 mesiacov hostingu. Pre tých, ktorí už majú interného vývojára, postačuje na túto úlohu plán „All Inclusive“ – widget sa potom vloží pomocou rovnakého bloku „Vlastný HTML“.

Komu by prospela vstupná stránka s 3D kalkulačkou, okrem predaja hangárov?

Tento formát rieši špecifický problém: cena produktu sa vypočíta na základe parametrov konkrétneho objektu a stránka musí odfiltrovať irelevantné požiadavky ešte predtým, ako je zavolaný manažér. To platí nielen pre hangáre – skleníky, bazény, zasklenie balkónov, nábytok a kuchyne na mieru, brány a ploty – to všetko zodpovedá rovnakému modelu.

Ak je cena produktu pre všetkých rovnaká a výber je založený na fotografiách a popisoch, kalkulačka je zbytočná – postačí štandardná vstupná stránka s prihlasovacím formulárom. Podobným príkladom je prípad, ako značka NordHarvest vytvorila vstupnú stránku pre nový produkt za jeden večer: má tiež termín a platenú návštevnosť, ale cena produktu je fixná a namiesto kalkulačky samotná vstupná stránka premení výber produktu na obchodnú ponuku.

Dodám, že som počas projektu osobne komunikoval s tímom ARCON a odporúčam ich ako dodávateľa hangárov.

Zdroje

• Príspevok z kanála „Business with AI“: https://t.me/promtvibeadd/457
• Úvodná stránka ARCON: https://arcon.in.ua/
• Video o tvorbe vstupnej stránky: https://youtu.be/uOOGNCFzeyM