Zum Inhalt
← Rezepte
Alle Rezepte

Tierarztpraxis: zugewandt und klar

Tierarztpraxis / Kleintierpraxis / Tierklinik / Pferdepraxis / mobile Tierärztin

Wer eine Tierarztseite öffnet, hat oft ein krankes Tier: Notdienst und heutige Sprechzeiten stehen deshalb im ersten Blick auf einer Karte im Foto, mobil in der unteren Leiste. Danach Tierarten mit dem ehrlichen Satz, was die Praxis nicht behandelt, Leistungen mit Antwort zuerst, Termin oder offene Sprechstunde, der erste Besuch, Kosten nach GOT verständlich, Team und Anfahrt. Young Serif rund und warm für Überschriften, Onest für Text. Hafer, Salbei und Tannengrün, ein Kürbiston nur für Termin und Anrufen. Signatur: eine kleine gezeichnete Figur, die in Rückruf-Formular, Leerzuständen und auf der Fehlerseite mitreagiert, nie im Notfallbereich. Eigenes Rezept statt der Variante Tierarztpraxis in praxis-gesundheit-ruhig, weil Tierhalter:innen eine wärmere Welt und andere Wege brauchen als Patient:innen.

Bauplan tokens.css Alle Techniken Beispielseite

Schrift

Zugewandt und klar

Wer eine Tierarztseite öffnet, hat oft ein krankes Tier: Notdienst und heutige Sprechzeiten stehen deshalb im ersten Blick auf einer Karte im Foto, mobil in der unteren Leiste.

Headline
Young Serif
Text
Onest

Farbe

  • #F4EFE6
  • #1F2421
  • #DCE4DA
  • #23403A
  • #B4491B
  • #5C625D
  • #CFD3C9

Bewegung

cubic-bezier(0.16, 1, 0.3, 1)
Dauer
150 (Hover, Farbe), 300 (Reiter, Akkordeon, Dialog öffnen), 200 (schließen), 200 (Zustandswechsel der Figur), 2400 (Atmen der Figur, nur im Formular)

Aufbau der Seite

SignaturFiguren-/Maskottchen-Zustände

