Projekt­mappe

Klar. Persönlich. Wirksam.

Eine Website, die Ergotherapie, Prävention & Massagen verständlich bündelt – mit Gutscheinfunktion.

Website Projekt Beispiel für eine Ergotherapie Praxis
Website Projekt Beispiel für eine Ergotherapie Praxis
Projekt: Website-Neuerstel­lung für die Praxis Hand­lungs­kraft – von Struktur und Text bis hin zu Design, SEO und Gutscheinverkauf
Branche:  Ergo­the­rapie, Präven­tion & Massagen
Kunde: Praxis Hand­lungs­kraft (Ergo­the­ra­peutin Katja Sauter)

Ausgangslage, Anforderungen & Ziele

Katja Sauter - Ergotherapeutin - Kundenstimme

Mit meiner neuen Praxis wollte ich nochmal so richtig durch­starten und sicht­barer werden. Dazu war für mich eine neue Home­page essen­tiell. Nadine Möller wurde mir wärms­tens empfohlen. Schon nach dem ersten Gespräch war mir klar, dass ich das mit ihr machen möchte! Die Zusam­men­ar­beit war immer ganz unkom­pli­ziert und Frau Möller ist mir mir Termin­ver­ein­ba­rungen stets sehr entgegen gekommen.

Ausgangs­lage: Alte Website ohne Perspek­tive
Die bishe­rige Website war für die Kundin weder tech­nisch komfor­tabel noch selbst zu pflegen. Auch der alte Domain­name spie­gelte ihre neue Ausrich­tung nicht mehr wider. Mit der Entwick­lung eines neuen Namens, Logos und einer frischen Farb­welt durch eine externe Grafi­kerin (SCHWANN DESIGN Werbe­agentur | Bran­ding & Pack­a­ging) entstand der Wunsch nach einem Webauf­tritt, der diese Marken­iden­tität konse­quent fort­führt. Gleich­zeitig sollte die Seite das erwei­terte Leis­tungs­spek­trum abbilden: neben Ergo­the­rapie auch Präven­ti­ons­an­ge­bote, Massagen, psycho­so­ma­ti­sche Ansätze und Coaching.

Arbeits­er­leich­te­rung als zentrales Ziel
Die Kundin wollte nicht nur eine moder­ni­sierte Website, sondern auch eine, die ihr den Arbeits­alltag erleich­tert. Dazu gehörte insbe­son­dere die Inte­gra­tion einer Gutschein­lö­sung mit Online-Zahlung und Druck­funk­tion. Gleich­zeitig sollte die tech­ni­sche Basis so geplant sein, dass sich die Seite später unkom­pli­ziert erwei­tern lässt – etwa durch Grup­pen­kurse oder ein Online-Termin-Buchungssystem.

Zur Zusam­men­ar­beit kam es über eine Empfeh­lung der Grafi­kerin – ausschlag­ge­bend war mein Komplett­paket aus Technik, Design & Text und dass wir auf einer Wellen­länge arbeiten.

Ziele im Überblick

  • Mehr Sicht­bar­keit durch einen modernen, such­ma­schi­nen­freund­li­chen Auftritt
  • Neue Kund:innen gewinnen dank klarer Struk­turen und Nutzerführung
  • Kontakt­auf­nahme erleich­tern mit eindeu­tigen CTAs und nutzer­freund­li­chen Formularen
  • Ange­bote verständ­lich & trans­pa­rent darstellen – von Leis­tungen über Abläufe bis hin zu Zielgruppen
  • Authen­ti­sche Posi­tio­nie­rung: Persön­lich­keit und Einzig­ar­tig­keit sichtbar machen für einen klaren Wettbewerbsvorteil
  • Gutschein­ver­kauf direkt über die Website als zusätz­li­cher Kanal zur Neukundengewinnung

Projekt­informationen

