Fehr Garten- und Landschaftsbau Digitaler Komplettauftritt für einen Meisterbetrieb

Ein Familienbetrieb aus Oberstdorf, seit 1981 im Oberallgäu, geführt in zweiter Generation. Wir waren mehrere Tage vor Ort, sind von Baustelle zu Baustelle gefahren und haben mit Drohne, Kamera und 360-Grad-Kamera gedreht. Daraus ist eine Website entstanden, die den Betrieb zeigt statt einer Bildagentur, dazu die Social-Media-Kanäle und Automatisierungen in der Galabau-Software des Büros.

Startseite von fehr-gartenbau.de mit formatfüllendem Gartenfilm und der Überschrift Gärten, die mit Ihnen wachsen
11
Leistungsseiten
18
Seiten im Index
63 s
Hero-Film im Loop
1
Ansprechpartner

Das Projekt.

Über vierzig Jahre Betriebsgeschichte, elf Leistungen vom Pflasterbau bis zur Schneeräumung und ein Einsatzgebiet zwischen Oberstdorf und Kleinwalsertal: sichtbar war davon bis dahin wenig. Die Aufgabe war deshalb bewusst breit gefasst. Nicht nur eine Website, sondern das eigene Bildmaterial, die Kanäle und die Abläufe im Büro, alles über eine Stelle und in einem Zug.

Leistungsübersicht mit Kacheln zu Gartenplanung, Terrassenbau, Bepflanzung und Pflasterarbeiten, jede mit eigenem Projektfoto
Jede der elf Leistungen führt mit einem Bild vom eigenen Betrieb in ihre Seite.

Vor Ort statt Bildagentur.

Wir sind mit dem Betrieb von Projekt zu Projekt gefahren: Drohne für die Übersicht, Kamera für Detail und Material, 360-Grad-Kamera für die Baustellen selbst. Fertige Gärten, Mauern, Einfahrten, Terrassen und die Menschen, die sie gebaut haben. Auf der Über-uns-Seite steht deshalb Marcel Fehr neben seinem Vater vor dem eigenen Firmenschild, und nicht ein lächelndes Model aus einer Datenbank. Genau diese Bilder sind der Grund, warum die Seite nach diesem Betrieb aussieht und nicht nach einer Branchenvorlage.

Abschnitt In zweiter Generation mit einem Foto von Marcel Fehr und seinem Vater vor dem Firmenschild
Zweite Generation, eigenes Foto: Vater und Sohn vor dem Betriebsgebäude in Oberstdorf.

Der Film läuft von der ersten Sekunde.

Die Startseite empfängt Besucher nicht mit einem Standbild, sondern mit einem gut einminütigen Gartenfilm, der stumm und ohne Bedienelemente durchläuft. Damit das auch im Allgäuer Mobilfunknetz funktioniert, liegt der Film nicht als eine große Datei auf dem Server, sondern als adaptiver Stream in drei Qualitätsstufen bis 2048 × 1152 Pixel. Das Gerät wählt selbst, was es tragen kann: am Desktop die volle Auflösung, unterwegs die kleine, ohne Ruckeln und ohne verbranntes Datenvolumen.

Einzelbild aus dem Hero-Film: Natursteinmauer, gepflasterter Weg und Quellstein in einem fertig angelegten Garten
Ein Einzelbild aus dem Film: gedreht auf einer eigenen Baustelle, nicht lizenziert.

Elf Leistungen, elf einzeln geschriebene Seiten.

Keine Seite ist aus einer Vorlage entstanden. Jede Leistung hat ihr eigenes Bild, ihren eigenen Einstieg und einen Abschnitt, der das Handwerk konkret benennt: frostsichere Tragschicht, Bettung in Splitt, Verlegung im gewählten Verband, Gefälle weg vom Haus. Dieses Vokabular schreibt kein Textbaustein, es kommt aus dem Gespräch mit dem Betrieb. Am Ende jeder Seite stehen drei verwandte Leistungen und ein Weg in die Anfrage, damit niemand in einer Sackgasse landet.

Leistungsseite Terrassen- und Wegebau mit eigenem Titelbild und einleitendem Fließtext
Leistungsseite Terrassen- und Wegebau: eigenes Titelbild, eigener Text, eigener Abschluss.

Eine Seite für die, die mitbauen sollen.

Im Garten- und Landschaftsbau ist Personal knapper als Aufträge. Die Karriereseite ist deshalb kein PDF im Fußbereich, sondern ein eigener Einstieg mit Navigationspunkt: was gesucht wird, was erwartet wird und was der Betrieb dafür bietet, bis hin zur Mitarbeiterwohnung in Südlage. Beworben wird sich am liebsten telefonisch, also steht die Nummer dort, wo sonst ein Upload-Formular stünde.

Karriereseite mit den Abschnitten Wir wünschen und Wir bieten als zwei gegenübergestellte Listen
Wünschen und Bieten stehen nebeneinander, damit die Seite als Angebot lesbar ist.

Anfragen kommen vorsortiert an.

