Landningssida med en 3D-kostnadskalkylator för en kväll: ARCON fallstudie

På en kväll skapade jag en landningssida för stålhangartillverkaren ARCON – med kundens signaturstil i svart och röda, interaktiva 3D-modeller av strukturen lager för lager och en kalkylator som beräknar hangarens kostnad i realtid. Webbplatsen byggdes med betald annonsering på Facebook och Google i åtanke, och den första skärmen besvarar omedelbart frågan "hur mycket kommer det att kosta" – redan innan du ringer chefen. Jag byggde den med hjälp av 1001site AI – jag utforskar dess komponenter och hur dess automatiska prisberäkning fungerar.

Utmaningen: en webbplats för betald annonsering, byggd på en kväll

ARCON bygger nyckelfärdiga ramlösa hangarer med välvda och inramade ramar för jordbruksnäringar, hamnar, logistikkomplex och industriområden i hela Ukraina. Kunden behövde ett verktyg för kall trafik: en person klickar på en annons, förstår inom några sekunder att de har att göra med ett pålitligt företag och antingen omedelbart uppskattar priset eller skickar in en förfrågan. Ett standardvisitkort med en beskrivning av tjänsterna löser inte detta problem.

Mitt utgångsmaterial inkluderade en företagsprislista – en färdig varumärkesbok med färger och en strukturerad presentation, men utan en webbplats för reklam. Jag överförde användningsområdena från samma prislista till landningssidan med hjälp av ikoner: jordbruksnäring, hamnar och terminaler, logistikkomplex, spannmåls- och utrustningslagring, tillverkning, flyg – det var omedelbart tydligt vilka områden jag skulle rikta in mig på med text och vilken målgrupp jag skulle rikta in mig på med reklam. Jag satte ihop landningssidan på en kväll, redo för den första kampanjens lansering.

Hur överfördes kundens företagsstil till landningssidan?

Jag hämtade färger, typsnitt och presentationsstruktur direkt från ARCONs prislista: svart bakgrund, vit text, röda accenter och en båge i logotypen. På så sätt känner besökare som redan har sett företagets broschyr eller visitkort igen varumärket vid första anblicken.

Jag använde en grundläggande mörk stil som refererades till från 1001site -katalogen som grund, och klientens exakta röda färg applicerades över den av kontots AI-assistent med ett kommando som "skapa ett mörkt tema med min röda färg". Resultatet är samma prislista, fast nu i form av sidor, knappar och en miniräknare.

Varför behöver en landningssida interaktiva 3D-modeller av en hangar?

En 3D-modell av en hangar kan roteras och undersökas lager för lager – grunden, den bärande strukturen, belysningen och ventilationen. Ett foto av den färdiga byggnaden ger inte en sådan analys, vilket är just det som besvarar den viktigaste frågan hos en kall besökare: "Vad köper jag egentligen, och vad är det gjort av?"

Under varje lager har jag inkluderat ett riktigt foto från byggarbetsplatsen: detta bekräftar att 3D-diagrammet är baserat på en verklig ARCON-anläggning.

Ovanför lagerblocket finns landningssidans huvudskärm med brytare för "Ramlös/Ram" och "3D/Foto": besökare kan välja designtyp och rotera modellen med musen. Det finns ingen anledning att ringa en administratör för detta.

På samma skärm visas fyra förtroendenummer bredvid en 3D-modell: över 13 års erfarenhet av metallarbeten, spännvidder på 12–40 meter utan pelare, snölastkapacitet upp till 480 kg/m² och 36 månaders konstruktionsgaranti. Detta är samma språkbruk som används för att övertyga köpare i prislistan på papper, fast nu tillsammans med en interaktiv modell.

Hur fungerar 3D-hangarkostnadskalkylatorn?

3D-kalkylatorn på ARCONs landningssida ändrar modell och prisintervall direkt när bredd- och längdreglagen justeras. Besökaren väljer hangartyp, dimensioner och tillbehör – och 3D-modellen och den beräknade kostnaden för varje komponent (stomme, grund, grindar, belysning) uppdateras live, utan att sidan behöver uppdateras.

Du kan sedan gå ner i detaljerna: välj en ramlös, kall eller varm stomtyp, lägg till en grund, industrigolv, belysning och ventilation – och se vad det slutliga prisintervallet blir för varje komponent separat.

Skillnaden mot en vanlig landningssida utan miniräknare syns omedelbart:

Varför fungerar detta specifikt med Facebook och Google -annonser?

Interaktiva 3D-modeller håller besökarna kvar på sidan längre, och kalkylatorn eliminerar prisproblem redan innan de uppstår. För annonsbudgeten innebär detta ett specifikt mätvärde – kostnad per lead: besökare spenderar längre tid på att titta på sidan, förstår priset mer exakt och är mindre benägna att lämna sidan utan kontakt.

