Aus „kostet was so eine Überdachung" wurde „hier sind unsere Maße".
Vorher landeten im Postfach unspezifische Anfragen — meist ohne Maße, ohne Material-Vorstellung, ohne Budget-Rahmen. Heute füllt jeder Interessent vor dem Klick auf „Senden" einen geführten Konfigurator aus. Das Vertriebsteam bekommt Leads, die in 2 Minuten kalkulierbar sind.
Strategische Schwerpunkte
Was ich priorisiert habe — und warum.
Lead-Qualifikation vor Vertrieb
Material, Größenklasse, Standort, Wunschtermin — vier Pflicht-Felder im Anfrageformular. Klingt nach Hürde, war aber der Hebel: weniger Anfragen, dafür mehr abschließbare Projekte.
Galerie als Verkaufstool
Referenzobjekte sind nicht nur Eye-Candy. Jede Galerie-Karte zeigt Maße, verbautes Material und ungefähren Bauzeitraum — Interessenten finden „so eins wie das" und können konkret werden.
Mobile-First aus gutem Grund
Über 70 % der Anfragen kommen vom Smartphone, oft direkt vor dem Grundstück. Die Seite lädt deshalb auch im 3G-Loch unter zwei Sekunden bis zum sichtbaren Inhalt.
Projektstruktur
Wie das Projekt aufgebaut ist.
Jede Sektion mit klarer Aufgabe — keine toten Seiten, kein Selbstzweck.
- 01
Hero
Großflächiges Referenzbild, klares Wertversprechen, direkter Galerie-Einstieg.
- 02
Produktwelten
Carport, Pergola, Sonderbau — je eine Sektion mit Material-Optionen und typischen Maßen.
- 03
Galerie
Filterbar nach Material und Bauart, jedes Objekt mit Faktenbox.
- 04
Konfigurator-Anfrage
Geführtes 4-Schritt-Formular, das vom Vertrieb ohne Rückfrage kalkuliert werden kann.
- 05
Über uns & Service-Region
Region klar abgegrenzt — entlastet Anfragen aus dem Norden, die nicht bedient werden können.
Farbpalette
Die Farben des Projekts.
Anthrazit
Primary, kraftvoller Hintergrund
Holz-Akzent
Buttons, warme Akzente
Beton
Surface, ruhige Sektionen
Sand
Highlights & Galerie-Hover
Tech-Stack
Womit es läuft.
Nuxt
SSR für SEO und Performance
Vue 3
Konfigurator-Logik
Tailwind CSS
Responsive Design
Nuxt Image
Optimierte Galerie-Bilder (AVIF/WebP)
Resend
Anfrage-Routing an Vertrieb
Ergebnis
Was messbar rauskam.
+ 3,2×
Lead-Qualität
abschlussreife Anfragen vs. Vorgänger-Site
− 55 %
Rückfragen pro Anfrage
1,4 s
LCP mobil
Screenshots
Bewegte Eindrücke.
Weitere Screenshots folgen.
Detail-Aufnahmen aus dem Projekt sind in Vorbereitung — bei Interesse zeige ich gern direkt im Erstgespräch durch die Live-Anwendung.
Ähnliches Projekt geplant?
Lass uns reden.
30 Minuten Erstgespräch, ehrliche Einschätzung. Wenn das Projekt passt, gehe ich tiefer rein. Wenn nicht, sage ich's.
Erstgespräch anfragen