Ziel:

  • Ange­bote klar geglie­dert: Ergo­the­rapie, Präven­tion, Massagen und Gutscheine haben eigene Bereiche mit verständ­li­cher Navigation
  • Nutzer­füh­rung verbes­sern: Besu­cher finden den direkten Weg vom Einstieg bis zur Kontakt­auf­nahme oder zum Gutschein-Kauf
  • Mehr­wert durch Gutscheine: Gutschein­ver­kauf als zusätz­li­cher Lead-Kanal inte­griert – einfach, schnell und rechtssicher
  • Barrie­rearm gestaltet: Mit Elementor Ally und durch­dachter Struktur/​Techtnik wurde die Website so umge­setzt, dass sie für alle Nutzer:innen gut zugäng­lich bleibt
  • Vertrauen aufge­baut: Testi­mo­nials gezielt einge­bunden, klare Über-mich-Seite als zentrales Vertrauenselement
  • Perfor­mance & Pfle­ge­leich­tig­keit: Opti­mierte Bild­daten, Caching & Backup sorgen für kurze Lade­zeiten und einen wartungs­freund­li­chen Betrieb
  • Lang­fris­tige Erwei­ter­bar­keit: Seite ist vorbe­reitet für Grup­pen­kurse und einen Online-Termin­planer – ohne erneuten Komplettumbau

Meine Leistungen:

  • Stra­te­gi­sche Bera­tung zu Navi­ga­tion, Ziel­grup­pen­füh­rung & Ansprache
  • Sitemap & Navi­ga­tion entwi­ckelt; Wire­frames für alle Seiten
  • Texte auf Basis von Frage­bögen (Über mich & Ange­bote), Fein­schliff für Head­lines, Sublines, CTAs
  • Design-Über­tra­gung & ‑Erwei­te­rung (Brand­farben ergänzt: Beige & Dunkel­blau, Logo-Störer, Scrolling-Elemente)
  • Gutschein­lö­sung recher­chiert & inte­griert (externer Anbieter, DSGVO-konform)
  • Galerie-Slider, FAQs, Bildkonzept/​Handout für die Fotoproduktion
  • SEO-Grund­lagen (Alt-Texte, Titel, Beschrei­bungen, Meta-Daten, saubere H‑Struktur)
  • Google Unter­neh­mens­profil aktua­li­siert (Texte, Leis­tungen, Bilder)
  • DSGVO, Sicher­heit & Barrierefreiheit
  • Einwei­sung & Pflegehinweise 

Technik:

  • CMS: Word­Press mit Page­builder Elementor Pro
  • Hostin­g­aus­wahl & Domainsetup
  • DSGVO: Real Cookie Banner, Impressum & Daten­schutz mit Muster­texten (eRecht24)
  • Sicher­heit: internes Backup-System, Fire­wall, Spam-Schutz
  • Perfor­mance: Caching-Plugin, Bildoptimierung
  • Barrie­re­frei­heit: Elementor Ally
  • Gutschein­ver­kauf über www.gutschein.software
Website Projekt KS - Mobil-Ansicht

Projektdetails – Umsetzung

Am Anfang stand die tech­ni­sche Grund­lage. Gemeinsam mit der Kundin habe ich den passenden Hosting­partner ausge­wählt und die neue Domain gesi­chert. Anschlie­ßend rich­tete ich Word­Press inklu­sive aller benö­tigten Plugins ein und ergänzte den Page­builder Elementor, damit die Inhalte später flexibel und leicht gepflegt werden können.

Auch Sicher­heit und Daten­schutz spielten von Beginn an eine wich­tige Rolle: Ein internes Backup-System, Fire­wall und Spam-Schutz sorgen dafür, dass die Website dauer­haft stabil bleibt. Mit meiner eRecht24-Lizenz habe ich die aktu­ellen Muster­texte für Impressum und Daten­schutz erstellt und den Real Cookie Banner einge­bunden, um die Seite rechts­si­cher aufzu­stellen. Zusätz­lich kam das Plugin Elementor Ally zum Einsatz, damit die Seite barrie­rearm und zukunfts­si­cher nutzbar ist – insbe­son­dere im Hinblick auf den inte­grierten Gutscheinverkauf.

So entstand ein stabiles Funda­ment, auf dem alle weiteren Schritte sicher aufbauen konnten.

