Landingpage mit einem 3D-Kostenrechner für einen Abend: ARCON-Fallstudie

An einem Abend erstellte ich eine Landingpage für den Stahlhangarhersteller ARCON – im typischen Schwarz-Rot-Design des Kunden, mit interaktiven 3D-Modellen der Struktur, Schicht für Schicht, und einem Kostenrechner, der die Hangarkosten in Echtzeit ermittelt. Die Seite wurde von Anfang an für bezahlte Werbung auf Facebook und Google optimiert, und die Startseite beantwortet sofort die Frage „Was kostet es?“ – noch bevor man den Manager kontaktiert. Ich habe die Seite mit 1001site AI erstellt und bin gerade dabei, die einzelnen Komponenten und die Funktionsweise der automatischen Preisberechnung genauer zu untersuchen.

Die Herausforderung: eine Website für bezahlte Werbung, die an einem Abend erstellt werden sollte.

ARCON errichtet schlüsselfertige, rahmenlose Bogen- und Rahmenhallen für Agrarunternehmen, Häfen, Logistikzentren und Industrieanlagen in der gesamten Ukraine. Der Kunde benötigte ein Instrument zur Kundengewinnung: Interessenten klicken auf eine Anzeige, erkennen innerhalb von Sekunden, dass sie es mit einem zuverlässigen Unternehmen zu tun haben, und holen entweder sofort ein Angebot ein oder senden eine Anfrage. Eine herkömmliche Visitenkarte mit einer Leistungsbeschreibung reicht dafür nicht aus.

Als Ausgangsmaterial diente mir eine Firmenpreisliste – ein fertiges Markenhandbuch mit Farben und strukturierter Präsentation, aber ohne Website für Werbung. Die Anwendungsbereiche aus derselben Preisliste übertrug ich mithilfe von Symbolen auf die Landingpage: Agrarwirtschaft, Häfen und Terminals, Logistikzentren, Getreide- und Gerätelagerung, Fertigung, Luftfahrt. So war sofort klar, welche Bereiche ich mit Texten und welche Zielgruppe ich mit Werbung ansprechen sollte. Die Landingpage erstellte ich an einem Abend, bereit für den Start der ersten Kampagne.

Wie wurde der Corporate-Design-Stil des Kunden auf die Landingpage übertragen?

Ich habe Farben, Schriftart und Gestaltungskonzept direkt aus der Preisliste von ARCON übernommen: schwarzer Hintergrund, weiße Schrift, rote Akzente und ein Bogen im Logo. So erkennen Besucher, die bereits die Broschüre oder Visitenkarte des Unternehmens gesehen haben, die Marke auf den ersten Blick.

Ich verwendete einen einfachen dunklen Stil aus dem 1001site -Katalog als Grundlage und legte die exakte rote Farbe des Kunden mithilfe des KI-Assistenten des Kontos über, indem ich einen Befehl wie „Erstelle ein dunkles Design mit meinem Rot“ verwendete. Das Ergebnis ist dieselbe Preisliste, nur jetzt in Form von Seiten, Schaltflächen und einem Rechner.

Warum benötigt eine Landingpage interaktive 3D-Modelle eines Hangars?

Ein 3D-Modell eines Hangars lässt sich drehen und Schicht für Schicht untersuchen – Fundament, Tragkonstruktion, Beleuchtung und Belüftung. Ein Foto des fertigen Gebäudes ermöglicht eine solche Analyse nicht, die aber genau die Hauptfrage eines unvorbereiteten Besuchers beantwortet: „Was kaufe ich da eigentlich, und woraus besteht es?“

Unter jeder Ebene habe ich ein echtes Foto von der Baustelle eingefügt: Dies bestätigt, dass das 3D-Diagramm auf einer realen ARCON-Anlage basiert.

Über dem Ebenenblock befindet sich die Hauptseite der Landingpage mit Schaltern für „Rahmenlos/Rahmen“ und „3D/Foto“: Besucher können den Designtyp auswählen und das Modell mit der Maus drehen. Hierfür ist kein Anruf beim Manager nötig.

