Zum Inhalt
← Rezepte
Alle Rezepte

Pflegedienst: Nähe und Klartext

Ambulanter Pflegedienst / Tagespflege / Alltagshilfe und Betreuung

Zwei Türen auf einer Seite: Angehörige, die schnell wissen müssen, ob der Dienst zu ihnen kommt und was die Kasse zahlt, und Pflegekräfte, die ihre Bewerbung in einer Minute abschicken wollen. Die größte Schrift und die einfachste Sprache aller Rezepte, echte Gesichter mit Namen und Durchwahl, ein warmes Pflaume statt Klinikblau, Sonnengelb nur für Anrufen, Anfragen und Bewerben. Bewegt wird nur, was jemand selbst öffnet.

Bauplan tokens.css Alle Techniken

Schrift

Nähe und Klartext

Zwei Türen auf einer Seite: Angehörige, die schnell wissen müssen, ob der Dienst zu ihnen kommt und was die Kasse zahlt, und Pflegekräfte, die ihre Bewerbung in einer Minute abschicken wollen.

Headline
Literata
Text
Hanken Grotesk

Farbe

  • #FAF7F2
  • #1F1B16
  • #5B2A4A
  • #FFC845
  • #FFF1CC
  • #4A443D
  • #D8D0C4

Bewegung

cubic-bezier(0.16, 1, 0.3, 1)
Dauer
150 (Farbe, Hover), 300 (Akkordeon, Menü, PLZ-Antwort, Dialog öffnen), 200 (schließen); Fokusring ohne Übergang

Aufbau der Seite

SignaturEckenformen mit corner-shape (Squircle, Scoop, Notch, Bevel)

HeroFoto-Hero: echtes Foto, ein Satz, ein Weg · Split

  1. Kommen wir zu Ihnen? (Postleitzahl zuerst: Ja, Nein mit Hinweis auf den Pflegestützpunkt, oder „Bitte anrufen“; die Orte zusätzlich als Text; danach Anfrage in kurzen Schritten: wer braucht Hilfe, wobei, ab wann, beste Zeit für den Rückruf)Mehrschritt-Anfrage mit Zusammenfassung · PLZ zuerstFehlerzusammenfassung im Formular · Kompakt über dem KnopfValidierung erst nach Interaktion
  2. Wobei wir helfen – nach Lebenslage („Nach dem Krankenhaus“, „Wenn der Alltag schwer wird“, „Wenn Angehörige Pause brauchen“; Fachwort in Klammern; jede Lage mit eigener Unterseite, Antwort zuerst)Akkordeon mit Höhenanimation auf auto · LeistungslisteLeistungsseite: Antwort zuerst · Praxis
  3. Was kostet das, was zahlt die Kasse? (Leistungen nach Pflegegrad als Tabelle mit Stand-Datum und Quelle, zwei bis drei Rechenbeispiele in Euro, Hilfe beim Antrag)Akkordeon mit Höhenanimation auf auto · FAQ
  4. So beginnt die Pflege (Anruf oder Rückruf → Besuch zu Hause → Kostenvoranschlag → feste Bezugspersonen)Prozess-/Timeline-Sektion mit wachsender Linie
  5. Ihre Ansprechpersonen (Pflegedienstleitung und Büro mit Foto, Name, Aufgabe, Durchwahl, Sprachen; bis etwa fünf Personen Variante statement, darüber raster)Team-/Über-mich-Layout mit Porträt-Interaktion · Statement-Satz
  6. Tagespflege (nur bei eigenem Haus: Tagesablauf, Fahrdienst, Probetag, Räume, Zeiten)Natives CSS-Karussell (Scroll-Snap, Scroll-Buttons, Scroll-Marker) · Vollbild-BühneÖffnungszeiten mit Live-Status · Termin
  7. Stimmen und Bewertungen (Google-Profil mit Stand-Datum und Echtheitshinweis; Stimmen von Angehörigen nur mit Freigabe)Plattform-Bewertungen mit Echtheitshinweis · Kopfzeilen-Pille
  8. Arbeiten bei uns – zweite Startseite (Stellen offen mit Stunden, Touren, Gehalt oder Tarif, Dienstwagen; Bewerbung in einer Minute mit fünf Fragen, ohne Anschreiben; Kennenlernen oder Probetag; ab vier Stellen mit Filter)Stellenliste mit Kurzbewerbung · Viele StellenMehrschritt-Anfrage mit Zusammenfassung · RingFehlerzusammenfassung im Formular · Kompakt über dem Knopf
  9. Kontakt und Anfahrt (Rückruf-Formular mit drei Feldern, Telefon mit Erreichbarkeit und Notfallnummern, Büro-Adresse als Text, Karte per 2-Klick; ab zwei Standorten als Liste)Kontakt- und Anfrageformular als eigene SektionÖffnungszeiten mit Live-Status · KarteKarte per 2-Klick (Anfahrt ohne vorab geladene Karte) · KartenbildStandortfinder als Liste · Nur ListeFirmendaten aus einer Quelle · Kfz-Werkstatt
  10. Zwei Wegweiser zum Schluss („Pflege anfragen“ / „Arbeiten bei uns“) mit Telefonnummer – dieselben Wegweiser wie im HeroEckenformen mit corner-shape (Squircle, Scoop, Notch, Bevel) · Freie Formen
  11. Barrierefreiheit (eigene Seite nach EU-Muster als freiwilliger Aufbau; die Seite hält 200 % Zoom, 320 px Breite und erhöhte Textabstände; Kontrastmodus geprüft)Seite „Barrierefreiheit“ als Vorlage · ErklärungZoom- und textabstandfestes LayoutKontrastmodus und contrast-color()

