Projekte
Eine Auswahl
Projekt: Premium Website
Eine Premium Website für den Finanzcoach Andy Lederer.
Mit einem Special: Einem Imagefilm. Auf Wunsch im Superhelden- Comicstyle.
Wo Ideen
Gestalt annehmen
Ein von mir gestalteter Imagefilm für die Premium Website von Finanzcoach Andy Lederer.
Projekt: Brand Identity
Wurzelwerk. Achtsamkeits-/ Somatik Coaching für Coachin Clara Lenhard
Die Coachin begleitet Frauen in Umbruchsphasen.
Sie möchte mit dem Auftritt Ihrer Marke seriös und gleichzeitig warm wirken.
Erstellt:
> Logo
> Typografie- Paar (Headline/ Fließtext)
> Moodboard
> Visitenkarte
> Instagram- Post- Vorlage
> Signatur etc..
Case- Study- Struktur:
> Problem: Keine Wiedererkennbarkeit
> Prozess: Zielgruppen- Gedanken, Moodboard
> Lösung: 1- Satz- Wirkung:
“Ein Markenbild, das Vertrauen schafft, bevor das erste Wort gesagt ist.”
Story - Case > Wurzelwerk
Projekt: UX/UI Design
Klarmomentum. Eine App/ Plattform für Coaches, um Klient:innen- Fortschritt und Termine zu verwalten.
Problem: Coaches verlieren Zeit mit unübersichtlicher Terminplanung und Klient:innen brechen Buchungsprozesse ab, weil sie zu kompliziert sind. Die App löst dieses Problem.
Warum sind psychologische Designentscheidungen hier sinnvoll: Zum Beispiel > Reduzierte Auswahl senkt Entscheidungsangst nachweislich.
Gesamtstruktur - Wireframe:
Buchungsapp für Coaches “Klarmomentum”
Der Wireframe besteht aus 10 zentralen Screens, die sich in zwei Bereiche aufteilen:
Screen 1
Startseite/ Übersicht
+Ziel:
Die Startseite soll dem Nutzer sofort vermitteln, was er mit der App machen kann: einen passenden Coach finden und einen Termin buchen.
+Aufbau:
Oben befindet sich: “Finde Deinen Coach.”
Darunter ein kurzer erklärender Text
Beispielsweise:
Persönlich. Professionell. Online oder vor Ort.
+Suchfeld:
Ein prominentes Suchfeld ermöglicht die Suche nach:
Coach- Namen
Coaching- Themen
Stichworten
Fachgebieten
Beispiel:
“Suche nach Thema, Coach oder Stichwort…”
+Beliebte Coaching- Themen:
+Darunter werden sogenannte Topic- Chips angezeigt:
Karriere
Mindset
Gesundheit
Beziehung
Business
Persönlichkeitsentwicklung
Das ist besonders hilfreich für Nutzer, die noch keinen konkreten Coach kennen.
+Unsere Coaches:
Darunter befindet sich eine Liste beliebter Coaches.
+Jeder Eintrag enthält:
Profilbild
Name
Spezialisierung
Bewertung
Anzahl Bewertungen
Pfeil zur Detailansicht
Beispiel:
Sarah Müller, Life & Business Coach * 4,9 (124)
UX- Ziel:
Der Nutzer soll auf der Startseite zwei klare Einstiege haben:
“Ich weiß, wonach ich suche” > Suche
oder:
“Ich möchte einen passenden Coach finden” > Coach- Liste
Buchungsprozess
Startseite/ Ûbersicht
Coach auswählen
Coach- Profil & Angebot
Termin auswählen
Kontaktdaten eingeben
Buchung überprüfen
Buchungsbestätigung
+ Verwaltung nach der Buchung:
Meine Termine
Termin- Details
Profil & Einstellungen
+ Die untere Navigation ist auf den meisten Hauptscreens konstant.
Home/ Coaches/ Termine/ Profil
Dadurch kann der Nutzer jederzeit zu seinen Terminen oder seinem Profil wechseln.
Screen 2
Coach wählen
+Ziel:
Hier kann der Kunde verschiedene Coaches vergleichen.
+Oben befindet sich eine Suchleiste:
“Suche nach Coach…”
Darunter eine scrollbare Liste.
+Coach- Karte:
Jede Karte enthält:
Profilbild, Sarah Müller, Life & Business Coach, *4,9 (124)
Rechts befindet sich ein Pfeil
Beim Antippen gelangt der Nutzer zum jeweiligen Coach- Profil.
+Mögliche spätere Filter:
Thema
Preis
Sprache
Online/ vor Ort
Verfügbarkeit
Bewertung
Dauer
Geschlecht
Erfahrung
+Ein Button könnte beispielsweise heißen:
“Filter und sortieren”
UX- Ziel:
Der Kunde soll nicht nur einen Coach auswählen, sondern schnell erkennen können:
Wer ist geeignet?
Wie gut bewertet?
Passt das Thema?
Screen 3
Coach- Profil & Angebot
Das ist einer der wichtigsten Screens der gesamten App.
Kopfbereich
Oben:
Profilbid
Name
Beruf/ Spezialisierung
Bewertung
Beispiel:
Sarah Müller, Life & Business Coach, * 4,9 (124)
+Beschreibung:
Darunter stellt sich der Coach kurz vor.
“Ich unterstütze Dich dabei, Deine Ziele zu erreichen, Blockaden zu lösen und Dein volles Potenzial zu entfalten- beruflich und privat.”
+Weitere Informationen:
+Icons können wichtige Eigenschaften darstellen:
Online & vor Ort
Verfügbar Montag bis Freitag
Deutsch und Englisch
+Angebote:
Der Kunde sieht anschliessend die buchbaren Leistungen.
Beispielsweise:
+Einzelcoaching - 60 Min.
Für individuelle Fragen und Ziele
- 120 Euro
+Packet:
5 Sessions
Mehrere Coaching- Sessions für nachhaltige Entwicklung
- 550 Euro
Jedes Angebot ist als eigene Karte aufgebaut.
+Primärer CTA
Am unteren Ende:
“Termin wählen”
+Damit beginnt der eigentliche Buchungsprozess.
Screen 4
Termin auswählen
+Hier befindet sich der Kalender.
Monatsnavigation
Oben:
< April 2026 >
+Darunter ein klassischer Kalender:
Mo., Di., Mi. …
Verfügbare Tage werden hervorgehoben.
Der Nutzer wählt zunächst einen Tag.
Verfügbare Urzeiten
Nach Auswahl des Tages erscheint:
Verfügbare Zeiten- 16. 04. 2026
Beispielsweise:
08:00 Uhr
09:30 Uhr
11:00 Uhr …
Die Urzeiten werden als große Buttons dargestellt.
Warum das wichtig ist:
Der Kunde sollte nicht erst einen Termin auswählen und anschließend feststellen, dass der Coach keine Zeit hat.
Die Verfügbarkeit kommt deshalb direkt aus dem Kalender des Coaches.
CTA
“Weiter”
Der ausgewählte Termin wird anschließend gespeichert.
Screen 5
Kontaktdaten
+Hier werden die notwendigen Kundendaten erfasst.
Persönliche Daten:
Vorname
Nachname
Email
Telefonnummer
Optionales Nachrichtenfeld
CTA
“Weiter”
Screen 6
Buchung überprüfen
+Dieser Screen dient als Zusammenfassung vor der verbindlichen Buchung.
Das ist ein wichtiger UX- Schritt, weil der Nutzer hier noch einmal kontrollieren kann, ob alles korrekt ist.
Coach:
Sarah Müller, Life & Business Coach, * 4,9 (124)
Angebot:
Einzelcoaching (60 Min.)
Termin:
Mittwoch, 16. 04. 2026, 14:30- 15:30 Uhr
Ort:
Online Zoom
Kundendaten
Neben den Daten befindet sich jeweils eine Möglichkeit zum Ândern.
Primärer CTA
“Jetzt verbindlich buchen”
Je nach Geschäftsmodell kann hier zusätzlich der Preis angezeigt werden:
Gesamt: 120 Euro
Screen 7
Buchungsbestätigung
Nach erfolgreicher Buchung kommt eine klare Erfolgsmeldung.
Oben befindet sich ein großes Checkmark- Symbol.
Hauptbotschaft:
“Deine Buchung ist bestätigt.”
Darunter Beispielsweise:
Vielen Dank.
Termin
Ort
Nächster wichtiger Schritt:
Ein Button:
“Zum Kalender hinzufügen”
Hier könnte die App später beispielsweise unterstützen:
Google Calendar
Apple Calendar
Outlook Calendar
Zusätzlich:
“Zurück zur Startseite”
Screen 8
Meine Termine
Nach der Buchung muss der Kunde seine Termine jederzeit verwalten können.
Oben befinden sich zwei Tabs:
Kommend/ Vergangen
Kommende Termine…
Beim Anklicken kommt man zu den jeweiligen Termindetails.
Wichtig:
Hier sollte später auch Statusinformationen möglich sein:
Bestätigt
Ausstehend
Abgesagt
Abgeschlossen
Termin verschoben
Screen 9
Termin - Details
Hier bekommt der Kunde alle Informationen zu einem einzelnen Termin.
Coach
Termin
Ort
Idealerweise befindet sich hier ein großer Button:
“Zoom beitreten”
Dieser Button sollte kurz vor dem Termin besonders prominent sein.
Vorbereitung:
Darunter kann der Coach Hinweise hinterlegen
Weitere Funktionen:
Beispielsweise:
Notizen anzeigen
und:
Termin absagen/ Termin verschieben
Screen 10
Profil & Einstellungen
Der letzte Screen bildet den persönlichen Bereich des Kunden.
Oben:
Name und Mail des Kunden
Darunter die wichtigsten Einstellungen
Meine Termine:
> Übersicht aller Buchungen
Zahlungsmethoden:
> Kreditkarte, PayPal etc..
Benachrichtigungen:
> Mail/ Push/ Erinnerungen
Einstellungen:
> Sprache, Datenschutz etc..
Hilfe und Support:
> FAQ und Kontakt
Der ideale User Flow -
Der wichtigste Flow der App
lässt sich sehr einfach darstellen
Wichtige Funktionen für die fertige App:
Das Wireframe stellt bewusst zunächst den Kernprozess dar. Für eine MVP- Version würde ich folgende Funktionen priorisieren:
Für Kunden:
Coach- Suche
Filter
Coach- Profile
Angebote/ Services
Life- Verfügbarkeit
Terminbuchung
Online-/ Vor- Ort- Termine
Zahlung
Kalenderintegration
Buchungsbestätigung
Erinnerungen
Termin verschieben
Termin absagen
Buchungshistorie
Bewertungen
Für Coaches:
Die App braucht zusätzlich ein Coach- Dashboard, das im aktuellen Wireframe noch nicht dargestellt ist.
Dort sollte der Coach beispielsweise:
seinen Kalender verwalten
Verfügbarkeiten definieren
Leistungen erstellen
Preise festlegen
Buchungen verwalten
Kunden verwalten
Zoom-/ Google- Meet- Links hinterlegen
automatische Einstellungen konfigurieren
Umsätze einsehen
sein Profil bearbeiten können
“Gute UX (User Experience) und gutes UI (User Interface) sorgen dafür, dass eine App oder Website, einfach, schnell und zu bedienen ist.”
Projekt: Brand & Digital Experience
Für Lumen Studio, ein kleines Konzept- Atelier für nachhaltige Wohnaccessoires/ Interieur- Objekte, das online verkauft
Konzeptprojekt - Branding - Art Direction - UX/UI
Die Ausgangslage: Gute Produkte brauchen einen Auftritt, der ihre Qualität spürbar macht.
Die Produkte von Lumen Studio sind reduziert, hochwertig und bewusst gestaltet.
Problem: Der digitale Auftritt erzählt diese Geschichte jedoch nicht. Logo, Farben, Website und Social Media wirken wie einzelne Bestandteile statt wie eine zusammenhängende Marke.
Dadurch entsteht wenig Wiedererkennung- und die eigentliche Qualität der Produkte geht zwischen visuellen Reizen verloren.
Die Herausforderung: Wie kann eine digitale Marke die Materialität, Ruhe und Wertigkeit der Produkte transportieren- ohne selbst laut zu werden?
Die Idee: Von der Materialität zum digitalen Erlebnis. > Die Gestaltung beginnt nicht beim Logo. > Sie beginnt bei den Produkten.
Leinen. Keramik. Holz. Stein. Handwerkliche Oberflächen. Natürliche Unregelmäßigkeiten.
> Diese Eigenschaften werden zur Grundlage für das gesamte System.
Lumen Studio ist ein Startup- Markenprojekt im Übergang zum eigenen Studio.
Case - Study. Lumen Studio
Die Website
Startup- Markenprojekt. Lumen Studio.
