Zum Inhalt
← Rezepte
Alle Rezepte

Hundeschule und Tierbetreuung: draußen, klar, freundlich

Hundeschule / Hundetrainer:in / Hundetagesstätte / Hundepension / Gassi-Service / Hundesalon (Tierbetreuung mit Erlaubnis nach § 11 TierSchG)

Hundehalter:innen wollen wissen: Welcher Kurs passt zu meinem Hund, wann ist der nächste Termin, gibt es noch Plätze, wie arbeitet ihr? Deshalb stehen Kurse mit freien Plätzen gleich nach dem Hero, die Haltung zur Methode ist ehrlich und konkret (belohnungsbasiert, ohne Stachel-, Würge- oder Elektrohalsband), Trainer:innen mit Qualifikation und Erlaubnis, Preise als Kurs- und Mehrfachkarten, dazu Tagesstätte und Pension mit Probetag. Anybody mit breiter Achse für Überschriften, Zalando Sans für Text. Kies, Taubenblau und Dämmerblau, Apportiergelb nur für „Anmelden“. Signatur: mit Hundeaugen. Hunde sehen vor allem Blau und Gelb; Kursbilder und Trainer:innen stehen in diesem Duoton und bekommen beim Zeigen (auf dem Telefon in der Bildmitte) ihre volle Farbe zurück (graustufen-zu-farbe). Die Palette folgt derselben Idee: kein Grün, kein Rot.

Bauplan tokens.css Alle Techniken

Schrift

Draußen, klar, freundlich

Hundehalter:innen wollen wissen: Welcher Kurs passt zu meinem Hund, wann ist der nächste Termin, gibt es noch Plätze, wie arbeitet ihr?

Headline
Anybody
Text
Zalando Sans

Farbe

  • #F3F1EC
  • #1B1F2A
  • #DCE3F0
  • #1F2F5C
  • #F2C230
  • #585E6B

Bewegung

cubic-bezier(0.34, 1.56, 0.64, 1)
Dauer
150 (Hover, Farbe), 400 (Knopf und Häkchen federn), 300 (Reiter, Akkordeon, Dialog öffnen), 200 (schließen), 500 (Duoton wird Farbe), 800 (Seitenwechsel als Kreis vom Bild, zurück 540)

Aufbau der Seite

SignaturGraustufen zu Farbe / Duoton-Bildbehandlung

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

  1. Kurse und nächste Termine (Welpen, Junghunde, Alltag, Mantrailing, Agility, Einzeltraining; Filter nach Alter und Thema; freie Plätze und Warteliste nur aus echter Quelle)Wochen-Kursplan mit Live-Status · Yoga- und FitnessstudioGraustufen zu Farbe / Duoton-Bildbehandlung · HundeblickGanze Karte klickbar
  2. Kurs-Detailseite (je Kurs eine Seite: Alter, Voraussetzungen, Termine, Treffpunkt, Gruppengröße, Preis, Mitbringen, Anmeldung; Vergangenes mit Hinweis statt Fehlerseite)Veranstaltung: Detailseite mit Zuständen · Ticket
  3. Haltung und Methoden (belohnungsbasiert, ohne Stachel-, Würge- oder Elektrohalsband; was wir nicht machen und wohin man sonst geht; Erlaubnis nach § 11 TierSchG und Qualifikation)Split-Screen mit Sticky-Seite (eine Seite steht, andere scrollt) · Sticky-Medium
  4. Welpengruppe: so läuft es (Alter, Impfungen, Gruppengröße, Spiel und Training im Wechsel; vier Schritte vom Kennenlernen bis zur Gruppe)Prozess-/Timeline-Sektion mit wachsender Linie · Unterstrich je Schritt
  5. Preise und Karten (Kurs, Einzelstunde, Mehrfachkarte, Hausbesuch mit Anfahrt; Endpreise inkl. MwSt.)Preisseite: Endpreise, Rechenweg, Vergleich · Kurskarte
  6. Tagesstätte und Pension (Probetag, Impfpass, Haftpflicht, Gruppengröße, Ruhezeiten, Bring- und Abholzeiten; freie Plätze im Monat nur aus echter Quelle)Wunschtermin mit freien Terminen und Anfrage-Übergabe · MonatskalenderÖffnungszeiten mit Live-Status · Kopfzeile
  7. Trainer:innen (Foto im Duoton, Schwerpunkte, Qualifikation, eigener Hund nur, wenn gewünscht)Team-/Über-mich-Layout mit Porträt-Interaktion · Raster
  8. Person-Detailseite (je Trainer:in eine Seite: Spezialgebiete, Kurse, Ausbildung mit Nachweis, Preis ab, du-Ton erlaubt)Personen-Detailseite · Stylistin
  9. Stimmen (über Training, Umgang und Fortschritt, nie über Heilung von Verhaltensproblemen; Google-Bewertungen nur mit Echtheitshinweis)Testimonials neu gedacht · Masonry-WandPlattform-Bewertungen mit Echtheitshinweis · Band unter dem Hero
  10. Anmeldung (Hund: Name, Alter, Rasse freiwillig → Kurs oder Probetag → Kontakt; Fehlerliste; Bestätigung mit Treffpunkt und Mitbringliste)Mehrschritt-Anfrage mit Zusammenfassung · SchrittleisteFehlerzusammenfassung im Formular · ListeDanke-Seite: was jetzt passiert · Fester Termin
  11. Trainingsgelände und Anfahrt (Treffpunkt, Parken, eingezäunte Fläche, Wasser, Unterstand als Skizze; Adresse als Text)Karte per 2-Klick (Anfahrt ohne vorab geladene Karte) · Lageskizze
  12. Vertrag widerrufen, kündigen und Barrierefreiheit (bei Online-Kursbuchung und Monatsverträgen der Tagesstätte; Footer und mobiles Menü, ohne Login)Widerrufs- und Kündigungs-Button · RichtigSeite „Barrierefreiheit“ als Vorlage · Informationen nach BFSG

