All work
M&Y Haus und Garten

Seven trades, one point of contact — on a single page

The site for an owner-run property and garden service in Jork and Buxtehude: everything on one page, everything ending in the same next step.

  • Web design
  • UX design
  • Frontend development
  • SEO
  • Accessibility
  • Performance
Role
Concept, design & development: DeNitro
Scope
One-page site, 10 sections
Stack
Next.js App Router, TypeScript
[01] Starting point

M&Y is an owner-run business from Jork with a second location in Buxtehude — Yasin Buyrukcu and Martin Zuber, plus a permanent team. The offering runs from garden care through renovation and pressure washing to removals and clearances.

That is exactly where the presentation problem starts: the more a business can do, the more arbitrary the list sounds. Seven services side by side quickly read as "something to do with houses" — and the actual advantage, that you only need one point of contact for all of it, disappears into the list.

On top of that there is how this audience decides. Letting someone into your house or your garden is not a basket decision, it is a trust decision — and it ends in a phone call.

[02] Approach

One page instead of a site structure. Everything sits on the home page and the navigation jumps by anchor to services, about, team and contact. For a business this size every subpage is a place where visitors drop out — and a place that would have to be maintained.

The tone is deliberately formal German and deliberately quiet: "One worry less." The page promises no superlatives, it describes relief. It is carried by a large, tightly set grotesque, generous empty space and numbered sections — a site that looks more like an architecture practice than a tradesperson's portal, without becoming distant.

The pictures are real people and real work: the two owners, three team profiles with their respective qualifications, and a before-and-after from a garden project that was actually delivered. No stock photography — for a business you let into your home, the face is the proof.

And every section ends at the same next step. The phone number is in the hero, in the FAQ block and in the contact area; "free consultation" and "call now" sit side by side from the first screen height onwards.

Service list on m-und-y.de: numbered rows from renovation to removals, each with one sentence of description and an arrow.
The services as an editorial list rather than a wall of tiles: running number, name, one sentence of description, a hairline in between. That is what keeps seven very different trades readable on one page — the first five are in frame.
[03] Execution

The page runs across ten sections: hero with service area, a trust bar of four markers, the statement of the problem ("too many people to call", "jobs left undone", "uncertainty about the result"), the framing of the offer including the before-and-after, the service list, the two owner portraits with addresses, the team, the four-stage process, the FAQ and the contact area.

The services are not a wall of tiles but an editorial list: running number, name, one sentence of description, a hairline in between. That keeps seven very different trades readable and extends without breaking the layout.

The process answers the question that precedes every first contact: get to know each other, plan, deliver, close — with the binding quote at step two and the clean handover at step four. The FAQ underneath pre-empts five questions, among them the service area, combining several services, and whether the consultation costs anything.

The enquiry form is deliberately short: name and email required, phone and a free-text field ("location, scope, preferred timing …") optional. It validates in the browser, opens the phone keypad on mobile, and catches spam through a hidden honeypot field — rather than through a captcha, which costs real enquiries.

For local discoverability the page carries a structured data set: a HomeAndConstructionBusiness with phone, email and postal address, both locations as their own places, the service area as towns, the service catalogue as an offer list — and the visible FAQ additionally as an FAQPage, question for question identical to what is on the page.

Contact area on m-und-y.de: phone number, email and postal address on the left, on the right a form with name, email, phone and a free-text field.
The contact area: phone, email and address on the left, four fields on the right — two of them required. Against spam there is a hidden honeypot field, deliberately not visible here, instead of a captcha that real enquiries fail at.
Scope of work

What was built

Everything that is in M&Y Haus und Garten — conceived, designed and built by DeNitro.

  • One-page site with anchor navigation and a mobile menu
  • Hero with service area, consultation CTA and direct call
  • Trust bar of four markers
  • Three numbered points stating the problem
  • Service list covering seven trades
  • Before-and-after view from a real garden project
  • Two owner portraits with location addresses (Jork and Buxtehude)
  • Team section with three profiles and qualifications
  • Four-stage process: meet, plan, deliver, close
  • FAQ with five questions — visible and marked up as FAQPage
  • Enquiry form with field validation and a honeypot instead of a captcha
  • Local SEO foundation: metadata, canonical, OpenGraph, robots.txt, sitemap.xml
  • Structured data for both locations including the service catalogue
  • Imprint

What that changes

Four points where the work is readable in the interface itself. Figures on enquiries, revenue or rankings are deliberately absent — we do not publish our clients' business numbers.

One goal per page

Every section ends at the same next step — call or enquire. The phone number is in the hero, in the FAQ and in the contact area, not only in the imprint.

Two locations, correctly marked up

Jork and Buxtehude sit as separate places in the structured data, along with the service area and the service catalogue — the basis for local search and AI answers placing the business correctly.

People instead of stock photos

The owners, the team and a real before-and-after carry the page. Letting someone into your home is a trust decision — and here you see who turns up.

Enquiries without a hurdle

Four fields, two of them required, the right keyboard on mobile and a hidden honeypot against spam — no captcha for real enquiries to fail at.

Technical

The stack behind M&Y Haus und Garten — and the decisions that mattered enough to write down.

  • Next.js with the App Router, server-rendered: the entire content is in the delivered HTML — including the FAQ answers, which otherwise tend to appear only after JavaScript runs.
  • Hero, portrait and project images are preloaded; the image carrying the Largest Contentful Paint is there before the JavaScript is.
  • No tracking scripts, no external CDN, no third-party font — the page loads exclusively from its own domain.
  • The form uses native field validation (required fields, email type, telephone input mode) and a hidden honeypot field with no tab stop.
  • Structured data as one connected graph: HomeAndConstructionBusiness with two Place entries, areaServed, knowsAbout and a service catalogue, plus WebSite, WebPage and FAQPage.
  • A complete meta set: canonical, robots directives, OpenGraph and Twitter card with their own image, language 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.”

"Denitro built me a landing page for my repair and garden-maintenance business. The work was done fast, to a high standard and above all independently — I did not have to take care of anything. The landing page has turned out genuinely beautiful and effective." (Our translation; the original is German.)

Yasin BuyrukcuInhaber, M&Y Haus und Garten

Where is your digital growth leaving money on the table?

In 15 minutes we look at where customers find you today, where the potential is being lost, and which lever is worth pulling first: website, SEO & GEO, conversion or automation. You leave with a clear next step — even if we are not the ones who take it with you.