Webdesign für Coaching & Supervisioin

Petra Dropmann

von einer überholten und pflegeintensiven Website zu einer effizienten und wartungsfreien Lösung

Website-Relaunch für Petra Dropmann
Für Petra Dropmann habe ich eine moderne, skalierbare Website konzipiert und umgesetzt, die sich durch ein klares Design, dezente Animationen und eine hohe Benutzerfreundlichkeit auszeichnet. Ziel war es, eine digitale Präsenz zu schaffen, die sich visuell von der Konkurrenz abhebt und gleichzeitig intuitiv bedienbar bleibt.

Die Umsetzung erfolgte mit Webflow, wodurch die Website nicht nur leicht zu pflegen, sondern auch flexibel erweiterbar ist. Besonderer Fokus lag auf Performance und SEO, um kurze Ladezeiten sowie eine gute Sichtbarkeit in Suchmaschinen zu gewährleisten.

Leistungen im Projekt:Konzeption & Webdesign
- Umsetzung in Webflow
- Integration von Animationen & Interaktionen
- Performance- und SEO-Optimierung

Das Ergebnis ist eine zeitgemäße Website, die Funktionalität, Ästhetik und Erweiterbarkeit optimal verbindet.

erstellt in 10 Wochen

Die Zusammenarbeit mit Herrn Heine war von Anfang an außergewöhnlich positiv. Er hat sich tief in meine Vorstellungen eingefühlt, diese präzise verstanden und sowohl inhaltlich als auch gestalterisch überzeugend umgesetzt. Ich konnte mich jederzeit mit Fragen oder Feedback an ihn wenden – seine Video-Erklärungen und direkten Austausche waren dabei äußerst hilfreich und klar strukturiert. Auch die Empfehlung des Fotografen, Herrn Scherag, erwies sich als absolut passend. Herr Heine bot genau die richtige Kombination aus professioneller Umsetzung, aufmerksamem Zuhören und wertvollen Impulsen. Seine Ideen und Empfehlungen habe ich jederzeit gerne angenommen. Darüber hinaus war die Zusammenarbeit dank seiner empathischen, ruhigen und gleichzeitig sehr organisierten Arbeitsweise durchweg angenehm. Ein absolut zu empfehlender Profi.

Petra Dropmann
Geschäftsführerin

Neue Website für Petra Dropmann – empathisch, klar, professionell

Für Petra Dropmann entstand ein moderner Webauftritt, der ihre Arbeit als Supervisorin, Coach und Rechtsanwältin authentisch widerspiegelt und ihre vielfältige Expertise in einem klar strukturierten, vertrauensvollen Design vereint. Ziel des Projekts war es, eine Website zu entwickeln, die sowohl fachliche Kompetenz als auch persönliche Nähe vermittelt – ruhig, wertig und zeitgemäß zugleich.

Die Neugestaltung konzentrierte sich darauf, die Inhalte übersichtlich aufzubereiten und die Tonalität der Beratung – empathisch, strukturiert und lösungsorientiert – visuell erlebbar zu machen. Eine reduzierte Gestaltung, klare Typografie und gezielt eingesetzte subtile Animationen sorgen für einen modernen Look, ohne dabei die Seriosität zu verlieren. Der Fokus liegt stets auf guter Lesbarkeit, intuitiver Navigation und einer angenehmen User Experience.

Um Wartung und Weiterentwicklung so einfach wie möglich zu gestalten, wurde die Website mit Webflow umgesetzt. Das CMS erlaubt eine flexible Pflege der Inhalte und bietet zugleich eine skalierbare technische Basis für zukünftige Erweiterungen. Die Seitenstruktur wurde bewusst schlank gehalten, damit Besucher:innen schnell zu den relevanten Angeboten gelangen – ob Coaching, Supervision, Mediation oder rechtliche Beratung.

Ein weiterer Schwerpunkt lag auf Performance und Suchmaschinenoptimierung. Die Website lädt schnell, ist vollständig responsive und bietet eine solide SEO-Grundlage für eine gute Auffindbarkeit in den Suchergebnissen.

Das Ergebnis ist ein digitaler Auftritt, der Petra Dropmann als kompetente, nahbare und werteorientierte Beraterin sichtbar macht. Die Website schafft Vertrauen, vermittelt Klarheit und lädt zur Kontaktaufnahme ein – ganz im Einklang mit ihrer Haltung und Arbeitsweise.