Nicht verwenden

Regeln
  • Erster Bildschirm: Foto vom Gelände in Farbe, H1, ein Satz zur Haltung, „Anmelden“ und Telefon; direkt darunter die nächsten Kurse mit freien Plätzen. Mobil Knopf Anrufen / Anmelden.
  • Signatur (graustufen-zu-farbe): nur Kurs-, Trainer- und Haltungsbilder im Blau-Gelb-Duoton, nie das Hero-Foto und nie Bilder, deren Farbe etwas erklärt (Gelände-Skizze, Impfpass). Eine Zeile erklärt das Duoton einmal. Bei reduzierter Bewegung alle Bilder in Farbe.
  • Haltung konkret: Methoden benennen (Belohnung, Markersignal) und Hilfsmittel, die nicht verwendet werden (Stachel-, Würge-, Elektrohalsband, Leinenruck). Kein Versprechen zu Dauer oder Erfolg.
  • Erlaubnis nach § 11 TierSchG (Ausbildung von Hunden für Dritte bzw. Halten von Tieren für Dritte in Tagesstätte oder Pension) mit zuständigem Veterinäramt als Aufsichtsbehörde im Impressum (§ 5 DDG). Landesrechtliche Sachkundeprüfungen oder Hundeführerscheine nur nennen, wenn die Schule dafür anerkannt ist. Vom Kunden prüfen lassen.
  • Teilnahmebedingungen sichtbar vor der Anmeldung: Impfungen, Haftpflicht der Halter:in, Läufigkeit, kranke Hunde, Rücktritt und Ausfall. Bei Online-Kursbuchung und Monatsverträgen der Tagesstätte Widerruf und Kündigung im Footer ohne Login (widerruf-und-kuendigung-schaltflaeche); ob ein Widerrufsrecht besteht, klärt der Betrieb. Vom Kunden prüfen lassen.
  • Verhaltensberatung ist keine Therapie: Verhaltensmedizin und Medikamente gehören zur Tierärztin; bei Verdacht auf Schmerzen oder Krankheit dorthin verweisen.
  • Fotos von Hunden der Kundschaft nur mit Einwilligung der Halter:innen, Personen erkennbar nur mit eigener Einwilligung.
  • Knöpfe: Apportiergelb mit 2 px Rand in Textfarbe (button-zustaende) für Anmelden; Nebenwege als Konturpille, bei der der Kreis wandert (pfeil-icon-button, Variante seitenwechsel).
Bild und Ton
  • Licht: Draußen, Tageslicht, gern Gegenlicht am Morgen; kein Studio.
  • Ausschnitt: Augenhöhe des Hundes, Hund und Mensch in Bewegung, Hände mit Leckerli, Gruppe in der Totalen.
  • Personen: Ja: Trainer:innen mit Einwilligung; Kundschaft und ihre Hunde nur mit Einwilligung.
  • Formate: 3:2, 4:5, 1:1
  • Nicht: Keine Stockwelpen, keine Hunde mit Stachel- oder Kettenhalsband, keine verängstigten Hunde.
  • Anrede: Sie (Trainer:innen-Seiten dürfen du sagen, wenn das Team so spricht)
  • Sätze: Kurz, tatkräftig, konkret: wann, wo, für welchen Hund, was mitbringen.
  • Haltung: Wie eine Trainerin am Gelände: freundlich, klar, ehrlich über Grenzen.
  • Tonproben: Welpengruppe für Hunde bis 16 Wochen. Samstags 10 Uhr, noch zwei Plätze., Wir arbeiten mit Belohnung. Stachelhalsband bleibt im Auto.
  • Nicht schreiben: „Ihr Liebling“, „Fellnase“, Garantien, Rudelführer-Sprache.
Hero, Raum und Form
  • Hero-Raster: Foto randlos über 12 Spalten; H1, Satz und Wege unten links über Spalte 1 bis 7 auf ruhiger Bildzone; mobil Foto oben, Text darunter.
  • Hero-Bild: Echtes Foto vom Gelände, Augenhöhe des Hundes, in Farbe, 3:2 Desktop, 4:5 mobil.
  • Überschrift: clamp(2.5rem, 1.2rem + 5.4vw, 5.5rem), Anybody breit; Name der Schule oder ein Satz, kein Label darüber.
  • Handlung: „Anmelden“ (Apportiergelb mit dunklem Rand) und Telefon als tel:-Link.
  • Zusatz: Direkt unter dem Hero die nächsten drei Kurse mit freien Plätzen; mobil Knopf Anrufen / Anmelden.
  • Sektionsabstand: clamp(64px, 8vw, 136px)
  • Dichte: mittel
  • Raum: Kräftig und luftig: Kurskarten mit 24 px Innenabstand, Termine dicht, Haltung mit viel Raum neben dem Bild.
  • Spalten: 12
  • Maximale Breite: 1280px
  • Raster: Hero randlos über 12 Spalten, Text unten links über 7. Kurse als drei ungleich breite Karten (5/4/3) am Desktop, auf dem Telefon untereinander; Haltung 6/6 sticky.
  • Radius klein: 12px
  • Radius groß: 28px
  • Schatten: keiner
  • Form: Rund und griffig wie ein Ball: Knöpfe als Pille, Karten 28 px; der gelbe Knopf trägt immer den dunklen Rand.
Vorbilder