Kontakt
03, Custom · Maßgeschneidert
Für Unternehmen mit eigenem Design-Anspruch, B2B-SaaS, Architekturbüros, Ingenieurbüros, Marken mit Identität. Discovery-basiert, eigenes Design-System, individuelle Interaktionen, Next.js als Fundament. Kein Theme-Recycling, kein Preset-Stack.
Für wen das passt
Custom ist die richtige Wahl, wenn Ihr Auftritt das Markenversprechen tragen muss, bei Investoren, Talenten, Ausschreibungen. Wer dagegen eine Standard-Unternehmens-Website mit zuverlässigem CMS will, ist mit Business besser bedient und spart sich den Discovery-Aufwand.
Im Paket enthalten
Discovery & Architektur
Drei bis vier Stunden Workshop zum Markenkern, Stakeholder-Interviews, Competitive-Scan. Wireframes bevor Design startet, sodass Layout und Inhalts-Hypothesen geklärt sind, bevor wir Pixel schieben.
Design-System & Templates
Typografie, Farbsystem, Komponenten-Bibliothek, dokumentiert und skalierbar, nicht aus Presets zusammengebaut. Zehn bis zwanzig Seitenschablonen (Landing, Produkt, Case Study, Team, Blog) jeweils mit eigenem Motion-Konzept.
CMS & Integrationen
Sanity, Payload oder Strapi mit Multi-Editor-Rollen, Preview-Flows und strukturierten Inhalten. Erweiterte Integrationen für CRM (HubSpot, Pipedrive), Newsletter (Brevo, Klaviyo), Automation (n8n, Zapier). DE/EN Standard, weitere Sprachen auf Anfrage.
Wie es abläuft
Woche 1
Workshop drei bis vier Stunden, Stakeholder-Interviews, Competitive-Scan. Ergebnis: Informationsarchitektur, Content-Inventur, Scope-Vorschlag mit Bandbreite.
Woche 2–3
Typografie, Farben, Komponenten, zwei bis drei Seiten-Konzepte. Figma-Handoff, falls gewünscht. Motion-Skizzen vor Build.
Woche 4–6
Next.js 16, GSAP- oder Motion-One-Animations, Headless-CMS, Integrations-Anbindung. Lighthouse-Check während des Builds, nicht am Ende.
Woche 7–8
Deployment, Redaktions-Training, Design-System-Doku. Dreißig Tage Nachbetreuung eingeschlossen.
Was wir versprechen
Performance
Lighthouse über 90 in allen vier Kategorien, Core Web Vitals grün, auch mit Motion und 3D. Wer das anderswo bekommt, soll es vorzeigen.
> 90
Barrierefreiheit
WCAG 2.1 AA, vollständige Tastatur-Navigation, Screen-Reader-getestet, prefers-reduced-motion-Fallbacks für jede Animation.
BFSG
Design-System
Atomic Design, Tokens, dokumentierte Komponenten. Erweiterbar ohne Redesign, auch in zwei Jahren noch.
Eigen
Falls Custom nicht passt