Unser Qualitätsstandard — 42 Prüfpunkte
Wir erstellen keine Websites auf gut Glück. Jedes Projekt durchläuft vor der Produktion eine systematische Prüfung. Das ist unsere Garantie.
42 Prüfpunkte
8 Kategorien
Min. 80% für Entwicklung, 92% für Produktion
Warum wir das tun
Weil der Kunde nicht der Tester sein sollte. Wenn wir ein Projekt ausliefern, ist es geprüft — nicht schnell, nicht oberflächlich, nicht 'funktioniert wahrscheinlich'. Jeder der 42 Punkte wird bei jedem Projekt manuell verifiziert, ohne Ausnahme. Der Build muss bestehen. SEO muss konfiguriert sein. Bilder müssen optimiert sein. Die Sicherheit muss stimmen. Alles bevor Sie die Seite überhaupt sehen.
Was das für Sie bedeutet
Weniger Fehler, bessere Leistung, besseres SEO, geringere Wartungskosten. Ein Projekt, das die Prüfung bestanden hat, muss nicht ständig repariert werden. Sie bekommen eine Website, kein Problem.
Prüfliste
Jeder Punkt wird vor dem Start manuell geprüft
A. Build & Technik
8A1
Build erfolgreich — npm run build ohne Fehler (0 errors, 0 warnings)
A2
Dev Server funktioniert — npm run dev zeigt alle Seiten
A3
Tailwind CSS Build — npm run build:css ohne Fehler, @theme korrekt
A4
Keine toten Dateien — ungenutzte Layouts, JS, CSS, Bilder
A5
App config korrekt — baseURL, languages, params, environment
A6
Keine Konsolenfehler — JS-Fehler, 404-Ressourcen, Mixed Content
A7
package.json vollständig — build, dev, build:css, hugo Skripte definiert
A8
Node/npm Version kompatibel — engine-Anforderungen in package.json
B. Leistung
6B1
Core Web Vitals — LCP < 2.5s, INP < 200ms, CLS < 0.1
B2
Lighthouse ≥ 90 — Performance, Accessibility, SEO, Best Practices
B3
Bilder optimiert — WebP/AVIF Format, responsive srcset, Lazy Loading, Alt-Text
B4
CSS/JS minifiziert — Bundle-Größe < 200KB CSS, < 100KB JS
B5
Schriftarten optimiert — preconnect, font-display: swap, woff2 Format, self-hosted
B6
Kritisches CSS inline — render-blockierende Ressourcen minimiert, Above-the-Fold CSS inline
C. Design & UI
6C1
Responsive — sieht gut aus auf mobile (375px), tablet (768px), desktop (1440px)
C2
Dark Mode funktioniert — Umschalter, gesamter Inhalt lesbar, Kontrast ≥ 4.5:1
C3
Typografie konsistent — Inter body, Space Grotesk headings, guter Kontrast
C4
Semantische Token — Layouts verwenden nur surface, text-body, text-heading, text-muted, text-inverse, border, accent, secondary
C5
@theme Palette — Farben durch @theme in CSS, keine hartcodierten Farben, Dark Invert
C6
Animationen konsistent — IntersectionObserver, fade-up, stagger, keine unkoordinierten Effekte
D. SEO
6D1
Meta-Daten — title + description auf jeder Seite, einzigartig pro Seite
D2
OG + Twitter Tags — og:image, og:title, og:description, twitter:card, og:locale
D3
Schema.org — Organization, LocalBusiness, Article, BreadcrumbList, FAQPage
D4
Canonical URL — Self-Referencing Canonical auf jeder Seite
D5
robots.txt + sitemap.xml — dynamische robots, gültige Sitemap
D6
hreflang — für mehrsprachige Seiten, korrekte Verknüpfungen zwischen Sprachen
E. Inhalt
5E1
Keine Platzhalterinhalte — Lorem Ipsum, TODO, Testdaten, gefälschte E-Mails
E2
Rechtschreibung und Grammatik — keine Tippfehler, konsistente Sprache auf allen Seiten
E3
Links korrekt — keine defekten Links (intern und extern), kein 404
E4
Rechtliche Seiten — Datenschutz, AGB, Cookies, Impressum, Footer-Links
E5
Kontaktinformationen — E-Mail, Telefon, Adresse auf Kontaktseite, Arbeitszeiten
F. PWA & Sicherheit
6F1
PWA vollständig — manifest.json, sw.js, favicon.svg + apple-touch-icon
F2
Security Headers — HSTS, CSP, XFO, X-Content-Type-Options, Referrer-Policy, Permissions-Policy
F3
HTTPS bereit — kein Mixed Content, SSL-Zertifikat, Formulare auf HTTPS
F4
Formularsicherheit — CSRF-Token, Honeypot-Feld, Rate Limiting auf send.php
F5
Cookie Consent — GDPR-konformer Banner, Alle akzeptieren / Nur essenzielle
F6
SRI (Subresource Integrity) — Integrity-Hash auf CDN-Skripten und -Styles
G. Barrierefreiheit
3G1
Skip Link + Tastaturnavigation — Skip-Link oben, Focus Ring, logische Tab-Reihenfolge
G2
Alt-Texte — auf allen Bildern, dekorative Bilder haben alt=, informative haben Beschreibung
G3
axe Audit — axe DevTools: 0 critical, 0 serious, 0 structure issues
H. Standard & Infra
2H1
AGENTS.md standardisiert — 8 Sektionen: IDENTITET, STRUKTURA, ARHITEKTURA, BUILD, STANJE, GOTCHAS, RADNI STIL, verify.sh
H2
report.json aktuell — build, workflow, checkliste, verify, standards, buchhaltung korrekt und aktuell
Bereit für ein Projekt, das richtig gebaut ist?
Jedes Projekt, das wir ausliefern, besteht diese 42 Prüfungen. Nicht weil wir müssen — sondern weil es uns wichtig ist.
Anfrage