Zwei Redesigns für das Tierheim Hilden

Zwei voneinander unabhängige Analysen und Entwürfe, erstellt von zwei getrennten Modellen anhand der Live-Seite. Beide Varianten sind als eigenständige statische Website gebaut, ohne externe Requests, und liegen als Cloudflare Pages-Projekte bereit.

Variante A

Editorial

claude-opus · Claude Code CLI
Umfang10 Seiten
Tiere erfasst66
Analyseseiten16 + 66 Tierprofile
SchriftSerif Display + Sans
AkzentSalmon / Terrakotta
GrundtonFast-Schwarz
Variante B

Portal

claude-sonnet · Claude Code CLI
Umfang17 Seiten
Tiere erfasst66
Analyseseiten16 + Listen
SchriftSans Display
AkzentLimette + Orange
GrundtonFast-Schwarz

Was beide Analysen unabhängig bestätigt haben

BefundVariante AVariante B
Menüpunkt „Tiere“ liefert FehlerHTTP 500bestätigt
„Notfellchen“-Seite ist leer trotz Notfall-Tieren0 Einträgebestätigt
Startseite horizontaler Überlauf mobil393 pxbestätigt
Öffnungszeiten-Spenden-Seite618 pxbestätigt
Alt-Texte der Tierfotos fehlen100 %15/15
Kontrast Primärfarbe (WCAG AA)≈ 2,0 : 1≈ 2 : 1
Requests vor Einwilligung (Consent)3 CDNs3 CDNs
Daten vor Einwilligung — Startseite2,1 MB / 522,3 MB / 59
Jahreszahl-Widerspruch Stellenanzeige2026 vs. 2027bestätigt
Fehlende Meta-Description / OG / JSON-LDjaja

Unstimmig: die beiden Analysen schätzen die Transfergröße der Startseite leicht unterschiedlich (2,1 MB vs. 2,3 MB) und ordnen den Kontrastwert der Primärfarbe geringfügig anders ein — im Ergebnis sind beide sich einig, dass der Wert deutlich unter der AA-Schwelle von 4,5 : 1 liegt.

Wo sie sich unterscheiden

Variante A · EditorialVariante B · Portal
LeitideeMagazinhaft, ruhig, Text führtServiceportal, Tiere und Wege im Vordergrund
StartpunktStatement „Ein schönes Zuhause“Statusleiste + Zähler „59 Tiere suchen ein Zuhause“
Struktur10 Seiten, Tiere als lange Übersichtsseite17 Seiten, je Tierart eine eigene Seite
SchwerpunktStimmung, Großzügigkeit, GlaubwürdigkeitBedienung, Filter, Direktzugriff auf alle Handlungen
EigenheitenNotfall-Markierungen, Spenden-MagnetLive-Status „heute geschlossen“, Unterseiten-Tabs

Technischer Stand beider Varianten

PrüfungVariante AVariante B
Externe Requests00
Fehlende Bilder00
Horizontaler Überlauf 390 px0 px0 px
Kaputte Seiten im Live-Betrieb0 / 100 / 17
Formularestatisch, Demo-Hinweisstatisch, Demo-Hinweis
Indexierungnoindex, nofollownoindex, nofollow