Auf demselben Bildschirm erscheinen neben einem 3D-Modell vier Kennzahlen, die für Zuverlässigkeit sprechen: über 13 Jahre Erfahrung im Metallbau, Spannweiten von 12 bis 40 Metern ohne Stützen, Schneelastbeständigkeit bis zu 480 kg/m² und 36 Monate Gewährleistung auf die Tragwerkskonstruktion. Es ist dieselbe Argumentation, mit der Käufer in der gedruckten Preisliste überzeugt werden, nur jetzt ergänzt durch ein interaktives Modell.

Wie funktioniert der 3D-Hangarkostenrechner?

Der 3D-Kalkulator auf der ARCON-Startseite passt Modell und Preisspanne sofort an, sobald die Schieberegler für Breite und Länge verändert werden. Der Besucher wählt Hangartyp, Abmessungen und Zubehör aus – und das 3D-Modell sowie die geschätzten Kosten jeder Komponente (Rahmen, Fundament, Tore, Beleuchtung) werden live aktualisiert, ohne dass die Seite neu geladen werden muss.

Anschließend können Sie sich die Details genauer ansehen: Wählen Sie einen rahmenlosen, kalten oder warmen Rahmentyp, fügen Sie ein Fundament, einen Industrieboden, Beleuchtung und Belüftung hinzu – und sehen Sie, wie hoch die endgültige Preisspanne für jede Komponente einzeln ist.

Der Unterschied zu einer herkömmlichen Landingpage ohne Taschenrechner ist sofort sichtbar:

Warum funktioniert das speziell bei Facebook und Google -Anzeigen?

Interaktive 3D-Modelle sorgen für längere Verweildauer der Besucher auf der Seite, und der Preiskalkulator beseitigt Preisprobleme bereits im Vorfeld. Für das Werbebudget bedeutet dies eine konkrete Kennzahl – die Kosten pro Lead: Besucher verweilen länger auf der Seite, verstehen den Preis besser und verlassen sie seltener, ohne Kontakt aufzunehmen.

Die Landingpage ist speziell auf die Anforderungen bezahlter Werbung zugeschnitten: Kurze Ladezeiten und hohe Reaktionsfähigkeit schützen das Budget vor Absprungraten, und eine klare Struktur mit einem sofort erkennbaren Nutzenversprechen geht innerhalb von Sekunden nach dem Klick auf das Hauptanliegen der Zielgruppe ein. Die Möglichkeit, das 3D-Modell zu drehen, erhöht die Verweildauer auf der Seite – ein direktes Signal für die Werbealgorithmen, dass Nutzer aktiv mit der Seite interagieren. Der Preiskalkulator schafft Vertrauen: Besucher können einen Hangar nach ihren individuellen Maßen „konfigurieren“, die Preislogik verstehen und geben eher ihre Kontaktdaten an, als wenn man ihnen sagen würde: „Rufen Sie mich an, um den Preis zu erfahren.“

Was erhält ein Manager, wenn ein Besucher eine Anfrage stellt?

Laut dem Autor des Beitrags werden Anfragen von der ARCON-Landingpage unmittelbar nach dem Absenden des Formulars per Telegram an die zuständigen Manager gesendet. Bei der 1001site Landingpage wird diese Zustellung über den „Kontakte“-Block mit einem Messenger-Button oder über dieselbe benutzerdefinierte Integration konfiguriert, die auch den Rechner steuert. 1001site hat die Benachrichtigungszustellung an Telegram als vordefinierte Funktion für Bestellungen dokumentiert – hier wurde sie auf die Anfrage von der Landingpage angewendet. Der Anfrageablauf ist wie folgt strukturiert:

1. Der Besucher konfiguriert den Hangar im 3D-Rechner und sieht die Preisspanne.
2. Klickt auf „Kommerzielles Angebot ablehnen“ oder „Rozrahunok für 30 hvilins“.
3. Füllt die Kontaktinformationen im Formular auf der Landingpage aus.
4. Eine Anfrage mit Hangarparametern wird umgehend per Telegram an den Manager gesendet.
5. Der Manager meldet sich mit einem genauen Kostenvoranschlag zurück, solange das Interesse noch groß ist.

