Landingsside med en 3D-prisberegner for én aften: ARCON casestudie

På en aften skabte jeg en landingsside for stålhangarproducenten ARCON – med kundens karakteristiske sort-røde stil, interaktive 3D-modeller af strukturen lag for lag og en lommeregner, der beregner hangarens pris i realtid. Webstedet blev bygget med betalt annoncering på Facebook og Google i tankerne, og den første skærm besvarer straks spørgsmålet "hvor meget vil det koste" – selv før du ringer til lederen. Jeg byggede det ved hjælp af 1001site AI – jeg udforsker dets komponenter og hvordan dens automatiske prisberegning fungerer.

Udfordringen: en hjemmeside til betalt annoncering, bygget på én aften

ARCON bygger nøglefærdige rammeløse buede og indrammede hangarer til landbrugsvirksomheder, havne, logistikkomplekser og industriområder i hele Ukraine. Kunden havde brug for et værktøj til kold trafik: en person klikker på en annonce, forstår inden for få sekunder, at de har at gøre med en pålidelig virksomhed, og enten giver et øjeblikkeligt prisanslag eller sender en forespørgsel. Et standard visitkort med en beskrivelse af tjenester løser ikke dette problem.

Mit udgangspunkt omfattede en virksomhedsprisliste – en færdiglavet brandbog med farver og en struktureret præsentation, men uden en hjemmeside til annoncering. Jeg overførte anvendelsesområderne fra den samme prisliste til landingssiden ved hjælp af ikoner: landbrug, havne og terminaler, logistikkomplekser, korn- og udstyrsopbevaring, produktion, luftfart – det var straks klart, hvilke områder der skulle målrettes med tekst, og hvilken målgruppe der skulle målrettes med annoncering. Jeg sammensatte landingssiden på én aften, klar til den første kampagnelancering.

Hvordan blev kundens virksomhedsstil overført til landingssiden?

Jeg tog farver, skrifttype og præsentationsstruktur direkte fra ARCONs prisliste: sort baggrund, hvid tekst, røde accenter og en bue i logoet. På denne måde genkender besøgende, der allerede har set virksomhedens brochure eller visitkort, brandet ved første øjekast.

Jeg brugte en grundlæggende mørk stil, der var refereret til fra 1001site -kataloget, som basis, og klientens præcise røde farve blev anvendt ovenpå den af kontoens AI-assistent med en kommando som "opret et mørkt tema med min røde farve." Resultatet er den samme prisliste, bare nu i form af sider, knapper og en lommeregner.

Hvorfor har en landingsside brug for interaktive 3D-modeller af en hangar?

En 3D-model af en hangar kan roteres og undersøges lag for lag – fundamentet, den bærende struktur, belysningen og ventilationen. Et foto af den færdige bygning giver ikke en sådan analyse, hvilket netop er det, der besvarer hovedspørgsmålet hos en kold besøgende: "Hvad køber jeg egentlig, og hvad er det lavet af?"

Under hvert lag har jeg inkluderet et rigtigt foto fra byggepladsen: dette bekræfter, at 3D-diagrammet er baseret på et rigtigt ARCON-anlæg.

Over lagblokken er landingssidens hovedskærm med knapper til "Uden ramme/ramme" og "3D/foto": Besøgende kan vælge designtype og rotere modellen med musen. Der er ingen grund til at ringe til en administrator for at gøre dette.

På samme skærm vises fire tillidsnumre ved siden af en 3D-model: over 13 års erfaring med metal, spændvidder på 12-40 meter uden søjler, snelastkapacitet på op til 480 kg/m² og 36 måneders strukturel garanti. Dette er det samme sprog, der bruges til at overbevise købere i prislisten på papir, bare nu sammen med en interaktiv model.

Hvordan fungerer 3D-hangaromkostningsberegneren?

3D-beregneren på ARCONs landingsside ændrer model og prisinterval øjeblikkeligt, når bredde- og længdeskyderne justeres. Den besøgende vælger hangartype, dimensioner og tilbehør – og 3D-modellen og den estimerede pris for hver komponent (ramme, fundament, porte, belysning) opdateres live uden at siden skal opdateres.

Du kan derefter gå i dybden med detaljerne: vælg en rammeløs, kold eller varm rammetype, tilføj et fundament, industrielt gulv, belysning og ventilation – og se, hvad det endelige prisinterval er for hver komponent separat.

Forskellen fra en almindelig landingsside uden en lommeregner er straks synlig:

Hvorfor fungerer dette specifikt med Facebook og Google -annoncer?

Interaktive 3D-modeller holder besøgende på siden i længere tid, og beregneren eliminerer prisproblemer, selv før de opstår. For annonceringsbudgettet omsættes dette til en specifik metrik – pris pr. lead: besøgende bruger længere tid på at se siden, forstår prisen mere præcist og er mindre tilbøjelige til at forlade siden uden kontakt.

