- Rolle
- UX/UI, Design System, Frontend
- Zeitraum
- 2024 bis 2025
- Projektart
- Agency Website
- Status
- Live
Kontext
Agentur Websites lesen sich heute austauschbar. Hero Claim, Logo Wall, drei Service Kacheln, Kontaktformular. Wichtige Signale wie Prozess, Preislogik und Haltung gehen in dieser Blaupause verloren.
Webgentic sollte das Gegenteil sein. Eine Seite, die ihre Arbeitsweise zeigt, bevor sie darüber spricht.
Vorgehen
Der erste Schritt war ein eigenes Designsystem mit Pixel Akzenten, klaren Typo Hierarchien und motion first Komponenten. Farben, Abstände und Animationskurven wurden zentral definiert, damit jede neue Seite automatisch konsistent wirkt.
Der Website Health Check ist kein Blog Formular, sondern ein echtes Tool. Nutzer geben eine URL ein und erhalten einen ersten Quick Scan. Das senkt die Hürde für ein Erstgespräch und liefert der Agentur Qualifizierungsdaten.
Ergebnis
Eine Agentur Präsenz, die sich beim Scrollen wie ein Produkt anfühlt. Der Health Check ist heute der wichtigste Lead Kanal. Designsystem und Komponenten werden projektübergreifend wiederverwendet.
Stack
- Next.js 15
- TypeScript
- Framer Motion
- Tailwind CSS
- Custom Design System
- Vercel
