Zum Hauptinhalt springen
Nicolas Bär

← Webdesign-Portfolio

Pegel – der Transformationsbegleiter, Logo

Pegel – der Transformationsbegleiter

Wenn nach außen alles läuft – und innen nichts mehr stimmt.

Coaching · Transformationsbegleitung · Patrick Petersen · 2026

Gebaut mit Payload CMS
Live ansehen (pegel110.de)Next.js 16Payload CMSPostgreSQLTailwind CSS v4Docker · TraefikKunden-Server
Pegel — Startseite mit der Headline „Wenn nach aussen alles laeuft" und dem Portrait im getapten Rahmen

Pegel ist Patrick Petersen aus Schleswig — Maurer, jahrelang Baggerfahrer, seit 2019 Unternehmer, heute Transformationsbegleiter. Er arbeitet mit ehrlichen Gesprächen, Hypnose, NLP und Atemarbeit, und er bringt seine eigene Geschichte mit statt eines Lehrbuchs. Genau das musste die Seite tragen: Sie richtet sich an Menschen mit Verantwortung, bei denen nach außen alles läuft und innen nichts mehr stimmt — eine Zielgruppe, die Hochglanz sofort als Masche liest.

Deshalb ist die Gestaltung warm-dunkel statt kühl: Kohle als Grundfläche, ein weiches Off-White für den Text, das Grün aus dem Logo ausschließlich als Akzent. Fraunces als Serif für die Headlines, DM Sans für den Fließtext, Caveat für die handschriftlichen Randnotizen — alle drei liegen auf dem eigenen Server, zur Laufzeit geht keine Anfrage an Google. Dazu die Handschrift-Elemente, die den Ton machen: grün gezeichnete Unterstreichungen, leicht gekippte Fotorahmen mit Klebeband, ein durchlaufendes Wortband.

Der Einstieg ist bewusst niedrig gehalten. Statt Preisliste und Buchungskalender steht am Ende jeder Seite dieselbe eine Handlung: ein kostenloses Kennenlerngespräch. Das Formular fragt nur Name, E-Mail und Handynummer ab, dazu optional die beste Erreichbarkeit — und daneben steht handschriftlich, was danach passiert: „ich melde mich persönlich". Kein Bot, kein Newsletter, kein Verteiler. Die vier Schritte vom Erstkontakt bis zur Begleitung stehen als eigene Seite daneben, damit niemand raten muss.

Technisch ist es derselbe Stack wie bei meinen anderen Projekten: Next.js 16 mit Payload CMS, PostgreSQL, alles in Docker hinter Traefik mit Let’s-Encrypt-Zertifikat. Der Unterschied liegt woanders — die Site läuft auf dem eigenen Server des Kunden, nicht auf meinem. Dort liegen auch die Reichweitenmessung (Umami) und das Fehler-Tracking (Glitchtip) als eigene Dienste unter seiner Domain. Es verlässt also nichts das Haus: keine Plattform-Miete, kein Dritt-CDN, kein Analytics-Anbieter, der mitliest.

Redaktionell pflegbar ist alles, was sich ändert: Seiten, Leistungen, Ablauf, FAQ und Erfahrungen liegen als Blöcke im CMS. Dazu die Pflichtübung, die bei einem Coaching-Angebot keine Kür ist — HSTS mit Preload, eine enge Content-Security-Policy, Referrer- und Permissions-Policy, Consent-Banner und der ausdrückliche Hinweis, dass die Arbeit keine Therapie ersetzt und kein Heilversprechen enthält.

Eindrücke

Mehr von der Site

Pegel — die Startseite in voller Laenge
Startseite in voller Länge
Sektion „Wie ich arbeite" mit fuenf nummerierten Methoden von ehrlichen Gespraechen bis Lebenserfahrung
Fünf Methoden, nummeriert — von ehrlichen Gesprächen bis Lebenserfahrung
Bildbahn ueber die volle Breite: Patrick im Wald, darueber „Zurueck zu dir"
Bildbahn über die volle Breite statt Stockfoto-Kachel
Seite Begleitung mit den Leistungen im Detail
Begleitung im Detail: Formate und Leistungen
Seite Ablauf: vier Schritte vom ersten Kontakt bis zur Begleitung
Vier Schritte vom ersten Kontakt bis zur Begleitung
Kontaktformular mit Einwilligung, daneben WhatsApp, E-Mail, Instagram und Standort
Vier Felder statt Buchungskalender — daneben steht, was danach passiert

Klingt nach einem Match?

Erzählen Sie uns von Ihrem Projekt.