Das Kontaktformular fragt das Thema direkt mit ab, von Gartenplanung über Pflasterarbeiten bis Lieferantenanfrage, und das Nachrichtenfeld nennt im Platzhalter, was der Betrieb wirklich braucht: Größe des Grundstücks, Zeitraum, Budgetrahmen. Daneben stehen Telefonnummer, Öffnungszeiten und die zugesagte Antwortzeit. Wer lieber anruft, ruft an; wer schreibt, liefert die Angaben mit, die sonst drei Rückfragen kosten.

Kontaktseite mit Infospalte links und Direktanfrage-Formular mit Themenauswahl rechts
Themenauswahl im Formular: die Anfrage ist einsortiert, bevor sie im Postfach ankommt.

Hinter der Website: Kanäle und Büro.

Eine Website allein ändert wenig, wenn danach alles wieder von Hand läuft. Deshalb gehörte beides zum Auftrag.

  • Foto- und Filmproduktion vor Ort über mehrere Tage: Drohne, Kamera und 360-Grad-Kamera an den eigenen Baustellen, sortiert und aufbereitet für Website und Kanäle.
  • Social-Media-Kanäle aufgesetzt und mit dem Material aus derselben Produktion bestückt, damit Website und Profile denselben Betrieb zeigen.
  • Automatisierung in der Galabau-Software des Betriebs: Angebote entstehen aus den erfassten Daten, statt jedes Mal neu getippt zu werden.
  • Rechnungen werden automatisch fortgeschrieben und abgelegt, ohne dass jemand Dateien umbenennt, sucht oder verschiebt.
  • Eine Ansprechstelle für Website, Kanäle und Büroabläufe: keine Schnittstelle zwischen drei Dienstleistern, die sich gegenseitig die Verantwortung zuschieben.

Lokale Sichtbarkeit & strukturierte Daten.

  • JSON-LD als zusammenhängender Graph: Organization und LocalBusiness mit Anschrift, Geokoordinaten, Öffnungszeiten, Gründungsjahr 1981 und Einsatzgebiet Oberallgäu und Kleinwalsertal, dazu eine ItemList aller elf Leistungen und eine BreadcrumbList je Seite.
  • Bild-Sitemap: jede Seite meldet ihre eigenen Aufnahmen mit, damit die Bilder des Betriebs auch in der Bildersuche auftauchen und nicht nur als Dekoration mitlaufen.
  • Titel und Beschreibungen je Seite auf Leistung und Ort geschrieben, etwa „Pflasterarbeiten in Oberstdorf“, statt aus einem Muster erzeugt.
  • Interne Verlinkung über drei Ebenen: Startseite, Leistungsübersicht und Detailseiten verweisen aufeinander, jede Detailseite auf drei verwandte Leistungen.
  • Canonicals, OG- und Twitter-Cards mit eigenem Vorschaubild sowie eine robots.txt, die auf die Sitemap zeigt und interne Bereiche aussperrt.

Technologie-Stack.

Frontend
Nuxt mit Vue 3, serverseitig gerendert, komponentenbasiert bis auf Token-Ebene.
Hero-Film
Adaptiver Stream in drei Qualitätsstufen von 854 × 480 bis 2048 × 1152, stumm im Loop, ohne Steuerelemente.
Bilder
Responsive WebP-Varianten je Breakpoint aus der eigenen Produktion, on demand erzeugt statt vorab in Ordnern gepflegt.
Karte
Leaflet mit OpenStreetMap-Kacheln statt Google-Maps-Embed: das Einsatzgebiet ist sichtbar, ohne dass beim Seitenaufruf Nutzerdaten abfließen.
Auslieferung
Caddy mit HTTP/2 und HTTP/3, HSTS, strikter Referrer-Policy und Schutz gegen MIME-Sniffing und Framing.
Typografie
Frank Ruhl Libre als Serif für Überschriften, dazu eine ruhige Systemschrift im Fließtext und Versalien in Sperrung für Marken und Labels.

Ergebnis.

Ein Betrieb, der über vierzig Jahre fast ausschließlich über Weiterempfehlung gewachsen ist, hat jetzt eine Adresse, die dasselbe erzählt wie ein Besuch auf der Baustelle. Elf Leistungen sind einzeln auffindbar statt in einer Aufzählung versteckt, die Karriereseite arbeitet an der Personalsuche mit, Anfragen kommen vorsortiert an, und im Büro erledigen Angebote und Rechnungen einen Teil ihres Weges selbst. Alles aus einer Hand, von den Aufnahmen bis zur Automatisierung.

Sie wollen zeigen, was Sie wirklich bauen?

Von den Aufnahmen vor Ort über die Website bis zu den Abläufen im Büro: Schildern Sie uns Ihr Vorhaben in wenigen Sätzen und Sie erhalten innerhalb von 24 Stunden eine ehrliche Einschätzung samt Festpreis-Angebot.

Lieber direkt schreiben?info@intellize.de
  • 100 % DSGVO-konform
  • Server in Deutschland
  • Festpreise
  • Antwort in 24 h