Úvodní stránka s 3D kalkulačkou nákladů na jeden večer: případová studie ARCON

Během jednoho večera jsem vytvořil vstupní stránku pro výrobce ocelových hangárů ARCON – s typickým černobílým stylem klienta, interaktivními 3D modely konstrukce vrstvu po vrstvě a kalkulačkou, která v reálném čase vypočítává cenu hangáru. Stránka byla vytvořena s ohledem na placenou reklamu na Facebook a Google a první obrazovka okamžitě odpovídá na otázku „kolik to bude stát“ – ještě předtím, než zavoláte manažerovi. Vytvořil jsem ji pomocí umělé inteligence 1001site – zkoumám její komponenty a jak funguje automatický výpočet ceny.

Výzva: webová stránka pro placenou reklamu, vytvořená za jeden večer

Společnost ARCON staví bezrámové klenuté a rámové hangáry na klíč pro agrobyznys, přístavy, logistické komplexy a průmyslové areály po celé Ukrajině. Klient potřeboval nástroj pro cold traffic: člověk klikne na reklamu, během několika sekund pochopí, že jedná se spolehlivou společností, a buď okamžitě odhadne cenu, nebo odešle poptávku. Standardní vizitka s popisem služeb tento problém neřeší.

Mezi mé výchozí materiály patřil firemní ceník – hotový brandbook s barvami a strukturovanou prezentací, ale bez webových stránek pro reklamu. Oblasti použití z téhož ceníku jsem přenesl na vstupní stránku pomocí ikon: agrobyznys, přístavy a terminály, logistické komplexy, skladování obilí a zařízení, výroba, letectví – bylo hned jasné, na které oblasti cílit textem a na jaké publikum cílit reklamou. Vstupní stránku jsem dal dohromady za jeden večer, připravenou k prvnímu spuštění kampaně.

Jak byl firemní styl klienta přenesen na vstupní stránku?

Barvy, písmo a strukturu prezentace jsem převzal přímo z ceníku společnosti ARCON: černé pozadí, bílý text, červené akcenty a oblouk v logu. Návštěvníci, kteří již viděli firemní brožuru nebo vizitku, tak značku na první pohled rozpoznají.

Jako základ jsem použil základní tmavý styl z katalogu 1001site a přes něj jsem pomocí AI asistenta účtu aplikoval přesnou červenou barvu klienta pomocí příkazu typu „vytvořit tmavý motiv s mou červenou“. Výsledkem je stejný ceník, nyní jen ve formě stránek, tlačítek a kalkulačky.

Proč potřebuje vstupní stránka interaktivní 3D modely hangáru?

3D model hangáru lze otáčet a zkoumat vrstvu po vrstvě – základy, nosnou konstrukci, osvětlení a větrání. Fotografie hotové budovy takovou analýzu neposkytuje, což je přesně to, co odpovídá na hlavní otázku chladného návštěvníka: „Co si vlastně kupuji a z čeho je to vyrobené?“

Pod každou vrstvu jsem vložil skutečnou fotografii ze staveniště: to potvrzuje, že 3D diagram je založen na skutečném zařízení ARCON.

Nad blokem vrstev se nachází hlavní obrazovka vstupní stránky s přepínači pro „Bezrámový/Rámový“ a „3D/Foto“: návštěvníci si mohou vybrat typ designu a model otáčet myší. K tomu není třeba volat manažera.

Na stejné obrazovce se vedle 3D modelu zobrazují čtyři čísla důvěryhodnosti: více než 13 let zkušeností s kovovýrobou, rozpětí 12–40 metrů bez sloupů, nosnost sněhu až 480 kg/m² a 36měsíční záruka na konstrukci. Jedná se o stejný jazyk, jaký se používá k přesvědčování kupujících v ceníku na papíře, nyní jen vedle interaktivního modelu.

Jak funguje 3D kalkulačka ceny hangáru?

3D kalkulačka na úvodní stránce ARCON okamžitě změní model a cenové rozpětí úpravou posuvníků šířky a délky. Návštěvník si vybere typ hangáru, rozměry a příslušenství – a 3D model a odhadovaná cena jednotlivých komponent (rám, základy, brány, osvětlení) se aktualizují v reálném čase, aniž by bylo nutné stránku obnovovat.

Pak se můžete podrobněji podívat na detaily: vybrat si bezrámový, studený nebo teplý typ rámu, přidat základy, průmyslovou podlahu, osvětlení a větrání – a zjistit, jaké je konečné cenové rozpětí pro každou komponentu zvlášť.

Rozdíl oproti běžné vstupní stránce bez kalkulačky je okamžitě viditelný:

Proč to funguje konkrétně u reklam Facebook a Google?

Interaktivní 3D modely udrží návštěvníky na stránce déle a kalkulačka eliminuje problémy s cenami ještě před jejich uplatněním. Pro reklamní rozpočet se to promítá do specifické metriky – ceny za lead: návštěvníci stráví prohlížením stránky déle, přesněji chápou cenu a je méně pravděpodobné, že odejdou bez kontaktu.