Textentwicklung & Angebotsschärfung

Die Grund­lage für Struktur und Inhalte bildeten meine Work­books für Ange­bots- und Über-mich-Seite, die die Kundin sorg­fältig ausge­füllt zurückgab. Sie lieferten nicht nur Infor­ma­tionen, sondern auch persön­liche Formu­lie­rungen und Einblicke in ihre Arbeits­weise. Auf dieser Basis habe ich die Texte für alle Seiten entwi­ckelt und anschlie­ßend geschärft – von Head­lines und Sublines bis hin zu Call-to-Actions.

Beson­ders bei den Ange­bots­seiten war es wichtig, die Leis­tungen so zu formu­lieren, dass Besu­cher schnell Antworten auf die entschei­denden Fragen finden:

  • Was genau wird angeboten?
  • Für wen ist es geeignet?
  • Wie läuft eine Zusam­men­ar­beit oder Behand­lung ab?

Ziel­grup­pen­an­sprache – Kommu­ni­ka­tion auf Augenhöhe

Die Praxis richtet sich aktuell an drei zentrale Zielgruppen:

  • Menschen mit thera­peu­ti­schem Bedarf, die Unter­stüt­zung in der Ergo­the­rapie suchen
  • Personen, die Massagen in Anspruch nehmen möchten,
  • Kund:innen, die Gutscheine erwerben möchten, um eine Behand­lung zu verschenken oder flexibel zu nutzen

Damit sich jede Gruppe ange­spro­chen fühlt, habe ich die Sprache bewusst ange­passt: empa­thisch und verständ­lich für die Ergo­the­rapie, entspan­nend und wohl­tuend für den Massa­ge­be­reich und klar und prak­tisch für den Gutscheinverkauf.

Gleich­zeitig wurde die Struktur so ange­legt, dass sich die Website künftig problemlos um weitere Bereiche wie Coaching oder Präven­ti­ons­kurse erwei­tern lässt, ohne dass die Nutzer­füh­rung neu gedacht werden muss.

So entstand eine Website, die die Viel­falt des Ange­bots klar darstellt und dennoch eine einheit­liche Sprache und Marken­stimme behält.

Website Projekt KS - Mockup Testimonials

Vertrauen schaffen – Testi­mo­nials
Vertrauen ist ein zentrales Element. Deshalb habe ich für die Kundin ein System entwi­ckelt, mit dem sie unkom­pli­ziert Rück­mel­dungen sammeln kann:

  • E‑Mail-Vorlagen für Klienten nach einer Behandlung
  • Einen QR-Code am Praxis­ein­gang, über den Bewer­tungen direkt per Smart­phone abge­geben werden können

Über einen längeren Zeit­raum entstanden so zahl­reiche Testi­mo­nials, die ich gezielt auf den einzelnen Seiten plat­ziert habe – auf der Start­seite, den Ange­bots­seiten und der Über-mich-Seite. Dadurch wird jede Seite durch echte Stimmen gestützt und wirkt glaub­würdig und nahbar.

Nutzer­füh­rung & Call-to-Actions
Damit Besu­cher sich intuitiv bewegen können, habe ich die gesamte Struktur auf eine klare Nutzer­füh­rung ausge­richtet. Von der Start­seite aus führen klare Wege zu den einzelnen Ange­boten. Jede Seite enthält eindeu­tige Hand­lungs­auf­for­de­rungen – vom Kontakt­for­mular bis hin zur Gutschein­be­stel­lung.
So entsteht eine Website, die nicht nur infor­miert, sondern Besu­cher aktiv zum nächsten Schritt begleitet.

Website Projekt KS - Mockup Workbook - Texterstellung - Über-Mich_Seite - Wireframe

