Steckbrief
Website-Redesign · WordPress · Frontend/Backend
Client: HundesommerJahr: 2026Branche: Hundeschule, Ausbildung und Onlinekurse
Rolle: Redesign, UI/UX, Frontend-Umsetzung, WordPress-Backend, Gutenberg-Blöcke, Content-Migration, Kalender- und Terminlogik
WebdesignUI/UXWordPress-FrontendWordPress-BackendGutenberg-EditorContent-MigrationKalender-/TerminlogikInteraktionsdetails
Für Hundesommer entstand ein Redesign, das die Startseite, Angebotsnavigation, Terminorientierung und WordPress-Pflege zusammenführt.
Neue Einstiegsseiten geben Ausbildung, Training und Terminen eine klare Priorität, während bestehende Beiträge, Seminare und Archivwege weiter erreichbar bleiben.
Der Case verbindet den dokumentierten Template- und Feature-Ausbau mit dem anschließenden Live-Umzug und der responsiven Qualitätskontrolle von Blog und Kalender.
Startseite mit klaren Wegen zu Training, Ausbildung, Blog und Terminen
WordPress Child-Theme und separates Hundesommer-Plugin für Design- und Terminlogik
Dynamische Termin-Kategorien, Farben, Filter und Labels aus dem WordPress-Backend
Gutenberg-Editor bleibt die Pflegeoberfläche für Texte, Bilder, Buttons und Trainingskarten
Paw Trail: dekorative Hundepfoten folgen auf Desktop der Maus und respektieren Reduced-Motion-Einstellungen
Bestehende Beiträge, Seminarbeschreibungen und Archivwege bleiben über Navigation, Suche und Archive erreichbar
Live-Umzug mit finalen Desktop- und Mobile-Prüfungen für Blognavigation, Rücksprung und Kalenderbedienung
Startseite
Das Redesign macht Angebot, Vertrauen und Termine sofort greifbar
Die Startseite setzt Hundesommer als freundliche, klare Anlaufstelle auf: Ausbildung und Training bleiben getrennt erkennbar, während CTAs und Terminmodule direkt in den nächsten Schritt führen.
Als Detail bleibt die Seite lebendig, ohne die Orientierung zu stören: der Paw Trail lässt auf Desktop kleine Pfoten der Maus folgen.
Kalender
Kalender und Listenansicht folgen derselben Backend-Quelle
Termin-Kategorien, Namen und Farben werden im WordPress-Backend gepflegt und erscheinen automatisch in Filtern, Terminakzenten und Kategorie-Pills.
Desktop- und Mobilansicht nutzen dieselbe Logik, damit Besucherinnen und Besucher keine widersprüchlichen Terminbestände sehen.
WordPress
Das Backend bleibt pflegbar, waehrend das Frontend markenkonsistent rendert
Die Umsetzung trennt Darstellung und Pflege: Gutenberg bleibt die Arbeitsoberfläche, das Child-Theme liefert Layout, Archiv-, Mobil- und Editorverbesserungen.
Die Eventlogik liegt separat im Plugin, damit Design-Updates und Kalenderfunktionen unabhängig aktualisiert werden können.
Content-Migration
Neue Einstiegsseiten, ohne gewachsene Inhalte abzuschneiden
Das Redesign ersetzt nicht pauschal den bestehenden Inhalt. Beiträge, Kategorien, Tags und Seminarbeschreibungen bleiben über Navigation, Footer, Suche und Archive auffindbar.
So verbinden die neuen Hauptseiten eine klare Besucherführung mit einem Content-System, das gewachsene Informationen weiterhin nutzbar macht.
Details
Teaser und kleine Bewegungen geben der Website die passende Tonalitaet
Blog- und Seminarteaser wurden ruhiger strukturiert, mit echten Bildern, knappen Texten und klaren Buttonzielen.
Interaktive Details wie Scroll-Reveals, Back-to-Top und Paw Trail stützen die Marke, bleiben aber technisch abgegrenzt und motion-sensibel.
Live-Umzug & QA
Der Systementwurf endet nicht beim Template, sondern in geprüften Nutzerwegen
Für den Live-Umzug wurden Blog und Kalender noch einmal an realen Desktop- und Mobilansichten kontrolliert. Dabei standen Navigation, Lesbarkeit, Rücksprung und die dauerhaft erreichbaren Kalenderfunktionen im Mittelpunkt.
Die finalen Captures zeigen denselben Design- und Funktionsstand über unterschiedliche Viewports hinweg: vom großzügigen Blog-Layout bis zur kompakten mobilen Terminsteuerung.
Ergebnis
✓Ein Website-Case, der Design und Technik zusammen zeigt statt nur Screenshots der Oberfläche zu sammeln.
✓Eine pflegbare WordPress-Struktur mit getrenntem Child-Theme und Plugin für zukünftige Updates.
✓Ein zusammenhängendes System aus Startseite, Kalender, Content-Migration, Backend und Interaktionsdetails.
✓Ein gemeinsamer langer Case aus Template-/Feature-Entwicklung, Live-Migration und responsiver Abschlussprüfung.
Quellen
Quellen & Fußnoten
- [1] AbschlussreportHundesommer Template Design und Features Abschlussbericht vom 16.07.2026 im Dropbox-Projektordner.
- [2] Technische EvidenzLokales Hundesommer-Repo mit dokumentiertem Paw Trail, Gutenberg-Port und getrenntem Theme-/Plugin-Paket.
- [3] Content-MigrationNeue Hauptseiten ergänzen bestehende Beiträge, Seminarbeschreibungen und Archivwege, statt diese pauschal zu ersetzen.
- [4] Live-Umzug & QAFinale Desktop- und Mobile-Captures belegen Blognavigation, Rücksprung und Kalenderbedienung im vorbereiteten Live-Stand.