Ein moderner Relaunch, der Persönlichkeit, Expertise und Technik nahtlos verbindet – klar, empathisch und nachhaltig wirkungsvoll.

Animationen mit Feingefühl – Performance, die überzeugt

Der neue Webauftritt von Petra Dropmann lebt von einer dezenten, wirkungsvollen Dynamik: Fein abgestimmte Animationen und gezielt eingesetzte Microinteractions verleihen der Website Lebendigkeit und Leichtigkeit, ohne die ruhige, vertrauensvolle Gesamtwirkung zu beeinträchtigen.

Die Bewegungen sind bewusst zurückhaltend gestaltet – sie lenken nicht von den Inhalten ab, sondern führen Besucher:innen intuitiv durch die Seite. So entsteht ein modernes, professionelles Erscheinungsbild, das Orientierung bietet und gleichzeitig eine angenehme Atmosphäre schafft. Bewegung wird hier gezielt eingesetzt, um Aufmerksamkeit zu lenken, Übergänge zu verdeutlichen und das hochwertige Look-and-Feel der Website zu unterstreichen – stets im Dienst einer durchdachten User Experience, in der Design und Funktion nahtlos ineinandergreifen.

Die Umsetzung erfolgte überwiegend mit den nativen Animationstools von Webflow. Für besonders flüssige Übergänge und präzise Effekte kam ergänzend GSAP (GreenSock Animation Platform) zum Einsatz – ein bewährter JavaScript-Standard für hochwertige Frontend-Animationen. So konnten dezente, individuell abgestimmte Animationen realisiert werden, die über die Standardmöglichkeiten hinausgehen, ohne die Performance zu beeinträchtigen.

Das Ergebnis:
Eine Website, die visuell überzeugt, technisch auf höchstem Niveau läuft und sich auf allen Endgeräten schnell, flüssig und intuitiv bedienen lässt.

Responsiv bis ins Detail – für ein konsistentes Nutzererlebnis

Von Beginn an wurde der Webauftritt für alle Bildschirmgrößen konzipiert und umgesetzt – ohne qualitative Abstriche. Egal ob Desktop, Tablet oder Smartphone: Das Design passt sich flexibel an und sorgt überall für ein gleichbleibend hochwertiges Nutzungserlebnis.

Navigation, Animationen, Seitenaufbau und Inhalte reagieren intelligent auf Scrollen, Tippen und Klicken und ermöglichen jederzeit eine klare, mühelose Orientierung. Gerade für Menschen, die sich mobil über Beratungsangebote informieren oder schnell Kontakt aufnehmen möchten, ist diese reibungslose Bedienbarkeit ein zentraler Mehrwert.

Die Verbindung aus technischer Präzision und ästhetischer Zurückhaltung sorgt dafür, dass Petra Dropmann online stets genau so wahrgenommen wird, wie sie arbeitet:

modern, professionell, empathisch und vertrauenswürdig.

State-of-the-art Technologie – für einen Webauftritt mit Haltung und Wirkung.

Ein klarer Mehrwert – strategisch entwickelt, sichtbar umgesetzt, zukunftssicher gedacht

Der neue Webauftritt wurde entwickelt, um Markenstärke, Prozessklarheit und langfristige digitale Wirkung miteinander zu verbinden. Das Ergebnis ist eine klar strukturierte, technisch saubere und konsequent nutzerorientierte Lösung.

1. Klarheit im Profil – ein digitaler Auftritt, der Vertrauen schafft

Der Webauftritt setzt auf klare Strukturen, reduzierte visuelle Elemente und präzise Botschaften.
So entsteht ein Profil, das auf den ersten Blick Orientierung und Professionalität vermittelt – noch bevor der erste Kontakt entsteht.

2. Sichtbarkeit durch eine starke SEO-Basis

Die technische Grundlage wurde mit Fokus auf langfristige Sichtbarkeit aufgebaut:

  • semantisches HTML
  • logisch strukturierte Seitenarchitektur
  • optimierte Ladezeiten
  • fundierte Keyword-Logik

Dadurch wird digitale Sichtbarkeit nicht dem Zufall überlassen, sondern systematisch gestärkt.

3. Intuitive User Experience – reduziert auf das Wesentliche

Design und Funktion folgen einer klaren gemeinsamen Linie.
Ein reduziertes Interface, dezente Microinteractions und eine intuitive Navigation sorgen dafür, dass Nutzer:innen schnell finden, was sie suchen – unabhängig vom Endgerät.

