Strona docelowa z kalkulatorem kosztów 3D na jeden wieczór: studium przypadku ARCON

W jeden wieczór stworzyłem landing page dla producenta stalowych hangarów ARCON – z charakterystycznym dla klienta czarno-czerwonym stylem, interaktywnymi modelami 3D konstrukcji warstwa po warstwie oraz kalkulatorem obliczającym koszt hangaru w czasie rzeczywistym. Strona została stworzona z myślą o płatnych reklamach na Facebook i Google, a już na pierwszym ekranie pojawia się odpowiedź na pytanie „ile to będzie kosztować” – jeszcze zanim zadzwonisz do menedżera. Stworzyłem ją z wykorzystaniem sztucznej inteligencji 1001site – badam jej komponenty i sposób działania automatycznego obliczania ceny.

Wyzwanie: strona internetowa do płatnej reklamy, zbudowana w jeden wieczór

Firma ARCON buduje pod klucz bezramowe hangary łukowe i szkieletowe dla agrobiznesu, portów, kompleksów logistycznych i obiektów przemysłowych na terenie całej Ukrainy. Klient potrzebował narzędzia do obsługi ruchu na zimno: użytkownik klika w reklamę, w ciągu kilku sekund rozumie, że ma do czynienia z rzetelną firmą i albo od razu wycenia ofertę, albo składa zapytanie ofertowe. Standardowa wizytówka z opisem usług nie rozwiązuje tego problemu.

Moje materiały wyjściowe obejmowały firmowy cennik – gotowy brandbook z kolorami i ustrukturyzowaną prezentacją, ale bez strony internetowej do reklamy. Przeniosłem obszary zastosowań z tego samego cennika na landing page za pomocą ikon: agrobiznes, porty i terminale, kompleksy logistyczne, magazyny zboża i sprzętu, produkcja, lotnictwo – od razu było jasne, do których obszarów kierować tekst reklamowy i do której grupy docelowej kierować reklamę. Stworzyłem landing page w jeden wieczór, gotowy na pierwszą kampanię.

W jaki sposób styl korporacyjny klienta został przeniesiony na stronę docelową?

Kolory, czcionkę i strukturę prezentacji zaczerpnąłem bezpośrednio z cennika ARCON: czarne tło, biały tekst, czerwone akcenty i łuk w logo. Dzięki temu odwiedzający, którzy widzieli już broszurę lub wizytówkę firmy, rozpoznają markę od pierwszego wejrzenia.

Jako bazę wykorzystałem podstawowy, ciemny styl zaczerpnięty z katalogu 1001site, a następnie asystent AI konta zastosował do niego dokładnie taki sam czerwony kolor, jakiego oczekiwał klient, za pomocą polecenia „utwórz ciemny motyw z moim czerwonym kolorem”. Rezultatem jest ten sam cennik, tyle że teraz w formie stron, przycisków i kalkulatora.

Dlaczego strona docelowa potrzebuje interaktywnych modeli 3D hangaru?

Trójwymiarowy model hangaru można obracać i analizować warstwa po warstwie – fundamenty, konstrukcję wsporczą, oświetlenie i wentylację. Zdjęcie gotowego budynku nie zapewnia takiej analizy, która jest właśnie odpowiedzią na główne pytanie zwiedzającego: „Co właściwie kupuję i z czego to jest zrobione?”.

Pod każdą warstwą zamieściłem prawdziwe zdjęcie z placu budowy: potwierdza to, że schemat 3D powstał na podstawie prawdziwego obiektu ARCON.

Nad blokiem warstw znajduje się główny ekran landing page'a z przełącznikami „Bez ramki/Ramka” i „3D/Zdjęcie”: odwiedzający mogą wybrać typ projektu i obracać model za pomocą myszki. Nie ma potrzeby kontaktowania się z menedżerem w tym celu.

Na tym samym ekranie, obok modelu 3D, pojawiają się cztery liczby zaufania: ponad 13 lat doświadczenia w metalu, rozpiętość przęseł 12-40 metrów bez słupów, obciążenie śniegiem do 480 kg/m² i 36-miesięczna gwarancja na konstrukcję. To ten sam język, którym przekonywano kupujących w papierowym cenniku, tyle że teraz w zestawieniu z interaktywnym modelem.

Jak działa kalkulator kosztów hangaru 3D?

Kalkulator 3D na stronie głównej ARCON natychmiast zmienia model i przedział cenowy, dostosowując suwaki szerokości i długości. Użytkownik wybiera typ hangaru, wymiary i akcesoria, a model 3D i szacowany koszt każdego elementu (rama, fundament, bramy, oświetlenie) są aktualizowane na bieżąco, bez odświeżania strony.

Następnie możesz przejść do szczegółów: wybrać typ ramy bezramowej, zimnej lub ciepłej, dodać fundament, posadzkę przemysłową, oświetlenie i wentylację — i sprawdzić ostateczny przedział cenowy dla każdego komponentu osobno.

Różnica w porównaniu do zwykłej strony docelowej bez kalkulatora jest widoczna od razu:

Dlaczego to działa konkretnie w przypadku reklam Facebook i Google?

Interaktywne modele 3D sprawiają, że użytkownicy pozostają na stronie dłużej, a kalkulator eliminuje problemy z cenami jeszcze przed ich zastosowaniem. W przypadku budżetu reklamowego przekłada się to na konkretny wskaźnik – koszt pozyskania klienta (cost per lead): użytkownicy spędzają więcej czasu na stronie, lepiej rozumieją cenę i rzadziej opuszczają ją bez kontaktu.

