Webdesign Studio
Case Study Praxis-Website

Ergotherapie Doris Schumann

Die Website einer Ergotherapie-Praxis in St. Kanzian am Klopeiner See — ruhig, klar und für Menschen gemacht, die nicht jeden Tag im Internet unterwegs sind.

Technisch umgesetzt mit Contao
Startseite von ergotherapie-schumann.at mit Doris Schumann und der Überschrift „Doris Schumann, Ergotherapeutin in St. Kanzian am Klopeiner See"
Der Auftrag

Eine Seite mit Gesicht

Am Anfang stand eine Anfrage über das Kontaktformular: eine Seite, die Doris Schumann als Ergotherapeutin professionell zeigt — mit ihrem Fachbereich und einem einfachen Weg zum Kontakt. Eine Domain gab es noch nicht, Erfahrung mit Websites auch nicht. Ihre Patientinnen und Patienten sind vor allem Erwachsene und ältere Menschen.

  • WunschDie Person im MittelpunktKeine wechselnden Bildergalerien, sondern sie selbst — in fast jedem Abschnitt der Seite, mit eigenen Fotos.
  • WunschNicht technisch, nicht beliebigWarme Grüntöne aus dem Logo, eine Schrift mit Charakter und Texte ohne Fachjargon — damit die Seite nicht wirkt wie von der Stange.
  • WunschDer eigene Name als Adresseergotherapie-schumann.at — registriert, eingerichtet und betrieben auf einem Server in der EU, samt eigener E-Mail-Adresse.

So ist es gelaufen

  1. 18. SeptemberAnfrage und erstes TelefonatDanach eine Zusammenfassung mit Festpreis — und einer Liste, was gebraucht wird.
  2. 25. SeptemberStichworte, Logo, LieblingsseitenWerdegang und Angebot in Stichworten, dazu Websites, die ihr gefallen — und solche, die nicht.
  3. 1. OktoberDer erste EntwurfGestaltung und fertige Texte aus den Stichworten, das Logo behutsam überarbeitet — als Vorschau zum Durchklicken am Handy und am Computer.
  4. 2. OktoberFeinschliff am InhaltTexte gekürzt, damit die Seite ruhiger wirkt, und eine Antwort auf ihre Frage, was sie tun soll, wenn alle Plätze vergeben sind: ein Hinweis, den sie selbst ein- und ausschaltet.
  5. 15. OktoberEigene Fotos, finales OKDie Fotos vom eigenen Termin, behutsam in Helligkeit und Farbe nachbearbeitet — danach kam die Freigabe.
  6. OktoberUmgesetzt und onlineIn Contao umgesetzt, kurze Einschulung, eigene E-Mail-Adresse, Google-Unternehmensprofil beantragt.
Rundgang

Die Website, Abschnitt für Abschnitt

Scrollen Sie weiter: Im Fenster läuft die Website von Doris Schumann mit, daneben steht, was hinter jedem Abschnitt steckt.

Startseite: Doris Schumann, Ergotherapeutin in St. Kanzian am Klopeiner See, mit Porträtfoto, Hinweis auf die Warteliste und den Knöpfen „Jetzt anrufen" und „Nachricht schreiben"
Abschnitt „Über mich": Begrüßung, Zeitstrahl „Ausbildung & Erfahrung" von 2008 bis 2018 und zwei Leitsätze
Abschnitt „Ausgezeichnet": Innovationspreis 2018 der MTD-Austria auf dunkelgrünem Grund, mit Zitat und Links zu drei Presseberichten
Abschnitt „Ergotherapie – häufige Fragen": Foto von Doris Schumann auf einem Stuhl und fünf aufklappbare Fragen
Abschnitt „Mein Angebot": drei nummerierte Schwerpunkte Hand, Alltagskompetenz und Fit im Kopf mit je drei bis vier Punkten
Abschnitt „Was kostet Ergotherapie": Preise für 30 und 60 Minuten, Hinweis zur Kostenrückerstattung und drei Schritte zur Therapie
Abschnitt „Schreiben Sie mir": Porträt, Hinweis auf die Warteliste und Kontaktformular mit Auswahl, Name, Telefon oder E-Mail und Nachricht
Abschnitt „So finden Sie meine Praxis in St. Kanzian" mit Adresse, Zugang, Praxiszeiten und Knopf „Route planen", darunter die Fußzeile
  1. Der erste Eindruck

    Wer die Seite öffnet, sieht sofort, wer hier behandelt, für wen und wo. Anrufen oder schreiben ist einen Fingertipp entfernt. Sind alle Plätze vergeben, sagt das eine Zeile mit Hinweis auf die Warteliste — die Praxis schaltet sie selbst ein und aus.

  2. Die Person dahinter

    Vertrauen entsteht über die Person. Ein persönlicher Einstieg und ein Zeitstrahl zeigen Ausbildung und Erfahrung auf einen Blick — gepflegt als eigenes Inhaltselement, Station für Station.

  3. Die Auszeichnung

    Der Innovationspreis der MTD-Austria bekommt eine eigene, ruhige Bühne: dunkles Grün, das Thema der Masterarbeit als Zitat und Links zu den Presseberichten.

  4. Häufige Fragen

    Was ist Ergotherapie, brauche ich eine Verordnung? Die Antworten sind zugeklappt, damit die Seite ruhig bleibt — und für Google so ausgezeichnet, dass sie direkt in den Suchergebnissen erscheinen können.

  5. Das Angebot

    Drei Schwerpunkte, klar gegliedert: Hand, Alltagskompetenz und Fit im Kopf. Jeder Punkt mit einem Satz, der ohne Fachbegriffe erklärt, worum es geht.

  6. Preise ohne Rätselraten

    Was eine Einheit kostet und was die Krankenkasse zurückzahlt, steht offen auf der Seite — samt den drei Schritten von der Verordnung bis zur Rückerstattung. Das erspart Rückfragen am Telefon.

  7. Kontakt in einer Minute

    Das Formular fragt nur, was nötig ist: Telefon oder E-Mail genügt. Der Spamschutz kommt ohne Bilderrätsel aus, und jede Anfrage landet direkt bei Doris Schumann.

  8. Der Weg in die Praxis

    Adresse, Zugang, Parken und Praxiszeiten auf einen Blick. Die Route öffnet Google Maps erst auf Klick in einem neuen Fenster — vorher fließen keine Daten an Google.

