Vom Konzept zum Launch, in vier Phasen.
Richtung, Prototyp, Build, Launch. Jede Phase schließt ab, bevor die nächste beginnt.
Richtung
Phase 01 von 04 · 1–2 Wochen
Bevor etwas gerendert wird, klären wir, was die Marke zu sagen hat und in welcher Stimme.
Visuelle These, User Journey, Content-Hierarchie und Interaktions-Sprache definieren.
Im Fokus
- Brand-Audit
- Visuelles Konzept
- Interaktions-Sprache
- Content-Hierarchie
Du erhältst
- Brand-Audit-Notiz (8 – 12 Seiten)
- Moodboard + Reference-Stack
- Sitemap + IA-Sketch
FigJamNotionAnchor WorkshopPrototyp
Phase 02 von 04 · 1 Woche
Wir bauen zuerst den einen Interaktionsmoment, der die Site trägt — bevor Budget in den Rest fließt.
Motion, Layout und 3D-Richtung früh testen, bevor die Produktion startet.
Im Fokus
- Motion-Prototypen
- 3D-Richtung
- Layout-Tests
- Stakeholder-Freigabe
Du erhältst
- Klickbarer Hero-Prototyp
- 3D-Studie (interaktiver Build)
- Stakeholder-Sign-Off-Pack
FigmaGSAPthree.jsSplineBuild
Phase 03 von 04 · 2–4 Wochen
Die Substanz unter der Oberfläche: typsichere Schnittstellen, vorhersagbare Renderzustände und saubere Performance.
Zugängliche, performante, responsive und CMS-fähige Frontends entwickeln.
Im Fokus
- Next.js 16
- WebGL-Integration
- CMS-Setup
- Responsive-Feinschliff
Du erhältst
- Produktiver Code-Stack (Next 16 · R3F · GSAP · Sanity)
- CMS für Redaktion bereit
- Cross-Browser & Mobile-Pass
Next.js 16Tailwind v4SanityGSAPReact Three FiberLaunch
Phase 04 von 04 · 1–2 Wochen
Mit dem Launch beginnt die Arbeit an der Performance erst richtig: messen, nachschärfen, sauber halten.
SEO, Analytics, QA, Performance und Optimierung. Lighthouse-100 als Ziel.
Im Fokus
- SEO-Grundlagen
- Lighthouse-Audit
- Analytics
- Post-Launch-Support
Du erhältst
- Lighthouse-Report (Desktop + Mobile)
- Analytics-Setup (Plausible / GA4)
- Post-Launch-Sprintplan 30/60/90
LighthousePlausibleSentryVercelProjekt starten