Strona docelowa została zaprojektowana z myślą o rygorystycznych wymaganiach ruchu płatnego: szybkie ładowanie i responsywność chronią budżet przed przypadkowymi odrzuceniami, a przejrzysta struktura z natychmiastową propozycją wartości odpowiada na najważniejsze potrzeby odbiorców w ciągu kilku sekund od kliknięcia. Możliwość obracania modelu 3D wydłuża czas spędzony na stronie – co jest bezpośrednim sygnałem zaangażowania dla algorytmów reklamowych. Kalkulator buduje zaufanie: odwiedzający „budują” hangar na własne wymiary, rozumieją logikę cenową i chętniej podają dane kontaktowe niż w przypadku polecenia „zadzwoń, aby poznać cenę”.

Co otrzymuje menedżer, gdy gość składa prośbę?

Według autora wpisu, zapytania ze strony docelowej ARCON są wysyłane do menedżerów za pośrednictwem Telegram natychmiast po przesłaniu formularza. W przypadku strony docelowej 1001site, dostarczanie powiadomień jest konfigurowane za pomocą bloku „Kontakty” z przyciskiem komunikatora lub za pomocą tej samej niestandardowej integracji, która obsługuje kalkulator. 1001site udokumentowało dostarczanie powiadomień do Telegram jako gotową funkcję dla zamówień — w tym przypadku została ona zastosowana do zapytania ze strony docelowej. Przepływ zapytań jest następujący:

1. Odwiedzający konfiguruje hangar w kalkulatorze 3D i widzi przedział cenowy.
2. Kliknij „Odrzuć ofertę handlową” lub „Rozrahunok za 30 hvilins”.
3. Wypełnia dane kontaktowe w formularzu na stronie docelowej.
4. Zapytanie z parametrami hangaru jest natychmiast wysyłane do managera za pomocą Telegram.
5. Kierownik oddzwania z dokładną wyceną, gdy zainteresowanie jest jeszcze wysokie.

Szczegółowy opis całego procesu tworzenia strony docelowej można znaleźć w filmie autora, osadzonym poniżej na stronie.

Z czego technicznie składa się ta strona docelowa?

To jest tryb „lądowania” 1001site: blok strony głównej, strony niestandardowe i formularz zgłoszeniowy, bez koszyka ani przesyłania reklam. Modele 3D i kalkulator to widżety stron trzecich wstawiane za pomocą bloku „niestandardowy HTML”: w trybie „lądowania” pojawiają się na ogólnej liście bloków wraz z blokiem głównym, galerią i formularzem. Sam kreator nie implementuje tej mechaniki 3D za użytkownika – zapewnia jedynie gotowe miejsce do ich wstawienia.

Strona docelowa jest hostowana na własnej domenie, arcon.in.ua, z własnym certyfikatem SSL, który 1001site sam wystawia i odnawia. Możesz edytować tekst, liczby w sekcji korzyści lub dodać nowy typ hangaru za pomocą asystenta AI w panelu – bez konieczności kontaktowania się z deweloperem przy każdej drobnej zmianie.

Ile to kosztuje i jak szybko powstaje taka strona docelowa?

Standardowa strona docelowa w 1001site jest tworzona przez agenta AI w ciągu 2-7 minut po opłaceniu planu „All Inclusive” – 45 euro miesięcznie. Pierwszy miesiąc kosztuje 25 euro z miesięcznym kodem promocyjnym. Nie ma okresu próbnego. Jednak osadzenie zewnętrznego kalkulatora 3D za pomocą bloku „Custom HTML” i dostosowanie stylu do dokładnego koloru marki wymaga ręcznej pracy nad kreatorem: nie da się tego utworzyć jednym kliknięciem w wyskakującym okienku.

Plan „Pod klucz” jest odpowiedni dla tego zakresu personalizacji – jednorazowa opłata w wysokości 1650 euro. Cała strona internetowa jest tworzona dla klienta, od stylu i tekstu, po domenę i integrację Telegram, z 12-miesięcznym hostingiem w cenie. Dla tych, którzy już mają własnego programistę, plan „Wszystko w jednym” jest wystarczający – widget jest następnie wstawiany za pomocą tego samego bloku „Niestandardowy HTML”.

Kto mógłby skorzystać ze strony docelowej z kalkulatorem 3D, poza sprzedażą hangarów?

Ten format rozwiązuje konkretny problem: cena produktu jest obliczana na podstawie parametrów konkretnego obiektu, a strona musi odfiltrować nieistotne zapytania jeszcze przed wezwaniem menedżera. Dotyczy to nie tylko hangarów – szklarnie, baseny, przeszklenia balkonów, meble i kuchnie na zamówienie, bramy i ogrodzenia – wszystkie pasują do tego samego modelu.

Jeśli cena produktu jest taka sama dla wszystkich, a wybór opiera się na zdjęciach i opisach, kalkulator jest zbędny – wystarczy standardowy landing page z formularzem zgłoszeniowym. Podobnym przykładem jest marka NordHarvest, która w jeden wieczór stworzyła landing page nowego produktu: również ma on termin realizacji i płatny ruch, ale cena produktu jest stała, a zamiast kalkulatora, landing page sam przekształca wybór produktów w ofertę handlową.

Dodam, że osobiście kontaktowałem się z zespołem ARCON w trakcie trwania projektu i polecam ich jako wykonawcę hangaru.

Źródła

• Post z kanału „Biznes ze sztuczną inteligencją”: https://t.me/promtvibeadd/457
• Strona docelowa ARCON: https://arcon.in.ua/
• Film instruktażowy dotyczący tworzenia strony docelowej: https://youtu.be/uOOGNCFzeyM