Nicht verwenden

Regeln
  • Erster Bildschirm: echtes Foto, ein Satz mit Leistung und Orten, Telefonnummer groß mit Erreichbarkeit, zwei Wegweiser „Pflege anfragen“ und „Arbeiten bei uns“, darunter „Kommen wir zu Ihnen?“ mit Postleitzahl.
  • Größte Schrift aller Rezepte: Fließtext mindestens 1.25rem (20 px), Zeilenhöhe 1.6, höchstens 60ch; Knöpfe 1.25rem und mindestens 56 px hoch; keine Schrift unter 1rem.
  • Einfache Sprache: Sätze mit höchstens 15 Wörtern, Sie-Form, ein Gedanke pro Satz; Alltagswort zuerst, Fachwort in Klammern („Hilfe beim Waschen (Grundpflege)“); keine Abkürzungen wie SGB oder PG ohne Erklärung.
  • Zwei Zielgruppen, zwei Wege: Angehörige und Pflegebedürftige zuerst; „Arbeiten bei uns“ als zweite Startseite mit eigenem Punkt in der Navigation und als Wegweiser im Hero, nie zwischen Leistungen versteckt. Navigation mit höchstens fünf Punkten, ohne Untermenüs.
  • Einzugsgebiet zuerst klären: Postleitzahl mit drei Antworten (Ja; Nein, mit Hinweis auf den Pflegestützpunkt; „Bitte anrufen“), die Orte zusätzlich als Liste im Text (Home Instead führt die Postleitzahlen offen).
  • Kosten offen: was die Pflegekasse je Pflegegrad zahlt, als Tabelle in Tabellenziffern mit „Stand: Monat Jahr“ und Quelle, dazu zwei bis drei Rechenbeispiele in Euro (wie Home Instead UK mit Wochenbeispielen, Careship mit Budgets je Pflegegrad). Beträge kommen vom Kunden und werden bei jeder Reform geprüft.
  • Menschen statt Marke: Pflegedienstleitung und Büro mit Foto, Name, Aufgabe und Durchwahl. Feste Bezugspersonen und feste Touren nur versprechen, wenn der Dienst so arbeitet (wie BESSER UMSORGT).
  • Bewerbung in einer Minute: höchstens fünf kurze Fragen (Beruf, Stunden, Führerschein, Ort, Telefon), kein Anschreiben, kein Lebenslauf, Unterlagen später; danach Rückruf und Kennenlernen oder Probetag. Jede Stelle nennt Stunden, Gehalt oder Tarif, Dienstwagen und Tourenzeiten; Stellen mit (m/w/d).
  • Gesundheitsdaten nicht abfragen: Anfrage ohne Diagnose, Pflegegrad nur als freiwillige Auswahl; Datenschutzhinweis direkt am Formular; Bewerberdaten getrennt behandeln (vom Kunden prüfen lassen).
  • Pflichtangaben und Recht (Leitfaden 8a): Impressum mit Träger und Vertretungsberechtigten, weitere Pflichtangaben (z. B. zur Zulassung durch die Pflegekassen) vom Kunden prüfen lassen; im Footer „Bei Lebensgefahr: 112“ und die Nummer für Notfälle außerhalb der Bürozeiten, falls es sie gibt. Claude schreibt keine Rechtstexte.
  • Fotos von Pflegebedürftigen nur mit ausdrücklicher Einwilligung und in würdiger Lage; lieber Team, Dienstwagen, Büro und Tagespflege-Räume.
  • Bewegung nur, wo etwas auf- oder zugeht (Akkordeon, Menü, PLZ-Antwort, Dialog): öffnen 300 ms, schließen 200 ms. Keine Einblendungen beim Scrollen, nichts bewegt sich von selbst.
  • Wegweiser-Knöpfe (corner-shape-eckenformen, Variante formen) zeigen mit der Spitze in die Richtung ihres Wegs; wo border-shape fehlt, greift der clip-path-Rückfall. Der Fokusring liegt außen auf einem eigenen Rahmen, damit der Zuschnitt ihn nicht abschneidet; die Beschriftung trägt die Aussage, nicht die Form.
  • Gelbe Knöpfe auf hellem Grund mit 2 px Rand in Textfarbe (Nicht-Text-Kontrast 3 : 1), auf Pflaume ohne Rand. Die untere Mobilleiste (mobile-bottom-navigation) zeigt Anrufen, Rückruf, Anfahrt und verdeckt das Consent-Banner nicht.
  • Die Seite hält 200 % Zoom, 320 px Breite und erhöhte Textabstände ohne Abschneiden (zoom-und-textabstand-robust); Kontrastmodus prüfen (kontrastmodus-forced-colors).
