UX/CRO/Design

Referenz

Prima Materia

Die Website für Praktizierende

Live-Website ansehen ↗
Prima Materia
Rolle
Alles: Positionierung, Text, UX, Design, Entwicklung
Umsetzung
Custom Code, Claude Code, GitHub Pages
Tools
HTML/CSS/JS, Claude Code, Figma, GitHub Pages

Conversion-Denken auf meine eigene Coaching-Praxis anwenden.

Der Kontext

Ich bin somatischer Coach und arbeite mit den fünf Elementen und alchemistischen Rahmenwerken. Die meisten Praktizierenden in diesem Bereich bauen Websites, die zu Kolleginnen und Kollegen sprechen: dicht an Fachsprache, wenig Struktur und unklar darin, was ein Besucher eigentlich tun soll. Ich wollte meine Website so aufbauen, wie ich es für einen Kunden tun würde: Conversion-first, mit jedem Abschnitt, der seinen Platz im Funnel verdient.

Die Entscheidungen

Die Seite folgt einem einzigen Erzählbogen: Wiedererkennung → Wissensvermittlung → Glaubwürdigkeit → Handlung. Sie beginnt mit „Du bist hier, weil", und spiegelt den inneren Zustand des Besuchers wider, bevor irgendetwas erklärt wird. Wenn das Fünf-Elemente-Rahmenwerk erscheint, sieht sich der Besucher bereits selbst in der Arbeit. Der Über-mich-Abschnitt führt bewusst mit meinem Hintergrund in Ingenieurwesen und Neurowissenschaften, bevor die somatische Ausbildung kommt, weil die Menschen, mit denen ich arbeiten möchte, tendenziell analytische Denker sind, die die Erlaubnis brauchen, dem Körper zu vertrauen. Diese Reihenfolge ist beabsichtigt.

„Entdeckungsgespräch buchen" erscheint viermal. Jede Platzierung folgt einem natürlichen Entscheidungspunkt, anstatt den Lesefluss zu unterbrechen: nach dem emotionalen Einstieg, nach dem Rahmenwerk, nach dem Glaubwürdigkeitsabschnitt und am Schluss. Ein CTA, eine Handlung, keine Mehrdeutigkeit.

Die Umsetzung

Individuell programmiert statt mit einem Baukastensystem erstellt, zum einen, weil ich die volle Kontrolle über Performance und Struktur wollte, und zum anderen, weil der Bau mit Claude Code eine Gelegenheit war, so zu arbeiten, wie ich meinen Kunden empfehle zu denken: mit der Conversion-Logik beginnen, dann das Design danach ausrichten. Gehostet auf GitHub Pages für Geschwindigkeit und Einfachheit. Die visuelle Ausrichtung setzt auf Schwarz-Weiß-Fotografie, alchemistische Symbole und großzügigen Weißraum, um ruhige Ernsthaftigkeit zu signalisieren, ohne die Pastell-und-Schreibschrift-Ästhetik, die den Wellness-Bereich dominiert.

Warum das in meinem Portfolio wichtig ist

Die anderen Referenzen in diesem Portfolio zeigen, wie ich über die digitalen Erlebnisse anderer Menschen denke. Diese hier zeigt, dass ich mich selbst am gleichen Maßstab messe: klare Positionierung, eine definierte Zielgruppe, ein strukturierter Funnel und Designentscheidungen, die der Conversion dienen statt der Dekoration.