Vstupní stránka je navržena s ohledem na přísné požadavky placené návštěvnosti: rychlé načítání a responzivita chrání rozpočet před náhodnými opuštěními stránek a jasná struktura s okamžitou hodnotovou nabídkou řeší primární zájem publika během několika sekund po kliknutí. Možnost otáčení 3D modelu prodlužuje dobu strávenou na webu – což je přímý signál zapojení reklamních algoritmů. Kalkulačka buduje důvěru: návštěvníci si „postaví“ hangár podle vlastních rozměrů, rozumí logice tvorby cen a s větší pravděpodobností poskytnou kontaktní informace, než kdyby jim bylo řečeno „zavolejte mi a zjistěte cenu“.

Co manažer obdrží, když návštěvník odešle požadavek?

Podle autora příspěvku jsou požadavky z landing page ARCON odesílány manažerům přes Telegram ihned po odeslání formuláře. Pro landing page 1001site je toto doručování konfigurováno prostřednictvím bloku „Kontakty“ s tlačítkem messengeru nebo prostřednictvím stejné vlastní integrace, která pohání kalkulačku. 1001site zdokumentoval doručování oznámení do Telegram jako hotovou funkci pro objednávky – zde byla aplikována na požadavek z landing page. Tok požadavku je strukturován následovně:

1. Návštěvník si nakonfiguruje hangár v 3D kalkulátoru a uvidí cenové rozpětí.
2. Klikne na „Odmítnout komerční nabídku“ nebo „Rozpočet za 30 minut“.
3. Vyplní kontaktní informace ve formuláři na vstupní stránce.
4. Žádost s parametry hangáru je okamžitě odeslána správci přes Telegram.
5. Manažer volá zpět s přesným odhadem, dokud je zájem stále velký.

Rozpis celé sestavy vstupní stránky je ve videu autora, které je vloženo níže na stránce.

Z čeho je tato vstupní stránka technicky vyrobena?

Toto je „landing“ režim 1001site: blok domovské stránky, vlastní stránky a formulář žádosti, bez nákupního košíku nebo odesílání reklam. 3D modely a kalkulačka jsou widgety třetích stran vkládané prostřednictvím bloku „custom HTML“: v „landing“ režimu se zobrazují v obecném seznamu bloků spolu s hlavním prvkem, galerií a formulářem. Samotný nástroj pro tvorbu těchto 3D mechanismů neimplementuje – pouze poskytuje připravené místo pro jejich vložení.

Úvodní stránka je hostována na vlastní doméně arcon.in.ua s vlastním SSL certifikátem, který si 1001site vydává a obnovuje sám. Můžete upravovat text, čísla v sekci výhod nebo přidat nový typ hangáru pomocí AI asistenta v dashboardu – aniž byste museli kontaktovat vývojáře pro každou drobnou úpravu.

Kolik to stojí a jak rychle se taková vstupní stránka vytvoří?

Standardní vstupní stránku na 1001site vytvoří agent s umělou inteligencí během 2–7 minut po zaplacení tarifu „All Inclusive“ – 45 EUR měsíčně. První měsíc stojí 25 EUR s měsíčním promo kódem. Zkušební doba není k dispozici. Vložení 3D kalkulačky třetí strany pomocí bloku „Custom HTML“ a přizpůsobení stylu tak, aby přesně odpovídal barvě značky, však vyžaduje manuální práci v editoru: nelze ji vytvořit jediným kliknutím ve vyskakovacím okně.

Pro tento objem úprav je vhodný plán „Na klíč“ – jednorázový poplatek 1 650 EUR. Celý web je vytvořen pro klienta, od stylu a textu až po doménu a integraci Telegram, včetně 12 měsíců hostingu. Pro ty, kteří již mají interního vývojáře, postačí plán „All Inclusive“ – widget se poté vloží pomocí stejného bloku „Custom HTML“.

Komu by prospěla vstupní stránka s 3D kalkulačkou, kromě prodeje hangárů?

Tento formát řeší specifický problém: cena produktu se vypočítává na základě parametrů konkrétního objektu a web musí filtrovat irelevantní požadavky ještě předtím, než je zavolán manažer. To platí nejen pro hangáry – skleníky, bazény, zasklení balkonů, zakázkový nábytek a kuchyně, brány a ploty, to vše odpovídá stejnému modelu.

Pokud je cena produktu pro všechny stejná a výběr je založen na fotografiích a popisech, kalkulačka je zbytečná – postačí standardní vstupní stránka s formulářem žádosti. Podobným příkladem je případ, kdy značka NordHarvest vytvořila vstupní stránku pro nový produkt za jeden večer: má také termín a placenou návštěvnost, ale cena produktu je fixní a místo kalkulačky samotná vstupní stránka promění výběr produktu v komerční nabídku.

Dodám, že jsem během projektu osobně komunikoval s týmem ARCON a doporučuji je jako dodavatele hangárů.

Zdroje

• Příspěvek z kanálu „Business with AI“: https://t.me/promtvibeadd/457
• Úvodní stránka ARCON: https://arcon.in.ua/
• Video o tvorbě vstupní stránky: https://youtu.be/uOOGNCFzeyM