HeroFoto-Hero mit Leiste, Karte oder Weiche · Karte

  1. Notfall? (auf jeder Seite erreichbar: eigene Notdienstzeiten mit Nummer oder der regionale tierärztliche Notdienst; Notdienstgebühr und Reihenfolge nach Dringlichkeit vorab gesagt; an Feiertagen als seitenweite Leiste)Öffnungszeiten mit Live-Status · HinweisleisteNotdienst mit Plan und Verweis · Tierarzt im Notdienstring
  2. Tierarten (Reiter Hund und Katze, Heimtiere, Vögel und Reptilien, Pferd; je Reiter was behandelt wird und der ehrliche Satz, was nicht, mit Hinweis, wohin man sonst geht)Tabs und Segmente mit Pfeiltasten · Automatisch
  3. Leistungen (Vorsorge und Impfung, Kastration, Zahnbehandlung, Chirurgie, Röntgen und Ultraschall, Labor, Ernährungsberatung; je Leistung eine Unterseite, Antwort zuerst: was gemacht wird, wie lange, ungefährer Kostenrahmen nach GOT)Akkordeon mit Höhenanimation auf auto · LeistungslisteLeistungsseite: Antwort zuerst · Praxis
  4. Termin oder offene Sprechstunde (Buchungs-Widget erst nach Klick, Grund des Besuchs als Auswahl, Telefon daneben; offene Sprechstunde mit Zeiten)Termin-Buchung per 2-Klick-Einbettung · Vorauswahl
  5. Der erste Besuch (Impfpass und Vorbefunde mitbringen, Katzen in der Transportbox, nüchtern vor Narkosen, getrennter Wartebereich nur, wenn es ihn gibt; Ablauf in vier Schritten)Prozess-/Timeline-Sektion mit wachsender Linie
  6. Was kostet das? (GOT verständlich: Gebührenrahmen, Notdienst mit erhöhtem Satz und Notdienstgebühr, Kostenvoranschlag vor größeren Eingriffen, Zahlung, Tierkrankenversicherung; Ratenzahlung nur mit allen Pflichtangaben)Akkordeon mit Höhenanimation auf auto · FAQFinanzierung mit Pflichtangaben und Warnhinweis · Ratenrechner
  7. Team (Tierärzt:innen und TFA mit Foto, Schwerpunkt, Sprachen; eigene Tiere nur, wenn sie mögen)Team-/Über-mich-Layout mit Porträt-Interaktion · Raster
  8. Person-Detailseite (je Person eine Seite, aufgerufen aus dem Team: Tierärztin oder TFA mit Schwerpunkt, Tierarten, Zusatzqualifikation, Sprachen und Sprechtagen; Notdienst-Hinweis zuerst; Foto nur echt und mit Einwilligung, sonst markierter Platzhalter)Personen-Detailseite · Ärztin
  9. Stimmen (sachlich über Umgang, Erklärung und Wartezeit, nie über Heilerfolge; Google-Bewertungen nur mit Echtheitshinweis)Testimonials neu gedacht · ReihePlattform-Bewertungen mit Echtheitshinweis · Kopfzeilen-Pille
  10. Rückruf und Frage (Name, Telefon, Tierart, Anliegen als Auswahl; Befunde und Bilder nicht über das Formular; die Figur reagiert auf Eingabe, Senden und Erfolg; im Notfall Telefon statt Formular)Figuren-/Maskottchen-ZuständeKontakt- und Anfrageformular als eigene Sektion · Anfrage-SektionFehlerzusammenfassung im Formular · Kompakt über dem Knopf
  11. Praxis, Sprechzeiten, Anfahrt (Sprechzeiten mit Status, Parken vor der Tür, Eingang für Hunde und Boxen als Skizze, Hausbesuche und Einzugsgebiet bei Pferden; Karte per 2-Klick)Öffnungszeiten mit Live-Status · KarteKarte per 2-Klick (Anfahrt ohne vorab geladene Karte) · LageskizzeFirmendaten aus einer Quelle · Zahnarztpraxis
  12. Arbeiten bei uns (TFA, Tierärzt:in, Ausbildung; Notdienste und Wochenenden ehrlich)Stellenliste mit Kurzbewerbung · Wenige Stellen
  13. Erklärung zur Barrierefreiheit (eigene Seite; bei Online-Termin nach BFSG prüfen lassen)Seite „Barrierefreiheit“ als Vorlage · Informationen nach BFSG

Nicht verwenden

Regeln
  • Erster Bildschirm: Praxisfoto mit Notdienst-Karte (heute geöffnet bis, Notdienst heute, Gebührenhinweis), Termin und Anrufen. Mobil untere Leiste Anrufen / Notdienst / Termin.
  • Signatur (maskottchen-zustaende): eine kleine, gezeichnete Figur (Hund oder Katze, in Tannengrün und Kürbis) nur im Rückruf-Formular, in Leerzuständen und auf der Fehlerseite. Zustände: wartet, schaut zum aktiven Feld, freut sich nach dem Senden, ist traurig bei Fehlern, aber nie spöttisch. Nie im Notfallbereich, nie über Inhalten, keine Dauerschleife; bei reduzierter Bewegung eine ruhige Pose.
  • Notdienst: eigene Notdienstzeiten mit Nummer oder der Verweis auf den regionalen tierärztlichen Notdienst; vorab sagen, dass im Notdienst mindestens der zweifache Gebührensatz und eine Notdienstgebühr anfallen (GOT) und die Reihenfolge nach Dringlichkeit geht. Beträge vom Kunden prüfen lassen.
  • Tierarten ehrlich: Je Reiter, was nicht behandelt wird und wohin man stattdessen geht.
  • Kosten nach GOT: Gebührenrahmen und Beispiele mit Stand-Datum, Kostenvoranschlag vor größeren Eingriffen; Ratenzahlung nur mit effektivem Jahreszins und Warnhinweis direkt dabei (finanzierung-pflichtangaben, ab 20.11.2026).
  • Heilmittelwerbegesetz und Arzneimittel: keine Heilversprechen, keine Erfolgsquoten, keine Werbung für verschreibungspflichtige Tierarzneimittel gegenüber Tierhalter:innen (§ 10 HWG, Tierarzneimittelrecht); Stimmen nur über Umgang und Service. Vom Kunden prüfen lassen.
  • Formular ohne Befunde: Name, Telefon, Tierart, Anliegen als Auswahl; Befunde und Röntgenbilder über einen sicheren Weg, nicht per Formular. Im Notfall Telefon zuerst.
  • Fotos von Tieren der Kundschaft nur mit Einwilligung der Halter:innen, Personen erkennbar nur mit eigener Einwilligung.
  • Impressum mit Berufsbezeichnung, zuständiger Tierärztekammer, Aufsichtsbehörde und Link zur Berufsordnung; firmendaten-strukturiert als VeterinaryCare. Vom Kunden prüfen lassen.
  • Knöpfe: Kürbis gefüllt (fuellung-vom-eintrittspunkt, Variante basis) für Termin und Anrufen; Nebenwege als ruhiger Textlink mit Pfeil (pfeil-icon-button, Variante linie). Alle Zustände nach button-zustaende.