Die Über-mich-Seite – Persön­lich­keit sichtbar machen
Ein beson­deres Augen­merk lag auf der Über-mich-Seite. Mit Hilfe des ausge­füllten Work­books konnte ich die persön­liche Geschichte und Haltung von Katja Sauter heraus­ar­beiten. Statt nur Fakten aufzu­listen, erzählt die Seite von ihrer Moti­va­tion, ihren Werten und davon, was ihre Arbeit einzig­artig macht.

  • Sie schafft Vertrauen, indem die Thera­peutin als Mensch erkennbar wird.
  • Sie zeigt Kompe­tenz, indem Quali­fi­ka­tionen und Erfah­rungen verständ­lich darge­stellt sind.
  • Sie vermit­telt die Philo­so­phie von Hand­lungs­kraft, die weit über Stan­dard­me­thoden hinausgeht.

Die Über-mich-Seite ist damit kein Neben­schau­platz, sondern ein zentrales Element der Website. Sie stärkt die Bezie­hung zwischen Praxis und Klient:innen und gibt Besucher:innen das Gefühl, bei der rich­tigen Person gelandet zu sein.

Gutschein­ver­kauf – praxisnah & nutzer­freund­lich
Ein zentrales Anliegen war die Möglich­keit, Gutscheine direkt über die Website zu verkaufen.
Anfangs stand eine WooCom­merce-Lösung im Raum – diese hätte aber für die Kundin, die tech­nisch wenig affin ist, zu viel Komple­xität bedeutet.

Daher habe ich verschie­dene Systeme vergli­chen und eine externe Gutschein-Soft­ware aus Öster­reich empfohlen. Vorteile:

  • DSGVO-konform, inkl. recht­li­cher Texte und Zahlungsanbieter
  • Inte­gra­tion per Script, schnell und wartungsarm
  • Einfache Verwal­tung im Dash­board: Gutscheine einlösen, Aktionen steuern, Über­blick behalten

So entstand eine Lösung, die leicht zu bedienen ist und für die Praxis echte Arbeits­er­leich­te­rung bringt.

Website Projekt KS - Mockup Gutscheinkauf-Funktion

Farbwelt mit Wirkung

Das visu­elle Funda­ment der neuen Website ist das Logo mit der stili­sierten Hand in drei Rottönen. Die Hand steht sinn­bild­lich für das aktive Tun, die Kraft und den persön­li­chen Weg, den die Kundin mit ihren Klient:innen geht. Damit dieses Element nicht zu domi­nant wirkt, habe ich es gezielt als dezentes Störer- und Scrol­ling-Element einge­bunden – sichtbar, aber nie aufdringlich.

Rot ist eine starke, emotio­nale Farbe. In zu großer Fläche wirkt sie schnell aggressiv, in kleinen Akzenten hingegen ener­gie­ge­laden und lebendig. Deshalb habe ich das Farb­kon­zept erweitert:

  • Ein warmes Beige bringt Ruhe und Natürlichkeit.
  • Ein tiefes Dunkel­blau setzt seriöse Kontraste und veran­kert das Design in Professionalität.

Das Zusam­men­spiel dieser Töne schafft eine freund­liche, vertrau­ens­volle und zugleich klare Atmo­sphäre, die perfekt zur Philo­so­phie von Hand­lungs­kraft passt.

Auch die Typo­grafie wurde konse­quent aus dem Corpo­rate Design über­nommen. Die von der Grafi­kerin gewählte Haus­schrift wurde ins Web über­tragen und mit webtaug­li­chen Schnitten und Abstu­fungen ange­passt. Damit bleibt die visu­elle Iden­tität der Praxis erhalten und wirkt auch online konsis­tent und hochwertig.

Design­part­nerin:
Das Corpo­rate Design (Logo, Farb­welt und Haus­schrift) wurde von einer externen Brand­gra­fi­kerin Nicki Schwann entwi­ckelt und gestaltet (SCHWANN DESIGN Werbe­agentur | Bran­ding & Pack­a­ging) – eine Grund­lage, die Iden­tität und Marke perfekt verbindet.

Auf zusätz­liche Icons habe ich bewusst verzichtet, um die Seite nicht zu verspielt wirken zu lassen. Statt­dessen nutzte ich Galerie-Slider für Praxis- und Ange­bots­bilder und entwi­ckelte in Canva eine Info­grafik, die die persön­liche Defi­ni­tion von Ergo­the­rapie der Kundin visuell transportiert.