Das Designsystem

Warmes Papier, viel Grün

Die Farben kommen aus dem Logo, der Hand in Grüntönen. Dazu eine Serifenschrift mit Wärme für die Überschriften und eine gut lesbare, runde Schrift für den Text.

Logo · vorher und nachher
Vorher
Ursprüngliches Logo: Hand mit Farbverlauf als Anfangsbuchstabe, Schriftzug „Ergotherapie" und darunter die Telefonnummer
Nachher
Überarbeitetes Logo: die Hand in drei Grüntönen, Schriftzug „Ergotherapie

Das Original gab es nur als Pixelbild. Die Hand ist jetzt als Vektorgrafik in drei klaren Grüntönen nachgezeichnet und in jeder Größe scharf. Der Schriftzug steht in der Schrift der Website, und statt der Telefonnummer steht der Name im Logo. Die Hand kehrt auf der Seite als blasses Wasserzeichen wieder.

Farben
Waldgrün
#2B5010
Primär · Knöpfe & Akzente
Blattgrün
#437D16
Logo & Auszeichnungen
Lindgrün
#82B94B
Formen & Hervorhebungen
Maigrün
#B1D985
Flächen & Kreise
Papier
#FBF8F2
Grundfläche
Sand
#F4EEE3
Abschnitte im Wechsel
Typografie · in Originalgröße
LiterataÜberschriften, Leitsätze, Kennzeilen · Light, Regular, Medium, kursiv
RubikFließtext, Hervorhebungen, Knöpfe · Light, Regular, Medium
KennzeileLiterata Regular kursiv21 / 34 pxHandy 18 / 29 px

Über mich

ÜberschriftLiterata Medium52 / 61 pxHandy 33 / 38 px

Hallo, ich bin Doris Schumann.

LeitsatzLiterata Light52 / 60 pxHandy 29 / 34 px

Die Stärken stärken.

EinleitungLiterata Light34 / 44 pxHandy 24 / 31 px

Seit 2011 bin ich Ergotherapeutin – und am liebsten arbeite ich direkt mit den Menschen.

ZwischentitelLiterata Medium28 / 33 pxHandy 22 / 26 px

Ausbildung & Erfahrung

HervorhebungRubik Medium22,5 / 36 pxHandy 20 / 33 px

Grob- und Feinmotorik

FließtextRubik Regular20 / 32 pxHandy 18 / 29 px

Mich interessiert zuerst, was Ihnen wichtig ist und wo Ihre Stärken liegen. Von dort aus suchen wir Lösungen, die zu Ihrem Leben passen.

Der Fließtext ist mit 20 px und 1,6-facher Zeilenhöhe bewusst größer als die üblichen 16 px — für eine Zielgruppe, in der nicht jeder gut sieht. Wer mehr braucht, stellt Schriftgröße und Kontrast im eingebauten Bedienfeld selbst ein. Beide Schriften liegen auf dem eigenen Server: kein Abruf bei Google, kein zusätzlicher Datenschutz-Hinweis.

Technik

Einfach zu pflegen, sauber gebaut

Eine Praxis hat keine IT-Abteilung. Deshalb ist die Technik so gebaut, dass sie im Alltag nicht auffällt — und die Pflege so, dass man nichts falsch machen kann.

Contao als Redaktionssystem

Texte, Preise, Praxiszeiten und Hinweise wie die Warteliste ändert die Praxis selbst — ohne Programmierkenntnisse.

Eigene Inhaltselemente

Zeitstrahl, Schwerpunkte, Preise, Ablauf und Fragen sind eigene Bausteine mit klaren Feldern statt Freitext. So kann beim Pflegen nichts verrutschen.

Betrieb in der EU

Website und E-Mail laufen auf einem Server von NEO Digital in der EU, die Website abgeschottet in einem eigenen Container. Jedes Update lässt sich so vorab vollständig testen.

Datenschutz zuerst

Schriften liegen auf dem eigenen Server, Statistik startet erst nach Einwilligung, die Karte erst auf Klick.

Gemessen, nicht behauptet

Barrierefreiheit: 100 von 100

Echte Ergebnisse von Google PageSpeed Insights. Für eine Praxis, deren Patientinnen und Patienten oft älter sind, ist die volle Punktzahl bei der Barrierefreiheit kein Schmuck, sondern die Voraussetzung.

Auch für KI-Agenten lesbar

Wow, die Seite schaut richtig, richtig schön aus. Ein Wahnsinn. Ich hab voll die Freude damit.

Doris Schumann, BSc, MSc · zum ersten Entwurf
Ihr Auftritt

Ihre Praxis, Ihr Betrieb — Ihre Website.

Persönlich geplant, gestaltet und gebaut — und so eingerichtet, dass Sie Texte und Bilder danach selbst pflegen.