Case Study • Coaching • 2025

SuRa Coaching & Training

Coaching & Training für Führung, Teamentwicklung und persönliches Wachstum.

Case Study ansehen
Das Projekt

Ein digitaler Raum für Entwicklung.

Susanne Rauen (SuRa) beauftragte die HWM Agentur mit der Konzeption und Umsetzung einer neuen Landing Page. Als Coach und Trainerin für Führungskräfte und Teams benötigte sie eine Plattform, die ihre Expertise klar kommuniziert und gleichzeitig ihre persönliche, wertschätzende Art transportiert.

Unser Fokus lag darauf, die Kernbotschaften „Klarheit“, „Orientierung“ und „Ressourcenstärkung“ visuell zu übersetzen. Mit einem reduzierten, aber warmen Design und einer intuitiven Nutzerführung haben wir eine Seite geschaffen, die Besucher abholt und direkt ins Gespräch bringt.

Kunde

Susanne Rauen (SuRa Coaching)

Leistung

Konzeption, Webdesign & Development

SuRa Coaching Session

Farbkonzept

Cream

#F9F9F4

Mist

#E8E8E8

Sandstone

#D4C5B9

Desert

#C78B72

Blueberry

#2A3B55

Responsive Design

Performance für jedes Device.

Eine moderne Website muss nicht nur gut aussehen, sondern sich auch gut anfühlen – auf dem Smartphone genauso wie auf dem Desktop.

Für SuRa Coaching haben wir ein Interface entwickelt, das komplexe Inhalte auch auf kleinen Screens übersichtlich und elegant präsentiert. Große Touch-Targets, optimierte Typografie und flüssige Animationen sorgen dafür, dass die Nutzerführung intuitiv bleibt.

01

Touch-Optimiert

Intuitive Navigation für Daumen-Bedienung.

02

Blitzschnell

Optimierte Assets für sofortige Ladezeiten.

03

Adaptive Layouts

Inhalte, die sich intelligent dem Screen anpassen.

Typografie

Charakterstark und gut lesbar.

Ab

Headlines & Display

Playfair Display

Aa

Headline Regular

Headline Italic

Headline Bold

Eine klassische Serifenschrift, die Eleganz und Vertrauen ausstrahlt.

Ag

Body & UI

Manrope

Aa

Body Light

Body Regular

Body Medium

Body Semibold

Body Bold

Eine moderne, serifenlose Schrift für optimale Lesbarkeit und digitale Anwendungen.

Design System

Konsistente UI-Elemente.

Eine klare visuelle Hierarchie und wiederkehrende Design-Patterns schaffen Vertrauen und führen den Nutzer intuitiv durch das Angebot. Jedes Element – vom Button bis zur Karte – wurde mit Bedacht gestaltet.

Atomares Design

Wiederverwendbare Komponenten für Skalierbarkeit.

Subtile Interaktionen

Hover-Effekte, die Feedback geben.

Klarer Fokus

Gezielte Lenkung der Aufmerksamkeit.

UI Card Element
UI Card Element 2
UI Badge
UI Button
UI Marquee
Contact Page Desktop
9:41
Contact Page Mobile
Kontakt & Buchung

Der direkte Weg zum Ziel.

Die Kontaktseite ist mehr als nur ein Formular. Sie ist der erste Schritt in eine vertrauensvolle Zusammenarbeit. Klar strukturiert, einladend gestaltet und mit allen wichtigen Informationen auf einen Blick – damit der erste Impuls sofort in Handlung umgesetzt werden kann.

Zur Live-Seite

"Ich kann nur sagen: absolut empfehlenswert! Sven Heynhold war von Anfang an super freundlich, mega kompetent und ist wirklich auf jeden meiner noch so kleinen Wünsche eingegangen. Die Umsetzung meiner Homepage ging sehr schnell, und das Ergebnis ist einfach toll – ich liebe sie! Auch das Preis-Leistungs-Verhältnis passt perfekt. Wer eine professionelle, zuverlässige und sympathische Unterstützung für seine Website sucht, ist hier genau richtig. Ich würde jederzeit wieder mit ihm zusammenarbeiten!"

Susanne Rauen

Susanne Rauen

SuRa-Coaching.de

Rezension auf Google lesen