Für die Foto­pro­duk­tion habe ich ein Handout für die Foto­grafin erstellt – mit Motiv­ideen, Formaten (Hoch-/Quer­format), Farb­stim­mungen und Szena­rien. So entstand eine Bild­welt, die authen­tisch, mensch­lich und klar im Ausdruck ist.

Website Projekt KS - Mockup Design und Funktionen im Einsatz

SEO, Recht, Barrierefreiheit & Sicherheit

Such­ma­schi­nen­op­ti­mie­rung, Recht­li­ches und Barrie­re­frei­heit sind die Dinge, die man nicht sieht, aber spürt – durch bessere Auffind­bar­keit, Vertrauen und eine Website, die für alle nutzbar ist.

SEO – sauber von Grund auf
Ich habe die SEO-Basis konse­quent mitge­dacht und umgesetzt:

  • Struktur & Lese­füh­rung: saubere H‑Überschriftenhierarchie, klare Abschnitts­logik, interne Verlinkungen
  • Meta-Daten: präzise Title & Descrip­tions je Seite – abge­stimmt auf Such­in­ten­tion und Klickanreiz
  • Bilder-SEO: Alt-Texte, Titel, Beschrei­bungen, Datei­namen & Kompri­mie­rung für schnelle Ladezeiten
  • Spre­chende URLs: nach­voll­zieh­bare, kurze Slugs pro Seite/​Angebot
  • Google Unter­neh­mens­profil: Texte, Leis­tungen, Öffnungs­zeiten & Bilder aktua­li­siert – für konsis­tente Sichtbarkeit

Recht & Daten­schutz – klar und konform
Mit meiner eRecht24-Lizenz habe ich Impressum und Daten­schutz­er­klä­rung erstellt (Muster­texte, keine Rechts­be­ra­tung) und den Real Cookie Banner so konfi­gu­riert, dass Drit­tin­halte kontrol­liert einge­bunden werden. Dank sauberer Doku­men­ta­tion bleibt die Seite anpassbar, falls sich recht­liche Anfor­de­rungen ändern.

Barrie­re­frei­heit – zugäng­lich von Anfang an
Über Elementor Ally und klare Gestal­tungs­prin­zi­pien (Kontraste, ausrei­chende Schrift­größen, nach­voll­zieh­bare Link­texte, Alt-Texte) wurde die Seite barrie­rearm umge­setzt. Ergebnis: Inhalte sind leichter erfassbar – für alle Nutzer:innen und auf allen Geräten.

Sicher­heit & Stabi­lität – ruhig im Hinter­grund, stark im Ernst­fall
Damit die Website zuver­lässig läuft, habe ich:

  • internes Backup-System einge­richtet (schnelle Wieder­her­stel­lung möglich)
  • Fire­wall & Login-Schutz konfiguriert
  • Spam-Schutz für Formu­lare aktiviert
  • Caching & Bild­op­ti­mie­rung für Perfor­mance umgesetzt

So bleibt die Seite schnell, sicher und wartungs­freund­lich – und die Praxis kann sich auf die Arbeit mit ihren Klient:innen konzentrieren.

Ergebnis & Wirkung
Der neue Webauf­tritt von Hand­lungs­kraft ist mehr als nur“ eine Website – er ist die digi­tale Visi­ten­karte der Praxis, die Persön­lich­keit, Klar­heit und Fach­lich­keit vereint und nach außen wirksam kommuniziert.

  • Klarer Auftritt, klare Wege: Besu­cher finden schnell zum passenden Angebot (Ergo­the­rapie, Massagen, Gutscheine).
  • Verständ­liche Ange­bots­seiten: Was bekomme ich? Für wen ist es gedacht? Wie läuft es ab? – präzise beantwortet.
  • Starke Über-mich-Seite: Persön­lich­keit sichtbar, Vertrauen spürbar – ein zentraler Faktor bei der Entscheidungsfindung.
  • Mehr Anfragen: Die Kontakt­for­mu­lare werden häufiger genutzt; die Hemm­schwelle zur Kontakt­auf­nahme sinkt durch klare CTAs.
  • Gutschein­ver­kauf inte­griert: Ein zusätz­li­cher, unkom­pli­zierter Kanal zur Neukun­den­ge­win­nung – tech­nisch schlank, recht­lich sauber.
  • Posi­tive Rück­mel­dungen: Besucher:innen loben Über­sicht­lich­keit, Sprache und Gestal­tung – die Seite fühlt sich freund­lich und profes­sio­nell“ an.
  • Zukunfts­fähig: Coaching & Präven­tion sind struk­tu­rell vorbe­reitet und lassen sich ohne Bruch ergänzen.