Bild und Ton
  • Licht: Helles Tageslicht im Behandlungsraum, warm, nicht klinisch kalt.
  • Ausschnitt: Hände am Tier, Tier auf Augenhöhe, Team in der Halbtotale; keine OP-Szenen mit Blut.
  • Personen: Ja: Team mit Einwilligung; Tiere der Kundschaft nur mit Einwilligung der Halter:innen.
  • Formate: 3:2, 4:5, 1:1
  • Nicht: Keine Stockfotos mit Welpen und Stethoskop, keine verletzten Tiere, keine Vorher-nachher-Bilder.
  • Anrede: Sie
  • Sätze: Kurz und beruhigend, konkret: was jetzt zu tun ist, was es kostet, wie lange es dauert.
  • Haltung: Zugewandt wie am Empfang, ehrlich bei Kosten und Grenzen.
  • Tonproben: Notdienst heute bis 22 Uhr. Bitte rufen Sie vorher an., Reptilien behandeln wir nicht. Die nächste Fachpraxis ist [Name] in [Ort].
  • Nicht schreiben: „Ihr Liebling in besten Händen“, „wir heilen“, Verniedlichungen bei ernsten Themen.
Hero, Raum und Form
  • Hero-Raster: Foto randlos über 12 Spalten; Notdienst-Karte unten links über Spalte 1 bis 5; H1 und Wege oben links; mobil Foto oben, Karte darunter in voller Breite.
  • Hero-Bild: Echtes Praxisfoto mit Tier und Team, 3:2 Desktop, 4:5 mobil.
  • Überschrift: clamp(2.25rem, 1.4rem + 3.6vw, 4rem), Young Serif; Praxisname oder ein Satz zur Praxis, kein Label darüber.
  • Handlung: „Termin“ (Kürbis gefüllt) und „Anrufen“ als tel:-Link mit sichtbarer Nummer.
  • Zusatz: Notdienst-Karte in Tanne mit Status und Gebührenhinweis; mobil untere Leiste Anrufen / Notdienst / Termin.
  • Sektionsabstand: clamp(64px, 8vw, 120px)
  • Dichte: mittel
  • Raum: Ruhig und übersichtlich: Sprechzeiten dicht, Tierarten mit großzügigen Reitern, Notdienst-Karte mit 24 px Innenabstand.
  • Spalten: 12
  • Maximale Breite: 1240px
  • Raster: Hero-Foto über 12 Spalten mit Karte unten links über 5 Spalten. Leistungen als zweispaltige Liste, Formular 6/6 mit der Figur rechts.
  • Radius klein: 8px
  • Radius groß: 20px
  • Schatten: keiner
  • Form: Weich gerundet, freundlich; Notdienst-Karte mit 20 px Radius in Tanne.
Vorbilder