Landingssiden er designet til de strenge krav til betalt trafik: hurtig indlæsning og responsivitet beskytter budgettet mod utilsigtede afvisninger, og en klar struktur med øjeblikkelig værdiforslag adresserer målgruppens primære bekymring inden for få sekunder efter klik. Muligheden for at rotere 3D-modellen øger tiden brugt på webstedet - et direkte signal om engagement for annonceringsalgoritmer. Beregneren opbygger tillid: Besøgende "bygger" en hangar efter deres egne dimensioner, forstår prislogikken og er mere tilbøjelige til at give kontaktoplysninger, end hvis de fik at vide "ring til mig for at finde ud af prisen".

Hvad modtager en leder, når en besøgende indsender en anmodning?

Ifølge forfatteren af indlægget sendes anmodninger fra ARCON-landingssiden til ledere via Telegram umiddelbart efter, at formularen er indsendt. For 1001site landingssiden konfigureres denne levering via blokken "Kontakter" med en messenger-knap eller via den samme brugerdefinerede integration, der driver beregneren. 1001site har dokumenteret levering af notifikationer til Telegram som en færdiglavet funktion til ordrer – her blev den anvendt på anmodningen fra landingssiden. Anmodningsflowet er struktureret som følger:

1. Den besøgende konfigurerer hangaren i 3D-beregneren og ser prisintervallet.
2. Klikker på “Afvis kommercielt tilbud” eller “Rozrahunok for 30 hvilins”.
3. Udfylder kontaktoplysninger i formularen på landingssiden.
4. En anmodning med hangarparametre sendes straks til manageren via Telegram.
5. Lederen ringer tilbage med et præcist estimat, mens interessen stadig er varm.

En oversigt over hele landingssidens opbygning findes i forfatterens video, som er indlejret nedenfor på siden.

Hvad er denne landingsside teknisk set lavet af?

Dette er 1001site "landingstilstand": en hjemmesideblok, brugerdefinerede sider og en ansøgningsformular, uden en indkøbskurv eller annonceindsendelse. 3D-modellerne og lommeregneren er tredjepartswidgets, der indsættes via den "brugerdefinerede HTML"-blok: i "landingstilstand" vises de i den generelle liste over blokke sammen med heroen, galleriet og formularen. Selve byggeren implementerer ikke denne 3D-mekanik for dig - den giver kun et færdigt sted at indsætte dem.

Landingssiden hostes på sit eget domæne, arcon.in.ua, med sit eget SSL-certifikat, som 1001site udsteder og fornyer sig selv. Du kan redigere teksten, tallene i fordelssektionen eller tilføje en ny hangartype ved hjælp af dashboardets AI-assistent – uden at skulle kontakte udvikleren for hver mindre rettelse.

Hvor meget koster det, og hvor hurtigt bliver sådan en landingsside bygget?

En standard landingsside på 1001site bygges af en AI-agent på 2-7 minutter efter betaling for "All Inclusive"-planen – €45 pr. måned. Den første måned koster €25 med en månedlig rabatkode. Der er ingen prøveperiode. Integrering af en tredjeparts 3D-beregner ved hjælp af blokken "Brugerdefineret HTML" og tilpasning af stilen, så den matcher den nøjagtige brandfarve, kræver dog manuelt arbejde oven på builderen: den kan ikke oprettes med et enkelt klik i en pop op-vindue.

"Nøglefærdig"-planen er egnet til denne mængde tilpasning - et engangsgebyr på €1.650. Hele hjemmesiden bygges for klienten, fra stil og tekst til domæne og Telegram integration, inklusive 12 måneders hosting. For dem, der allerede har en intern udvikler, er "All Inclusive"-planen tilstrækkelig til denne opgave - widgetten indsættes derefter ved hjælp af den samme "Brugerdefineret HTML"-blok.

Hvem ville have gavn af en landingsside med en 3D-lommeregner, udover at sælge hangarer?

Dette format løser et specifikt problem: Produktets pris beregnes ud fra parametrene for det specifikke objekt, og webstedet skal filtrere irrelevante anmodninger fra, selv før en leder tilkaldes. Dette er ikke kun relevant for hangarer – drivhuse, swimmingpools, altanindglasning, specialfremstillede møbler og køkkener, porte og hegn passer alle til den samme model.

Hvis produktprisen er den samme for alle, og udvælgelsen er baseret på fotos og beskrivelser, er en lommeregner unødvendig – en standard landingsside med en ansøgningsformular vil være tilstrækkelig. Et lignende eksempel er tilfældet med, hvordan NordHarvest-brandet oprettede en landingsside til et nyt produkt på én aften: den har også en deadline og betalt trafik, men produktprisen er fast, og i stedet for en lommeregner forvandler landingssiden selv produktudvalget til et kommercielt tilbud.

Jeg vil tilføje, at jeg personligt kommunikerede med ARCON-teamet under projektet, og jeg anbefaler dem som hangarentreprenør.

Kilder

• Opslag fra kanalen "Business with AI": https://t.me/promtvibeadd/457
• ARCON-landingsside: https://arcon.in.ua/
• Video om oprettelse af landingssider: https://youtu.be/uOOGNCFzeyM