Case Study

Invest in People

Eine digitale Visitenkarte für Arne Dahlke, Berater für Gesundheitsmanagement und Corporate Health. Ein One-Pager, der 20 Jahre Branchenerfahrung und ein erklärungsbedürftiges Angebot in wenige Minuten Lesezeit bringt — von der Struktur über das UI Design bis zur Umsetzung in HTML, CSS und JavaScript.

Invest in People

Hintergrund

Arne Dahlke berät seit über 20 Jahren im Gesundheitsmanagement — zwischen gesetzlichen Krankenkassen, privaten Versicherern, Unternehmen und Digital-Health-Anbietern. Sein Leitsatz: Gesundheit ist kein Benefit, sondern ein Investment.

Genau das war die Aufgabe. Ein Angebot, das sich je nach Gegenüber anders erzählt — Marktzugang für die einen, BGM-Konzept für die anderen, Vernetzung über Systemgrenzen für die dritten — sollte auf eine Seite passen, die man nach einem Gespräch verschickt oder unter dem LinkedIn-Profil verlinkt. Keine Unternehmenswebsite mit zehn Unterseiten, sondern eine digitale Visitenkarte: in wenigen Minuten gelesen, danach ist klar, wer da vor einem sitzt und was er kann.

Der Über-mich-Abschnitt: Leitsatz links, der Nutzen für Mitarbeitende, Unternehmen und Gesundheitssystem rechts als Karte

Struktur

Der erste Schritt war nicht das Design, sondern die Reihenfolge. Ein Berater-Profil scheitert selten am Aussehen, sondern daran, dass Besucher nach dem Scrollen nicht sagen können, was sie eigentlich buchen würden.

Die Seite ist deshalb als One-Pager aufgebaut, der einer Argumentationskette folgt: Wer bin ich (Über mich) — was habe ich gemacht (Werdegang) — was liefere ich (Portfolio) — was heißt das konkret für dich (Leistungen) — wer hat es schon gebucht (Partner & Referenzen) — wie erreichst du mich (Kontakt). Jeder Abschnitt beantwortet die Frage, die der vorherige aufwirft.

Der heikelste Teil war „Leistungen". Arne arbeitet für vier sehr verschiedene Gruppen — GKV, Gesundheitsdienstleister, Unternehmen und Digital Health — und jede hat ein anderes Problem. Alles untereinander zu listen hätte die Seite verdreifacht und jeden Besucher gezwungen, sich durch drei fremde Angebote zu lesen. Gelöst ist es als Akkordeon: vier Zeilen, jeder klickt seine eigene auf.

Portfolio-Abschnitt mit vier Leistungsbereichen als Karten
Leistungen als Akkordeon: GKV, Gesundheitsdienstleister, Unternehmen, Digital Health

Design

Gesundheitsberatung sieht im Netz meistens gleich aus: Stock-Fotos von lachenden Teams, viel Hellblau, runde Formen. Das Design geht bewusst in die andere Richtung — es soll nach Beratung aussehen, nicht nach Wellness.

Getragen wird es von einer Serifen-Schrift in den Überschriften, die dem Ganzen Gewicht gibt, kombiniert mit einer nüchternen Grotesk im Fließtext. Die Palette ist gedeckt: ein dunkles Marineblau als Ankerfarbe, ein warmes Sandgold als einziger Akzent, dazu sehr viel Weißraum. Der Akzent ist sparsam eingesetzt — er markiert Abschnitte, hebt die Kennzahlen hervor und führt zum Kontakt-Button, sonst nichts.

Das Portrait steht bewusst gleichwertig neben der Headline statt als kleines Bild in der Fußzeile. Bei einer digitalen Visitenkarte ist die Person das Produkt.

Umsetzung

Umgesetzt ist die Seite in handgeschriebenem HTML, CSS und JavaScript — ohne Framework, ohne Build-Schritt, ohne Abhängigkeiten, die in zwei Jahren aktualisiert werden wollen. Für einen One-Pager, der lange unverändert stehen soll, ist das die wartungsärmste Variante.

Bewegung gibt es nur dort, wo sie etwas leistet: Abschnitte blenden beim Scrollen sanft ein, das Leistungs-Akkordeon öffnet sich weich, und der Werdegang lässt sich ein- und ausklappen, damit die frühen Stationen die aktuellen nicht erschlagen. Alles andere steht still.

Mobil war kein nachgelagerter Schritt. Ein Link, der nach einem Gespräch verschickt oder aus LinkedIn geöffnet wird, landet in den meisten Fällen auf einem Telefon — das Layout ist entsprechend von der kleinen Breite aus gedacht und wächst nach oben, nicht umgekehrt.

Ergebnis

Die Seite ist unter investinpeople.de live. Sie beantwortet in einem Durchlauf, was Arne macht, für wen, und mit welchem Ergebnis — und lässt sich in einer Nachricht verschicken, ohne dass eine Erklärung dazu muss.

Ein zweites Projekt ist bereits in Planung.

Let's Work Together

Du planst ein digitales Produkt, ein Redesign — oder möchtest euer Team mit einem AI-UX Workshop voranbringen?

Ich unterstütze Unternehmen dabei, komplexe Anforderungen in klare, nutzerfreundliche Lösungen zu übersetzen.

Schritt 01 / 04

Wie kann ich helfen?

Dauert ca. 1 Minute. Bitte wähle eine Option