Web/Guru

Case studyPlumbing & heatingWordPress revampHamburg, Germany2023

Visit jens-becher-sanitaer.de

  • Website
  • WordPress

Jens Becher Sanitärtechnik case study: a WordPress website revamp for a Hamburg plumbing and heating business

Open MacBook on a dark green ledge showing the Über uns page of the Jens Becher Sanitärtechnik website, with the office team in its video

Project Overview

Jens Becher Sanitärtechnik is a plumbing, heating and bathroom company in Hamburg-Bramfeld, trading under that name since 1986. Its team of qualified gas and water fitters plans and builds bathrooms, handles new builds and renovations, repairs and maintains installations, and runs a 24-hour emergency service all year round.

In 2023 we revamped its WordPress website so the company comes across online as the established local business it is: a short, clear menu for services, bathrooms and customer service, the office team on film, and the office and emergency numbers on every page.

Project
Jens Becher Sanitärtechnik
Industry
Plumbing, Heating & Sanitary Services
Platform
Website (Desktop & Mobile)
Technology
WordPress, Elementor, OceanWP
Wall of bathroom photos: walk-in glass showers, wall-hung washbasins and toilets, a wood-and-white vanity and a curved bath under a wide window
Bathroom photos from the Jens Becher Sanitärtechnik website.

The Jens Becher Sanitärtechnik website on a phone, in its bathroom gallery and on desktop

Hands slipping a phone into the pocket of a blue cotton jacket; the screen shows the white JB drop-and-flame mark on green
Six bathroom photos from the website's Bäder gallery: a white washbasin, two chrome taps, a freestanding bath on a stone plinth, a bright bathroom with a glass shower and a bathtub on a sunny terrace
Six photos from the Bäder gallery in the website footer.
The Jens Becher Sanitärtechnik home page on desktop: logo and menu, a water splash with the headline Über 30 Jahre, short Bäder and Kundendienst sections beside a running tap, and the footer with contact details, the emergency number and the bathroom gallery
The live home page of jens-becher-sanitaer.de in a desktop browser.

The brief

Goal, problem and solution

The Goal

Build a professional online presence that shows the company's services and decades of expertise.

Make it easy for customers to find the right service and get in touch quickly, especially in an emergency.

Problem

Illustration of a neglected bathroom with cracked tiles, a leaking washbasin and a rusty bathtub, standing for a dated first impression

The old website had no clear structure for the company's services. Customers struggled to find the right plumbing or heating service, the bathroom offer and the emergency number when they needed it.

Solution

A laptop and a phone on a marble table beside a small succulent, both showing the Jens Becher Sanitärtechnik website

We designed a clean, modern website in the company's green: six clear menu items, a page for each service area, a contact form, and the office number and 24-hour emergency line in the footer of every page.

UX approach

UX Approach: a plumbing website that gets customers to the right help fast

A customer-first approach focused on clarity, easy navigation and trust, helping visitors see what the company does and reach the right person quickly, whether they are planning a new bathroom or dealing with a burst pipe.

iPad on a dark stone podium showing the Über uns page of the Jens Becher Sanitärtechnik website
The Über uns page on an iPad, scrolling from the team film past the company story to the footer with the emergency number.
  • Six links, every service

    The menu stays short: Über uns, Service, Bäder, Kundendienst, Partner and Kontakt. Service walks through planning, installation, new builds and renovation, and Kundendienst explains repairs and the emergency service.

  • The emergency line on every page

    The footer carries the Bramfeld address, office phone, fax, email, opening hours and the Notdienst mobile number, so the 24-hour emergency service is one tap away wherever a visitor lands.

  • Trust before the first call

    Über uns opens with a film of the office team and tells the company's story since 1986, Partner lists the firms it works with, and Kontakt adds a short form for questions that are not urgent.

Full Page View

Two pages of the company website from top to bottom: the home page with the “Über 30 Jahre” welcome, the bathroom and customer-service entry points and the footer with address, opening hours and the emergency number; then the Service page, which walks through planning, execution, new builds and full flat renovations.

Full Jens Becher Sanitärtechnik home page: the green and grey wordmark with the menu (Über uns, Service, Bäder, Kundendienst, Partner, Kontakt), a dark water-splash hero reading “Über 30 Jahre”, short Bäder and Kundendienst introductions in green headings beside a photo of a running tap, and the grey footer with address in Hamburg-Bramfeld, phone, opening hours, the Notdienst number and a gallery of bathrooms
Home page
Full Service page of the Jens Becher Sanitärtechnik website: an aerial photo of the company building and vans, then “Alle Planungsaufgaben mit bester Qualität abwickeln” over a dark purple bathroom, with white cards for Planung, Ausführung, Neubau und Sanierung and Wohnungssanierungen, a Facebook button and the same footer with the green bottom bar
Service: from planning to renovation

Design System

A clean, trustworthy visual system taken from the company’s own wordmark: a calm off-white, the logo’s green and grey, and Lato throughout, so every service page, bathroom gallery and contact detail feels like the same company.

Jens Becher Sanitärtechnik, Sanitär, Heizung und Bäder in Hamburg-Bramfeld. Headings name each service plainly, from Planung and Ausführung to Neubau und Sanierung and Kundendienst, set in Lato so that long German words stay clear on a phone and calm on a large screen.

Lato

32px - 24pxHeadings

Contrast pairs, checked against WCAG 2.2

  • Ink on Off White16.5:1AAA
  • White on Primary Green5.1:1AA
  • Green headings on Off White4.8:1AA
  • Wordmark Grey on Off White3.9:1Large text only

Primary Green carries white text at 5.1:1, so buttons, the green footer bar and the green headings all pass AA. The wordmark grey reaches 3.9:1 on Off White and 4.1:1 with white: right for the logo, icons and large labels, not for body text; a deeper grey such as #6B6866 (5.5:1 on white) keeps the tone and passes.

Webguru website development FAQ

What plumbers, heating engineers and other trade businesses ask us before a website revamp, answered with what we did for Jens Becher Sanitärtechnik.

Ask us anything
  • Yes. Jens Becher Sanitärtechnik has traded in Hamburg-Bramfeld since 1986, and the revamp kept it on WordPress while rebuilding the structure around six menu items: Über uns, Service, Bäder, Kundendienst, Partner and Kontakt. We keep content and URLs that still work and rebuild what customers struggle to find.

  • We put it in the footer that every page shares, next to the office phone, address and opening hours. On the Jens Becher site the 24-hour Notdienst mobile number sits there, so a customer with a burst pipe can reach the team from whichever page they land on.

  • By the question the customer arrives with. Service walks through planning, installation, new builds and renovation; Bäder shows finished bathrooms; Kundendienst covers repairs and the emergency service. Each area gets its own page and title, which also gives search engines a clear page for each service.

  • Yes. Über uns on the Jens Becher site opens with a film of the office team. For video we use a compressed file with a poster image and load it only when the section is reached, so the rest of the page stays quick on a phone.

  • Yes. We add a careers page with one entry per opening and a short way to apply, and mark each opening up as JobPosting structured data so it can appear in Google's job results. Your team can add and close openings in WordPress without calling us.

  • Maintenance is a separate plan a business can add at launch or later: WordPress core, theme and plugin updates, backups, security checks and small content changes such as new opening hours or job ads. We agree who owns updates before launch, so the site does not fall behind.

Don’t miss a new work

Two hands holding up a tablet showing the white Jens Becher Sanitärtechnik JB logo on a green screen
Webguru.pk

Running a trade business?

Let’s do a project together!

From plumbers in Hamburg to trades and practices across Europe, we build websites that show your services, win local searches and turn visitors into enquiries.