Das reduziert Absprünge und erhöht wertvolle Kontaktpunkte.

4. Performance & Wartungsfreiheit dank Webflow

Der Einsatz von Webflow ermöglicht eine schlanke, schnelle und sichere Umsetzung – ohne Plugin-Abhängigkeiten oder aufwendige Wartungsprozesse. Inhalte können jederzeit einfach aktualisiert werden, was den laufenden Betrieb effizient und stabil macht.

5. Modular & zukunftssicher gestaltet

Der Webauftritt ist flexibel aufgebaut und kann jederzeit erweitert werden:
neue Seiten, zusätzliche Funktionen oder weitere Sprachversionen lassen sich problemlos integrieren.

So bleibt die Plattform langfristig anpassbar und wächst mit den Anforderungen.

Das Ergebnis

Ein moderner, performanter Webauftritt,
der nicht nur gut aussieht, sondern Marken stärkt, Prozesse vereinfacht
und digitale Kommunikation nachhaltig verbessert.

Alles an einem Ort dank Kundendashboard. gestaltet Grafik, die das Kundendashboard mit drei spalten zeigt. To Do´s, In Bearbeitung und Erledigt.

Klare Kommunikation für ein starkes Projektergebnis

Ein wesentlicher Erfolgsfaktor dieses Projekts war die durchgehend strukturierte und transparente Kommunikation. Der Austausch verlief effizient, klar und ohne Umwege – ein entscheidender Punkt für die hohe Qualität des finalen Ergebnisses.

Alles an einem Ort – das zentrale Projektdashboard

Im Projektdashboard waren sämtliche Inhalte übersichtlich gebündelt:

  • Entwürfe
  • Projektstatus
  • Feedbackschleifen
  • Erklärvideos
  • To-Dos

Alle Informationen waren jederzeit abrufbar, zentral gesammelt und klar strukturiert.
Das erleichterte präzises Feedback, reduzierte Rückfragen und machte den Fortschritt jederzeit sichtbar.

Effizienter Austausch, klare Prozesse, reibungsloser Ablauf

Regelmäßige Abstimmungen per Video-Call sorgten dafür, dass das Projekt kontinuierlich voranschritt und Entscheidungen schnell getroffen werden konnten. Diese klaren Prozesse und die transparente Zusammenarbeit trugen maßgeblich dazu bei, dass das Projekt nicht nur problemlos, sondern außergewöhnlich gut umgesetzt werden konnte.

Ein Webauftritt, der Vertrauen schafft und Marken stärkt

Der neue digitale Auftritt verbindet modernes, hochwertiges Design mit einer klar strukturierten, nutzerzentrierten User Experience.


Er transportiert zentrale Markenwerte wie Kompetenz, Verlässlichkeit und Professionalität bereits im ersten Moment und schafft damit eine starke Grundlage für Vertrauen. Durch eine durchdachte Navigation, reduzierte Inhalte und gezielt eingesetzte visuelle Akzente wird das gesamte Angebot klar erfassbar – und Nutzer:innen werden effizient zu relevanten Informationen oder zur direkten Kontaktaufnahme geführt.

Der Webauftritt macht die Marke digital erlebbar:
klar, professionell und zukunftsfähig.

Marc Heine, Webflow Entwickler, Webdesigner und SEO Experte. Profilfoto auf dem er lächelt und sich auf neue Projekte freut.

Lass uns unverbindlich über dein Website Projekt reden

Tipps sichern

Fragen klären

Preisrange erfahren

beraten lassen

Videocall jetzt vereinbaren

Mitwirkende Freelancer in diesem Projekt

Portrait von Joel Volkmer
Joel Volkmer
Logodesign & Branding

Er hat das Logo und und die Farbgebung für dieses Projekt entwickelt, was einen erheblichen Einfluss auf die Gestaltung der Website hatte.

Portrait von Christian Schmid
Christian Schmid
Werbetexter, Copywriter

Christian hat mit seinen Texten die entscheidenden Schlagzeilen und Textpassagen gestaltet, die nicht nur SEO-optimiert, sondern auch einzigartig und ansprechend sind.

Nächstes Projekt

Request Solutions

Mockup eines Laptops mit geöffneter Website von Request Solutions – modernes Webdesign auf dunklem Hintergrund mit Fokus auf Startseite und Jobübersicht.

Interessiert an einer Zusammenarbeit?

Lass uns jetzt loslegen!

Projekt starten