Client project

Park-Klinik Birkenwerder: relaunch of a bilingual clinic website

I have looked after the website of Park-Klinik Birkenwerder since 2017. For the relaunch everything was in my hands: UX concept, design and technical implementation.

Home page after the relaunch
Period
since 2017
Role
Concept, design, implementation, SEO, maintenance

At a glance

  • Core Web Vitals

    passed on mobile for all tracked URLs

  • around 30

    reusable components with a living style guide

  • Self-maintained

    prices, jobs, news and reviews in the clinic’s own admin area

  • Bilingual

    German and English, each under its own addresses

Tech stack

  • PHP
  • SQLite
  • Vanilla JavaScript
  • HTML5
  • CSS3
  • JSON-LD

Starting point

In 2017 I set the website up on WordPress. Because maintenance stayed with me for good and a lot of time went into updates, backups and security, I later moved it to a lean custom PHP solution.

In 2026 the clinic wanted to look more modern and had new requirements:

  • Mobile first: Four out of five visitors come on a smartphone, many via Instagram.
  • English with its own addresses: The English pages were meant to be found on Google in their own right.
  • Maintain it themselves: The clinic wanted to change prices, jobs, news and reviews without going through me.
  • Clearer content: Shorter texts, clearer paths to an appointment request.

Approach

  1. Information architecture

    Content organised by treatment area: face, breast, body, lipoedema. Long texts shortened and split into sections, clear paths to an appointment request, reviews where trust is built.

  2. Design & mobile use

    A new look, designed for the smartphone first. Additional portrait videos (9:16), as visitors know them from Instagram.

  3. Components & living style guide

    Around 30 reusable components, documented in a living style guide. New pages are built from tested building blocks.

  4. Admin area

    The clinic maintains prices, jobs, news and reviews itself, centrally in one place and without CMS overhead.

  5. Technology & performance

    PHP, SQLite and vanilla JavaScript. Responsive images with srcset and picture, preloads, critical CSS, lazy loading.

  6. SEO, multilingual setup & privacy

    German and English under their own URLs with hreflang and canonicals, structured data (JSON-LD, MedicalOrganization), alt texts for all images. A custom consent module: external services only load after consent.

Home page of Park-Klinik Birkenwerder after the relaunch: headline “Plastic and Aesthetic Surgery” (in German), three doctors in scrubs, navigation with an appointment button
Home page after the relaunch
The new home page on a smartphone: logo and menu button, photo of the doctors’ team, headline “Plastic and Aesthetic Surgery” (in German), a “Beratung vereinbaren” (book a consultation) button and an image card of the clinic
The new home page on a smartphone
Treatment page of Park-Klinik on breast augmentation with own fat (in German): headline with appointment button and photo, content navigation on the left, five cards on the right showing price, surgery time, anaesthesia, stay and aftercare
Treatment page with content navigation and the key facts on price, duration, anaesthesia, stay and aftercare
News article “DGPRÄC in Düsseldorf” (in German): the title on the left, a photo with the poster of the 56th annual congress on the right, below it tags, text, author and an appointment box with phone and email
News article with a header image, tags, author and appointment box
The Park-Klinik living style guide (in German): content navigation on the left, the colour palette on the right with cards for brand blue, title blue, pink, warm, ink and more, each showing the hex value, the CSS variable and whether the value matches the documentation
The living style guide: colour values are read live from the CSS and checked against the documentation

„I’m absolutely thrilled with your work.“

Dr. med. Ursula Tanzella, Chief physician (translated from German) · Park-Klinik Birkenwerder ·

Contact

Planning a new website or a relaunch?

Write to me. A short message is often the best start.

karsten@weng.eu