Sieben Gewerke, ein Ansprechpartner — auf einer einzigen Seite
Der Auftritt für einen inhabergeführten Haus- und Gartenservice in Jork und Buxtehude: alles auf einer Seite, alles mit demselben nächsten Schritt.
- Webdesign
- UX-Design
- Frontend-Entwicklung
- SEO
- Barrierefreiheit
- Performance
- Rolle
- Konzept, Design & Entwicklung: DeNitro
- Umfang
- Ein-Seiten-Auftritt, 10 Abschnitte
- Stack
- Next.js App Router, TypeScript
M&Y ist ein inhabergeführter Betrieb aus Jork mit einem zweiten Standort in Buxtehude — Yasin Buyrukcu und Martin Zuber, dazu ein festes Team. Das Angebot reicht von Gartenpflege über Renovierung und Hochdruckreinigung bis zu Umzugshilfe und Entrümpelung.
Genau daraus entsteht das Darstellungsproblem: Je mehr ein Betrieb kann, desto beliebiger klingt die Aufzählung. Sieben Leistungen nebeneinander lesen sich schnell wie „irgendwas mit Haus“ — und der eigentliche Vorteil, dass man für all das nur einen Ansprechpartner braucht, geht in der Liste unter.
Dazu kommt die Entscheidungslage der Zielgruppe: Wer jemanden ins Haus oder in den Garten lässt, entscheidet nicht über einen Warenkorb, sondern über Vertrauen — und meldet sich am Ende telefonisch.
Eine Seite statt einer Websitestruktur. Alles liegt auf der Startseite, die Navigation springt über Anker zu Leistungen, Über uns, Team und Kontakt. Für einen Betrieb dieser Größe ist jede Unterseite eine Stelle, an der Besucher aussteigen — und eine Stelle, die gepflegt werden müsste.
Der Ton ist bewusst die Sie-Form und ruhig gehalten: „Eine Sorge weniger.“ Die Seite verspricht keine Superlative, sie beschreibt Entlastung. Getragen wird das von einer großen, eng gesetzten Grotesk, viel freier Fläche und nummerierten Abschnitten — ein Auftritt, der eher nach Architekturbüro aussieht als nach Handwerkerportal, ohne dabei distanziert zu werden.
Bilder sind echte Menschen und echte Arbeit: die beiden Inhaber, drei Teamprofile mit ihrer jeweiligen Qualifikation und ein Vorher-Nachher aus einem tatsächlich umgesetzten Gartenprojekt. Kein Stockfoto — bei einem Betrieb, den man ins Haus lässt, ist das Gesicht der Beweis.
Und jeder Abschnitt endet beim selben nächsten Schritt. Die Telefonnummer steht im Hero, im FAQ-Block und im Kontaktbereich; „Kostenlose Beratung“ und „Direkt anrufen“ stehen von der ersten Bildschirmhöhe an nebeneinander.

Die Seite läuft über zehn Abschnitte: Hero mit Einsatzgebiet, eine Vertrauensleiste aus vier Merkmalen, der Problemaufriss („Zu viele Ansprechpartner“, „Aufgaben bleiben liegen“, „Unsicherheit beim Ergebnis“), die Einordnung des Angebots samt Vorher-Nachher, die Leistungsliste, die beiden Inhaberportraits mit Adresse, das Team, der vierstufige Ablauf, das FAQ und der Kontaktbereich.
Die Leistungen sind keine Kachelwand, sondern eine redaktionelle Liste: laufende Nummer, Bezeichnung, ein Satz Beschreibung, eine Haarlinie dazwischen. Das hält sieben sehr unterschiedliche Gewerke lesbar und lässt sich ohne Layoutbruch erweitern.
Der Ablauf beantwortet die Frage, die vor jedem Erstkontakt steht: Kennenlernen, Planen, Umsetzen, Abschließen — mit dem verbindlichen Angebot im zweiten Schritt und der sauberen Übergabe im vierten. Das FAQ darunter nimmt fünf Fragen vorweg, darunter Einsatzgebiet, Kombination mehrerer Leistungen und die Kostenfrage zur Beratung.
Das Anfrageformular ist bewusst kurz: Name und E-Mail als Pflichtfelder, Telefon und ein Freitextfeld („Ort, Umfang, Wunschzeitraum …“) freiwillig. Es prüft direkt im Browser, öffnet auf dem Handy die Telefontastatur und fängt Spam über ein verstecktes Honigtopf-Feld ab — statt über ein Captcha, das echte Anfragen kostet.
Für die lokale Auffindbarkeit liegt ein strukturierter Datensatz auf der Seite: ein Betrieb vom Typ HomeAndConstructionBusiness mit Telefon, E-Mail und Anschrift, beide Standorte als eigene Orte, das Einsatzgebiet als Städte, der Leistungskatalog als Angebotsliste — und das sichtbare FAQ zusätzlich als FAQPage, Frage für Frage identisch mit dem, was auf der Seite steht.