Eine detaillierte Beschreibung des gesamten Aufbaus der Landingpage finden Sie im Video des Autors, das unten auf der Seite eingebettet ist.

Woraus besteht diese Landingpage technisch gesehen?

Dies ist der „Landingpage“-Modus 1001site: ein Homepage-Block, benutzerdefinierte Seiten und ein Antragsformular, jedoch ohne Warenkorb oder Anzeigenschaltung. Die 3D-Modelle und der Rechner sind Drittanbieter-Widgets, die über den „Benutzerdefiniertes HTML“-Block eingefügt werden: Im „Landingpage“-Modus erscheinen sie in der allgemeinen Blockliste zusammen mit Hero, Galerie und Formular. Der Website-Builder selbst implementiert diese 3D-Funktionen nicht – er bietet lediglich einen vorgefertigten Platz zum Einfügen.

Die Landingpage wird auf der eigenen Domain arcon.in.ua mit eigenem SSL-Zertifikat gehostet, das von 1001site selbst ausgestellt und erneuert wird. Sie können den Text und die Zahlen im Abschnitt „Vorteile“ bearbeiten oder einen neuen Hangartyp hinzufügen – ganz ohne den Entwickler für jede kleine Änderung kontaktieren zu müssen.

Wie viel kostet das und wie schnell wird eine solche Landingpage erstellt?

Eine Standard-Landingpage auf 1001site wird nach Zahlung des „All Inclusive“-Pakets (45 € pro Monat) innerhalb von 2–7 Minuten von einem KI-Assistenten erstellt. Der erste Monat kostet 25 € und ist mit einem Aktionscode erhältlich. Es gibt keine Testphase. Das Einbetten eines externen 3D-Rechners über den „Benutzerdefiniertes HTML“-Block und die Anpassung des Designs an die exakte Markenfarbe erfordern jedoch zusätzliche manuelle Eingriffe: Dies ist nicht mit einem Klick in einem Pop-up möglich.

Das „Turnkey“-Paket eignet sich für diesen Umfang an Anpassungen – eine einmalige Gebühr von 1.650 €. Die gesamte Website wird für den Kunden erstellt, von Design und Texten über Domain bis hin zur Telegram Integration, inklusive 12 Monaten Hosting. Für Kunden mit einem internen Entwickler ist das „All Inclusive“-Paket ausreichend – das Widget wird dann über denselben „Benutzerdefiniertes HTML“-Block eingebunden.

Wer außer dem Verkauf von Hangars hätte einen Nutzen von einer Landingpage mit 3D-Rechner?

Dieses Format löst ein spezifisches Problem: Der Preis des Produkts wird anhand der Parameter des jeweiligen Objekts berechnet, und die Website muss irrelevante Anfragen herausfiltern, noch bevor ein Manager kontaktiert wird. Dies ist nicht nur für Hangars relevant – auch Gewächshäuser, Schwimmbäder, Balkonverglasungen, maßgefertigte Möbel und Küchen, Tore und Zäune folgen demselben Modell.

Wenn der Produktpreis für alle gleich ist und die Auswahl anhand von Fotos und Beschreibungen erfolgt, ist ein Preisrechner überflüssig – eine Standard-Landingpage mit einem Anmeldeformular genügt. Ein ähnliches Beispiel ist die Marke NordHarvest, die innerhalb eines Abends eine Landingpage für ein neues Produkt erstellt hat: Auch hier gibt es eine Deadline und bezahlten Traffic, aber der Produktpreis ist fix, und anstelle eines Preisrechners wandelt die Landingpage die Produktauswahl direkt in ein Verkaufsangebot um.

Ich möchte noch hinzufügen, dass ich während des Projekts persönlich mit dem ARCON-Team kommuniziert habe und sie als Hangarbauer weiterempfehlen kann.

Quellen

• Beitrag aus dem Kanal „Business with AI“: https://t.me/promtvibeadd/457
• ARCON-Landingpage: https://arcon.in.ua/
• Video zur Erstellung einer Landingpage: https://youtu.be/uOOGNCFzeyM