Von Dezember 2024 bis März 2025 habe ich die vollständige Neugestaltung und technische Realisierung der Coaching-Website „be soulfood“ für Birgit Müller eigenverantwortlich umgesetzt. Die ursprüngliche Online-Präsenz war über mehrere Systeme verteilt, was zu einem fragmentierten und unklaren Nutzererlebnis führte. Ziel des Projekts war es, eine zentrale, nutzerfreundliche und emotional zugängliche Plattform zu gestalten, die das Angebot von „be soulfood“ klar strukturiert und in ein konsistentes visuelles und funktionales Erlebnis überführt. Im Fokus standen neben einer besseren Orientierung für Nutzerinnen auch die Optimierung von Conversion Rates, die Steigerung der Sichtbarkeit in Suchmaschinen sowie eine langfristige Vereinfachung der Pflege- und Erweiterbarkeit der Inhalte durch die Kundin selbst.
Methodische Grundlagen
Die Projektarbeit basierte auf einem strukturierten und strategisch durchdachten Gestaltungsprozess, den ich durch eigene Recherche, analytische Herangehensweisen und praxisbewährte Methoden aufbaute. In einer initialen Phase stand die Wettbewerbsanalyse im Vordergrund, bei der ich vergleichbare Anbieter und Plattformen im Coaching- und Persönlichkeitsentwicklungsbereich untersuchte. Dabei analysierte ich Aufbau, Tonalität, visuelle Gestaltung sowie die UX-Logik der jeweiligen Websites, um Benchmark-Werte zu definieren und ein klares Differenzierungsmerkmal für „be soulfood“ zu entwickeln.
Darauf aufbauend entwickelte ich eine detaillierte User Journey, welche die Bedürfnisse und Fragen potenzieller Nutzerinnen – zumeist Frauen auf der Suche nach Selbstwert-Stärkung und persönlicher Klarheit – systematisch aufgriff. Die daraus abgeleiteten Szenarien dienten als Grundlage für eine narrative Nutzerführung, die Information, Orientierung und Handlungsaufforderung in eine nachvollziehbare Abfolge brachte. In enger Zusammenarbeit mit Birgit Müller wurden diese Konzepte in mehreren interaktiven Arbeitsmeetings verfeinert und auf ihre emotionale wie funktionale Wirkung hin überprüft.
Zur Visualisierung der strukturellen und inhaltlichen Architektur entstanden Paper Wireframes und Sitemaps, die als schnelles, flexibles Werkzeug dienten, um Ideen sichtbar zu machen und Feedback unmittelbar einzubeziehen. Diese skizzenhafte Phase war geprägt von enger Zusammenarbeit und schneller iterativer Evaluation, bevor sie in digitale Wireframes und Prototypen überführt wurde.
Gestalterisches Konzept und Corporate Design
Die visuelle Sprache der neuen Website orientierte sich an den Werten Klarheit, Authentizität und emotionaler Nähe. Um diesen Anspruch gestalterisch umzusetzen, entschied ich mich für ein minimalistisches, ruhiges Grundlayout, das durch gezielt eingesetzte Farbakzente ergänzt wird. Die primäre Farbgebung – ein Zusammenspiel aus erdigen Tönen und lebendigen Akzentfarben – unterstützt die emotionale Tiefe des Angebots, ohne aufdringlich zu wirken. Kombiniert wurde diese Palette mit einer modernen, gut lesbaren Schriftfamilie, die sowohl im Fließtext als auch in Überschriften hohe Lesbarkeit und formale Stringenz garantiert.
Im Fokus stand die Entwicklung einer Gestaltung, die nicht nur ästhetisch anspricht, sondern auch funktional trägt. Mikrointeraktionen wie sanfte Hover-Animationen, animierte Scroll-Elemente und subtile Übergänge zwischen Inhaltsblöcken erhöhen die Interaktionstiefe, ohne die Nutzerin von der inhaltlichen Hauptbotschaft abzulenken. Diese Detailtiefe im UX-Design spiegelt meine persönliche Designhaltung wider: Gestaltung als leise, aber wirkungsvolle Kommunikation.
Das visuelle System wurde zudem auf Konsistenz geprüft: von der Anpassung des bestehenden Logos für den digitalen Einsatz über Farbsysteme, Typografie und Abstände bis hin zu wiederverwendbaren Designkomponenten, die langfristig Erweiterbarkeit ermöglichen. Ziel war es, eine visuelle Identität zu schaffen, die langfristig tragfähig, editierbar und markenkonform bleibt.
Nutzerführung und UX-Gestaltung
Im Zentrum der Konzeption stand die Entwicklung einer klaren und intuitiven Nutzerführung, die sowohl neuen als auch wiederkehrenden Nutzerinnen Orientierung bietet. Durch den Einsatz von Tools wie Figma entwickelte ich interaktive Prototypen, die bereits in einer frühen Projektphase getestet und optimiert werden konnten. Dabei wurden verschiedene Nutzerpfade kartiert und getestet – etwa von der Startseite zur Buchung eines Coaching-Programms oder zum Eintrag für ein kostenloses Kennenlerngespräch.
Die Navigation wurde auf ein reduziertes, klares Menüsystem umgestellt, das zentrale Inhalte wie Coaching-Angebote, Blog, Über-mich und Kontakt logisch strukturiert. Innerhalb der Seiten führt eine konsistente visuelle Hierarchie durch die Inhalte, ergänzt durch handlungsleitende Elemente wie CTAs, Testimonials, Benefits-Abschnitte und Vertrauensanker. Besondere Beachtung fand die Integration von CopeCart als Buchungs- und Zahlungsplattform: Der Übergang zum externen Checkout-Prozess wurde visuell vorbereitet und vertrauensbildend gestaltet, um Abbruchquoten zu minimieren.
Herausforderungen & Erkenntnisse
Die größte Herausforderung bestand in der Migration und strukturellen Neuordnung der bisherigen Inhalte, die über verschiedene Einzelsysteme verteilt waren. Dabei galt es, inhaltliche Dopplungen zu vermeiden, vorhandene Ressourcen wie Texte und Bilder gezielt zu überarbeiten und in ein konsistentes, SEO-optimiertes Gesamtbild zu überführen. Hinzu kam der Anspruch, die Website so aufzusetzen, dass Birgit Müller sie künftig ohne technische Vorkenntnisse selbständig erweitern und aktualisieren kann.
Dieser Anspruch an Autonomie erforderte eine saubere Strukturierung im Backend, die Definition klarer Inhaltsbereiche und die Schulung in redaktionellen Workflows. Durch die konsequente Anwendung eines modularen Systems, verständliche Benennung von Feldern sowie das Anlegen vordefinierter Inhaltsbausteine wurde dieser Anspruch in vollem Umfang erfüllt.
Das Projekt zeigte deutlich, wie wichtig ein iterativer Designansatz ist, der Feedback in jeder Phase einbezieht, sowie die enge Zusammenarbeit mit der Auftraggeberin, um nicht nur funktionale, sondern auch emotionale und strategische Ziele erfolgreich zu realisieren.
Fazit und Reflexion
„be soulfood“ präsentiert sich heute als kohärente, nutzerorientierte und visuell stimmige Plattform, die die Botschaft von Birgit Müller wirkungsvoll transportiert. Die Website ist nicht nur funktional und ästhetisch durchdacht, sondern auch zukunftsfähig konzipiert: inhaltlich flexibel, technisch robust und für die Kundin selbstständig betreibbar. Durch den strukturierten Einsatz von Research, nutzerzentriertem Design, interaktiver Prototypenerstellung und einem klaren Corporate Design gelang es, ein Ergebnis zu schaffen, das gestalterischen Anspruch mit konkretem Mehrwert verbindet.
Das Projekt hat mir ermöglicht, unterschiedliche Anforderungen aus Strategie, Gestaltung und technischer Umsetzung zusammenzuführen und in ein kohärentes Ergebnis zu überführen. Dabei zeigte sich, wie wichtig eine präzise, strukturierte Herangehensweise ist, die Raum für gestalterische Entscheidungen lässt und gleichzeitig praxisnah bleibt. Die enge Verzahnung konzeptioneller Klarheit mit einem bewussten gestalterischen Ausdruck hat den Prozess wesentlich geprägt.