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.
Leistungen →
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?