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.
www.nicolewoldrich.comHier 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


Technik
Eingesetzt
- Next.js (App Router)
- React
- next/image (WebP)
- Vercel
Ein Projekt, das genauso besonders werden soll?