← Zurück zu den Arbeiten

Coaching · Webdesign & Entwicklung · 2026

Nicole Woldrich

Eine Coaching-Website wie ein tiefer Atemzug. Oliv, Creme, warmes Licht und eine Serifenschrift, die sich Zeit lässt.

Live ansehen ↗
DesignEntwicklung
www.nicolewoldrich.comLive ansehen ↗
Nicole Woldrichwww.nicolewoldrich.com

Hier eingebettet ist die echte Produktivseite, live unter www.nicolewoldrich.com.

Die Aufgabe

Nicole coacht Frauen, die keine Lust mehr haben, sich klein zu machen. Ihr Satz im Hero sagt das besser als ich: Tiefe Leichtigkeit, die deine inneren Ketten sprengt. Die Website musste diesen Satz tragen. Weich genug, dass sich niemand gedrängt fühlt, und selbstbewusst genug, dass sie nicht wie das nächste Wellness-Template in Pastell aussieht.

Die erste Entscheidung war also, was wegkommt. Kein Stock-Lächeln, keine Icons mit Blättern dran, kein "Jetzt buchen"-Button, der dir die ganze Seite hinterherläuft. Ihre Fotos sind stark (ein Ballsaal im späten Licht, ein Waldfluss, Nebel), also nimmt sich das Design zurück und lässt die Bilder sprechen.

Absichtlich langsam

Die meisten Seiten, die ich baue, wollen sich bewegen. Diese will atmen. Die Überschriften stehen in einer kontrastreichen Serifenschrift, groß und mit viel Zeilenabstand, daneben eine ruhige Grotesk zum Lesen. Abschnitte blenden ein, statt reinzufliegen. Die Farben kommen direkt aus ihren Fotos: Oliv und dunkles Oliv für die Flächen, ein warmes Creme für Text und ein gedecktes Gold für die kleinen Labels, die dich durch die Seite führen.

Das Design nimmt sich zurück und lässt ihre Fotos und ihre Worte sprechen.

Zwischen den Abschnitten läuft ein Band mit den Worten, wegen denen ihre Klientinnen kommen: Weiblichkeit, Freiheit, Leichtigkeit, Selbstwert. Das ist das einzige Element, das sich ständig bewegt, und es bewegt sich langsam.

Eine Angebotsseite wie ein Weg

Coaching-Pakete landen meistens in einer Preistabelle. Nicoles Formate sind Etappen derselben Reise (The Awakening, The Insight, The Deepening, Full Journey), also sind die Karten als Schritte geschrieben und gesetzt, jede mit eigenem Bild und genau einem "Mehr erfahren". Der Block zu den nächsten Schritten macht dasselbe fürs Buchen: Termin wählen, kurzen Fragebogen ausfüllen, reden. Drei Schritte, keine Überraschungen.

Unter der Haube

Die Seite läuft mit dem Next.js App Router auf Vercel. Alle Bilder gehen über next/image als WebP in mehreren Größen raus, und das zählt bei einer Seite, die zum Großteil aus großen, stimmungsvollen Fotos besteht. Die Schriften sind selbst gehostet, der Inhalt ist zuerst auf Deutsch, weil das die Frauen sind, mit denen sie spricht.

Eins von den Projekten, bei denen das beste Kompliment ist, dass niemandem die Website auffällt. Die Leute lesen einfach weiter.

Farben

Designsprache

  • Oliv

    #6B7258

  • Dunkles Oliv

    #4A5038

  • Creme

    #F0EBE3

  • Gold

    #C9A26A

Einblicke

Aus dem Projekt

Über-mich-Bereich: Nicole an einem Waldfluss neben einer kurzen persönlichen Vorstellung
Die vier Coaching-Formate als Karten, von The Awakening bis Full Journey

Technik

Eingesetzt

  • Next.js (App Router)
  • React
  • next/image (WebP)
  • Vercel

Ein Projekt, das genauso besonders werden soll?