Eigenes Projekt
Acht Pfoten
achtpfoten.de ist meine eigene Website. Sie ist kein Kundenauftrag und keine bezahlte Arbeit. Ich zeige sie, weil an ihr vollständig nachvollziehbar ist, wie ich arbeite.
Ansichten
Die Seite im Betrieb
Aufgabe
Was die Seite leisten sollte
Acht Pfoten ist eine private Marke für Touren mit Hund, E-Bike und Fahrradwohnwagen. Ich wollte eine Website, die weder wie ein Blog noch wie ein Produktkatalog aussieht.
Sie sollte die Stimmung einer Tagesetappe tragen und trotzdem an jeder Stelle lesbar, bedienbar und schnell bleiben. Genau dieser Widerspruch war die eigentliche Aufgabe.
Gestaltung
Die gestalterische Richtung
Die Seite erzählt einen Tag. Der Hintergrund wandert beim Lesen vom Morgengrauen über die goldene Stunde bis in die Nacht, und die Navigation benennt jeden Abschnitt zusätzlich mit seiner Tageszeit.
Als Schriftpaar arbeiten eine kräftige Serife für die Überschriften und eine ruhige Grotesk für den Fließtext zusammen. Die Silhouetten von Rad, Anhänger und Hund sind eigene Vektorgrafiken, keine Motive aus einer Bildagentur.
Technik
Wie sie gebaut ist
Next.js mit App Router, React und TypeScript, Tailwind CSS für die Gestaltungsebene und GSAP für die scrollgebundenen Übergänge. Die Schriften werden zur Bauzeit mitgeliefert und vom eigenen Server ausgeliefert.
Gehostet wird bei Vercel. Veröffentlicht wird über die Kommandozeile, danach wird die Live-Seite geprüft. Vorschaustände tragen eine technische Sperre für Suchmaschinen, damit nur die Produktionsadresse im Index landet.
Funktionen
Was die Seite tatsächlich kann
- Durchgehender Tageslauf über sechs Lichtstufen, der an den echten Abschnittspositionen kalibriert wird
- Aufklappbare Logbuch-Einträge als echte Schaltflächen mit korrekten Zuständen für Screenreader
- Ein Lagerfeuer, das sich per Geste oder über eine gleichwertige Schaltfläche entzünden lässt
- Aufklappmenü auf schmalen Bildschirmen, das sich mit der Navigation für breite Bildschirme abwechselt, nie beide gleichzeitig
- Einwilligungsdialog mit echter Vorabsperre: Die Statistik wird erst nach Zustimmung geladen und lässt sich jederzeit widerrufen
- Impressum, Datenschutzerklärung und eine freiwillige Erklärung zur Barrierefreiheit
- Sitemap, robots.txt, kanonische Adressen und ein zur Bauzeit erzeugtes Vorschaubild für geteilte Links
- Ohne JavaScript bleibt die Seite vollständig lesbar und bedienbar
Messung
Was gemessen wurde
Gemessen mit Google PageSpeed Insights (Lighthouse 13.4.1) gegen https://achtpfoten.de/. Es sind Laborwerte einer einzelnen Messung, keine Felddaten aus echtem Besucherverkehr.
Die vier Werte sind die Kategorien des Messwerkzeugs. Der Wert Suchmaschinen prüft technische Voraussetzungen wie Titel, Beschreibung, lesbare Schriftgrößen und Indexierbarkeit. Über Platzierungen in Suchergebnissen sagt er nichts aus.
Messdatum: 29. Juli 2026
Strategie Mobil
- Leistung
- 95 von 100
- Bedienbarkeit
- 98 von 100
- Bewährte Verfahren
- 100 von 100
- Suchmaschinen
- 100 von 100
Einzelwerte
- First Contentful Paint
- 1,2 s
- Largest Contentful Paint
- 2,4 s
- Total Blocking Time
- 10 ms
- Cumulative Layout Shift
- 0
Einordnung
Was dazugesagt gehört
Acht Pfoten ist ein privates, nicht kommerzielles Projekt. Dort werden keine Produkte verkauft und keine Leistungen angeboten.
Anders als die Seite, die Sie gerade lesen, verwendet Acht Pfoten nach ausdrücklicher Einwilligung eine Besuchsstatistik. Ohne Einwilligung wird sie nicht geladen.
Die Logbuch-Einträge sind angelegt, die langen Geschichten dahinter entstehen noch. Was dort steht, ist der ehrliche Stand und keine Platzhalterfüllung.