Landningssidan är utformad för de strikta kraven för betald trafik: snabb laddning och responsivitet skyddar budgeten från oavsiktliga studsar, och en tydlig struktur med omedelbart värdeerbjudande adresserar publikens primära intresse inom några sekunder efter att man klickat. Möjligheten att rotera 3D-modellen ökar tiden som spenderas på webbplatsen – en direkt signal om engagemang för annonsalgoritmer. Kalkylatorn bygger förtroende: besökare "bygger" en hangar efter sina egna dimensioner, förstår prissättningslogiken och är mer benägna att lämna kontaktinformation än om de fick höra "ring mig för att ta reda på priset".

Vad får en chef när en besökare skickar in en förfrågan?

Enligt författaren till inlägget skickas förfrågningar från ARCONs landningssida till chefer via Telegram direkt efter att formuläret har skickats in. För 1001site landningssida konfigureras denna leverans via blocket "Kontakter" med en messenger-knapp eller genom samma anpassade integration som driver kalkylatorn. 1001site har dokumenterat aviseringsleverans till Telegram som en färdig funktion för beställningar – här tillämpades den på förfrågan från landningssidan. Förfrågningsflödet är strukturerat enligt följande:

1. Besökaren konfigurerar hangaren i 3D-kalkylatorn och ser prisintervallet.
2. Klickar på “Avvisa kommersiellt erbjudande” eller “Rozrahunok för 30 hvilins”.
3. Fyll i kontaktuppgifter i formuläret på landningssidan.
4. En begäran med hangarparametrar skickas omedelbart till chefen via Telegram.
5. Chefen ringer tillbaka med en exakt uppskattning medan intresset fortfarande är stort.

En sammanfattning av hela landningssidans sammansättning finns i författarens video, inbäddad nedanför sidan.

Vad är den här landningssidan tekniskt sett gjord av?

Detta är 1001site "landningsläge": ett startsidablock, anpassade sidor och ett ansökningsformulär, utan en kundvagn eller annonsinlämning. 3D-modellerna och kalkylatorn är tredjepartswidgets som infogas via blocket "anpassad HTML": i "landningsläge" visas de i den allmänna listan över block tillsammans med hjälten, galleriet och formuläret. Byggaren implementerar inte denna 3D-mekanik åt dig – den tillhandahåller bara en färdig plats att infoga dem.

Landningssidan finns på sin egen domän, arcon.in.ua, med ett eget SSL-certifikat, som 1001site utfärdar och förnyar själv. Du kan redigera texten, siffrorna i förmånsavsnittet eller lägga till en ny hangartyp med hjälp av instrumentpanelens AI-assistent – utan att behöva kontakta utvecklaren för varje mindre redigering.

Hur mycket kostar det och hur snabbt byggs en sådan landningssida?

En standard landningssida på 1001site byggs av en AI-agent på 2–7 minuter efter betalning för "All Inclusive"-planen – 45 euro per månad. Den första månaden kostar 25 euro med en månatlig kampanjkod. Det finns ingen provperiod. Att bädda in en 3D-kalkylator från tredje part med hjälp av blocket "Anpassad HTML" och anpassa stilen för att matcha den exakta varumärkesfärgen kräver dock manuellt arbete ovanpå skaparen: den kan inte skapas med ett enda klick i en popup-fönster.

Planen "Nyckelfärdig" passar för denna mängd anpassningar – en engångsavgift på 1 650 €. Hela webbplatsen byggs för kunden, från stil och text till domän och Telegram integration, inklusive 12 månaders hosting. För de som redan har en intern utvecklare räcker planen "All Inclusive" för denna uppgift – widgeten infogas sedan med samma "Anpassad HTML"-block.

Vem skulle dra nytta av en landningssida med en 3D-kalkylator, förutom att sälja hangarer?

Detta format löser ett specifikt problem: produktens pris beräknas utifrån parametrarna för det specifika objektet, och webbplatsen måste filtrera bort irrelevanta förfrågningar redan innan en chef tillkallas. Detta är relevant inte bara för hangarer – växthus, simbassänger, balkonginglasning, specialanpassade möbler och kök, grindar och staket passar alla i samma modell.

Om produktpriset är detsamma för alla och urvalet baseras på foton och beskrivningar, är en kalkylator onödig – en vanlig landningssida med ett ansökningsformulär räcker. Ett liknande exempel är fallet där varumärket NordHarvest skapade en landningssida för en ny produkt på en kväll: den har också en deadline och betald trafik, men produktpriset är fast, och istället för en kalkylator förvandlar själva landningssidan produkturvalet till ett kommersiellt erbjudande.

Jag vill tillägga att jag personligen kommunicerade med ARCON-teamet under projektets gång och rekommenderar dem som hangarentreprenör.

Källor

• Inlägg från kanalen "Affärer med AI": https://t.me/promtvibeadd/457
• ARCONs landningssida: https://arcon.in.ua/
• Video om att skapa en landningssida: https://youtu.be/uOOGNCFzeyM