Bild und Ton
  • Licht: Warmes Tageslicht, ruhig.
  • Ausschnitt: Pflegekraft im Gespräch, beim Hausbesuch oder am Dienstwagen; Büro und Räume der Tagespflege.
  • Personen: Ja: Team mit Namen und Durchwahl; Pflegebedürftige nur mit ausdrücklicher Einwilligung und in würdiger Lage.
  • Formate: 3:2, 4:5
  • Nicht: Keine Stockfotos von Händen, die Hände halten, keine Rollstuhl-Klischees, kein Klinikblau, kein Video.
  • Anrede: Sie
  • Sätze: Höchstens 15 Wörter je Satz, ein Gedanke pro Satz, Alltagswort zuerst und Fachwort in Klammern.
  • Haltung: Nah und verlässlich. Angehörige zuerst; Bewerber:innen bekommen eine eigene Tür.
  • Tonproben: Wir helfen beim Waschen und Anziehen (Grundpflege)., Rufen Sie uns an. Frau [Name] berät Sie.
  • Nicht schreiben: „Pflege mit Herz“, „ganzheitlich“, Abkürzungen wie SGB oder PG ohne Erklärung, hochgezählte Kundenzahlen.
Hero, Raum und Form
  • Hero-Raster: 12 Spalten: Text über Spalte 1 bis 6, Foto über 7 bis 12; mobil Text zuerst, Foto darunter.
  • Hero-Bild: Echtes Teamfoto, 3:2 oder 4:5.
  • Überschrift: clamp(2.5rem, 1.8rem + 3vw, 4rem), Literata 600, oben links.
  • Handlung: Zwei Wegweiser „Pflege anfragen“ (Sonnengelb mit 2px Rand) und „Arbeiten bei uns“ (Pflaume), mindestens 56 px hoch, untereinander auf dem Telefon.
  • Zusatz: Telefonnummer 1.5rem 700 als tel:-Link mit Erreichbarkeit; darunter das Feld „Kommen wir zu Ihnen?“ mit Postleitzahl.
  • Sektionsabstand: clamp(64px, 8vw, 120px)
  • Dichte: luftig
  • Raum: Großzügig für große Schrift: kein Abstand unter 8 px, Knöpfe mindestens 56 px hoch, Absatzabstand 1em. Hält 200 % Zoom und erhöhte Textabstände.
  • Spalten: 12
  • Maximale Breite: 1200px
  • Raster: Höchstens zwei Spalten nebeneinander, mobil eine. Text auf 60ch. Navigation mit höchstens fünf Punkten ohne Untermenü.
  • Radius klein: 8px
  • Radius groß: 12px
  • Schatten: keiner
  • Form: Wegweiser-Knöpfe zeigen mit der Spitze in ihre Richtung (corner-shape-eckenformen, Variante formen), mit clip-path-Rückfall; Fokusring außen auf eigenem Rahmen.
Vorbilder