PROZESS
Vier Phasen. Kein Theater.
So wird gebaut. Discovery ohne 80-seitiges Briefing-PDF, Architektur bevor die erste Zeile Code steht, das erste Inkrement live in Woche zwei, Hypercare statt „viel Erfolg!" beim Launch.
Großer Bildschirm: scroll-getriebene Reise durch vier Stationen — Pinnwand, Blueprint, Inventory, Mission Control —, danach frei erkundbar.
STUDIO MAP — 4 STATIONEN, EINE TOUR
01Verstehen
Discovery —
ohne Theater.
ohne Theater.
DISCOVERY · TYPISCH 3 TAGE – 2 WOCHEN
1. GESPRÄCH · DIE FRAGEN
Wer entscheidet wirklich?
Was passiert in 2 Jahren?
Warum jetzt, und nicht später?
BEOBACHTET ≠ BEHAUPTET
"das ist klar definiert"
→ 3 Stakeholder, 3 Versionen
→ keine geteilte Definition
METHODEN
· Stakeholder-Talks · 1:1 · 45 Min
· Constraints klären:
Budget · Zeit · Recht · Tech
· Zitate wörtlich notieren
keine Workshop-Choreo, keine 60-Seiten-PDFs
CONSTRAINTS · TYPISCH
Deadline: 12 Wochen
Compliance: DSGVO
Übergabe an Team: ja
stakeholder map
Wer
zahlt?
zahlt?
(Budget)
Wer
benutzt?
benutzt?
(täglich)
Wer
entscheidet?
entscheidet?
(Veto)
VOICE MEMO · 0:47
"wir wissen nicht, wer das später benutzt"
OFFEN
Was heißtErfolg in
6 Monaten?
→ klären in Termin 1
Climactra-Discovery
WIRD NICHT GEBAUT
WENN EXCEL REICHT
OUTPUT
Discovery-Doc
+ Scope-Skizze
+ Scope-Skizze
02Architektur
Lieber dreimal eine Stunde am Whiteboard als sechs Monate später am Refactor.
SYSTEM DESIGN · ENTWURF
EDGE
FRONTEND
React · Vite
PROXY
nginx · TLS
SELF-HOST
↓
APP
API
Fastify · Zod
AUTH
Auth.js v5
↓
DATEN
STORE
Postgres · Prisma
EU-DC
QUEUE
Redis
OBS
Sentry · Umami
COOKIELOS
DECISION LOG
D-01
Hetzner statt Vercel
Halber Preis, EU-DC, eigene Kontrolle
D-02
Auth.js statt Clerk
Kein Pricing-Cliff, self-hostable
D-03
Postgres + pgvector
Eine DB für alles, keine zweite für Vectors
RISK REGISTER · TYPISCH PRO PROJEKT
Schema-Migration unter Last
→ Blue-Green, expand/contract
Webhook-Retry · Race
→ Idempotenz-Keys + dedupe
Hetzner Single-DC · kein Failover
→ Daily-Backup + monthly restore-test
Container-Restart während Deploy
→ kurze Downtime <10s · für statische Site akzeptabel
PERF TARGETS
LCP< 1.5s
INP< 200ms
CLS< 0.10
Bundle< 120kb (gzipped)
03Bauen
Bausteine. Komposition. Live.
Alle zwei Wochen ein deploybarer Slice, kein Big-Bang-Sprint nach sechs Monaten.
SLICE-RHYTHMUS · 2 WOCHEN · STAGING-LINK · STATUS-UPDATE
BUILD · PASSTAP · ZEIGT VERWENDUNG ↓
INVENTORY · BAUSTEINE
COMPOSITION · DASHBOARD
/dashboard
Übersicht · März
BESUCHER
∙∙∙
—
KEINE DATEN
E-Mail-Benachrichtigung
suche_|
ITERATION · CTA-BUTTON · v1 → v3
v1 · verworfen
generisch · "Klick" sagt nichts
→gelernt
v3 · live
spezifisch · klares Verb
TESTS · KRITISCHE PFADE
Tests dort, wo's wehtut wenn sie fehlen.
Auth, Billing, Daten-Migrationen, Edge-Cases, dort wo bei Kundenprojekten wirklich was brennt. Die method64-Site selbst ist statisch und braucht keine Tests; das Prinzip greift bei Software-Projekten.
04Launch + Iterate
Go live, und dann nicht weglaufen.
Launch ist nicht das Ziel, der erste Tag, an dem User wirklich damit arbeiten, ist es.
Docker · nginx · rollback via git revert
DEPLOYMENT PIPELINE
git push
main branch · build wird angestoßen
tsc + asset-check
TypeScript strict · fail fast
vite build
dist/ + Docker-Image
Bundle-Gate
120 KB max · Build failt bei Überschreitung
docker compose up
Hetzner FSN1 · nginx serviert dist/ statisch
verify-production
60+ curl-Smoke-Tests · i18n, sitemap, assets
$ docker compose up -d --force-recreate
oder: git revert HEAD && git push, Container baut von vorigem Commit
HYPERCARE · 4 WOCHEN NACH LAUNCH
01
Gleiche Antwortzeit wie sonst
meist am selben Werktag
02
Logs werden gelesen, nicht nur gespeichert
Sentry-Issues triagiert, nicht nur registriert
03
Was auftaucht, wird gefixt
kleine Issues ohne Stundenkonto
04
Schriftliches Status-Update
wöchentlich oder bei Bedarf
DANACH · Pay-per-Use · kein Mindest-Retainer
+ Lift-out-Doku
→ Lift-out-Sessions auf Anfrage
WAS MONITORED WIRD · WOMIT
ERRORS
Sentry
Stack-Trace · Source-Maps
PAGEVIEWS
Umami
self-hosted · cookieless
PERFORMANCE
Lighthouse
DevTools / PSI · manuell nach Deploy
UPTIME
UptimeRobot
Multi-Region · 1-5 min Interval
Wartung ist transparent, oder es gibt sie nicht.
DU HAST GESEHEN
01Verstehen
02Architektur
03Bauen
04Launch + Iterate
Vier Phasen.
Dein Projekt.
Erstgespräch unverbindlich. Danach bezahlte Discovery, mit ehrlichem Output, auch wenn der „Excel reicht" heißt.
Diese Site ist nach genau diesem Prozess gebaut. Pipeline live, Monitoring live, Hypercare-Mentalität auch.
FAQ
Häufige Fragen zum Prozess.
Was Kunden fragen, bevor sie zusagen.
Frage nicht dabei?