Was entstanden ist
Alles, was in M&Y Haus und Garten steckt — konzipiert, gestaltet und gebaut von DeNitro.
- Ein-Seiten-Auftritt mit Ankernavigation und mobilem Menü
- Hero mit Einsatzgebiet, Beratungs-CTA und Direktanruf
- Vertrauensleiste aus vier Merkmalen
- Problemaufriss in drei nummerierten Punkten
- Leistungsliste mit sieben Gewerken
- Vorher-Nachher-Ansicht aus einem echten Gartenprojekt
- Zwei Inhaberportraits mit Standortadresse (Jork und Buxtehude)
- Teamsektion mit drei Profilen und Qualifikation
- Vierstufiger Ablauf: Kennenlernen, Planen, Umsetzen, Abschließen
- FAQ mit fünf Fragen — sichtbar und als FAQPage ausgezeichnet
- Anfrageformular mit Feldprüfung und Honeypot statt Captcha
- Lokales SEO-Fundament: Metadaten, Canonical, OpenGraph, robots.txt, sitemap.xml
- Strukturierte Daten für beide Standorte inkl. Leistungskatalog
- Impressum
Was das ausmacht
Vier Punkte, an denen sich die Arbeit im Interface ablesen lässt. Zahlen zu Anfragen, Umsatz oder Rankings stehen hier bewusst nicht — Geschäftszahlen unserer Kunden veröffentlichen wir nicht.
Ein Ziel pro Seite
Jeder Abschnitt endet beim selben nächsten Schritt — anrufen oder anfragen. Die Telefonnummer steht im Hero, im FAQ und im Kontaktbereich, nicht nur im Impressum.
Zwei Standorte, korrekt ausgezeichnet
Jork und Buxtehude liegen als eigene Orte in den strukturierten Daten, dazu Einsatzgebiet und Leistungskatalog — die Grundlage dafür, dass lokale Suche und KI-Antworten den Betrieb richtig zuordnen.
Menschen statt Stockfotos
Inhaber, Team und ein reales Vorher-Nachher tragen die Seite. Wer jemanden ins Haus lässt, entscheidet über Vertrauen — und sieht hier, wer kommt.
Anfragen ohne Hürde
Vier Felder, davon zwei Pflicht, die richtige Tastatur auf dem Handy und ein verstecktes Honigtopf-Feld gegen Spam — kein Captcha, an dem echte Anfragen scheitern.
Der Stack hinter M&Y Haus und Garten — und die Entscheidungen, die uns wichtig genug waren, sie festzuhalten.
- Next.js mit App Router, serverseitig gerendert: Der gesamte Inhalt steht im ausgelieferten HTML — auch die FAQ-Antworten, die sonst gern erst per JavaScript erscheinen.
- Hero-, Portrait- und Projektbilder werden per Preload angefordert; das Bild, das den Largest Contentful Paint trägt, ist damit vor dem JavaScript da.
- Keine Tracking-Skripte, kein externes CDN, keine Drittanbieter-Schrift — die Seite lädt ausschließlich von der eigenen Domain.
- Das Formular arbeitet mit nativer Feldprüfung (Pflichtfelder, E-Mail-Typ, Telefon-Eingabemodus) und einem verborgenen Honeypot-Feld ohne Tabstopp.
- Strukturierte Daten als zusammenhängender Graph: HomeAndConstructionBusiness mit zwei Place-Einträgen, areaServed, knowsAbout und Leistungskatalog, dazu WebSite, WebPage und FAQPage.
- Vollständiger Meta-Satz: Canonical, Robots-Angaben, OpenGraph und Twitter-Card mit eigenem Bild, Sprache de-DE.
“Denitro hat für mich eine Landingpage für mein Unternehmen im Bereich Reparatur- und Gartenpflege entwickelt. Die Arbeit wurde schnell, qualitativ hochwertig und vor allem eigenständig erledigt – ich musste mich um nichts kümmern. Die Landingpage ist wirklich schön und effektiv geworden.”Wo verliert dein digitales Wachstum gerade Potenzial?
In 30 Minuten schauen wir uns an, wo Kunden dich heute finden, wo Potenzial verloren geht und welcher Hebel zuerst sinnvoll ist: Website, SEO & GEO, Conversion oder Automatisierung. Danach hast du einen klaren nächsten Schritt — auch wenn wir ihn nicht gemeinsam umsetzen.