Fazit: Die Website arbeitet mit – für Sicht­bar­keit, Vertrauen und mess­bare Ergebnisse.

Wartung & Pflege
Eine Website ist kein stati­sches Projekt, sondern ein leben­diges System. Damit sie dauer­haft schnell, sicher und aktuell bleibt, betreue ich Hand­lungs­kraft nach dem Go-Live weiter. Das Wartungs- & Pfle­ge­paket umfasst:

  • Regel­mä­ßige Updates (Word­Press, Theme, Plugins) & Lizenzcheck
  • Backups & Sicher­heits­checks (Fire­wall, Login-Schutz, Spam-Kontrolle)
  • Perfor­mance-Pflege (Caching, Bild­op­ti­mie­rung, Datenbank-Hygiene)
  • Kleine Anpas­sungen im Alltag (Texte, Bilder, CTAs, Formulare)
  • Moni­to­ring von Formu­lar­funk­tion & Cookie-Banner

Der Vorteil für meine Kundin: Sie kann sich voll auf ihre Klient:innen konzen­trieren – während die Website im Hinter­grund zuver­lässig arbeitet und jeder­zeit einsatz­be­reit bleibt. Inter­esse an einer zuver­läs­sigen Wartung? Dann jetzt Kennen­lern­ge­spräch vereinbaren.

Katja Sauter - Ergotherapeutin - Kundenstimme
Website Projekt KS Mobil-Ausschnitt Hero Über mich Seite
Website Projekt KS Mobil-Ausschnitt Ablauf Zusammenarbeit
Website Projekt KS Mobil-Ausschnitt Zitat und Testimonial
Website Projekt KS Mobil-Ausschnitt Person Katja Sauter
Website Projekt KS Mobil-Ausschnitt Gutschein-Teaser
Website Projekt KS Mobil-Ausschnitt CTA
Website Projekt KS Mobil-Ausschnitt Kontaktseite

Deine Website könnte mehr?

Lass uns gemeinsam heraus­finden, wie wir Struktur, Design und Inhalte klarer machen.

Nadine Möller - Webdesignerin

Weitere Auszüge aus meiner Projektmappe 

Website Projekt Beispiel für Relaunch

Projektart: Website-Relaunch für zwei Zielgruppen, zwei Designwelten 

Branche: Wedding- & Busi­ness-Event­pla­nung – Hoch­zeiten, Jubi­läen und Unternehmensevents

Zum Projekt von Julia Truisi »

Deine Website-Checkliste wartet auf dich!
  • Vermeide typische Fehler
  • Behalte den Überblick bei Design, Inhalt, Technik & SEO
  • Spare Zeit und starte sicher durch
Leitfaden für Website-Optimierung: Checkliste PDF Mockup
Hol dir die 156 Checkpunkte kostenlos als PDF.
WEBSITE-CHECKLISTE GRATIS!
  • Vermeide typische Fehler
  • Behalte den Überblick bei Design, Inhalt, Technik & SEO
Leitfaden für Website-Optimierung: Checkliste PDF Mockup
156 Checkpunkte für mehr Klarheit & weniger Chaos.
Website-Checkliste gratis!
Leitfaden für Website-Optimierung: Checkliste PDF Mockup
156 Checkpunkte für mehr Klarheit & weniger Chaos.
  • Design, Inhalt, Technik & SEO
  • Als PDF zum Abhaken
Cookie Consent Banner von Real Cookie Banner