Wir haben eine Website in 3 Tagen gebaut — so sah es Stunde für Stunde aus

Der Kunde schrieb am Montag. Am Donnerstag hatte er eine fertige Website. Keine Templates, kein WordPress — eine Custom Next.js Website von Grund auf. So lief das Ganze ab.

Warum 3 Tage?

Weil der Kunde seine Website schnell brauchte. Er kam mit einer klaren Vorstellung: "Ich bin Fitness-Trainer, ich brauche eine Website, auf der sich Leute für ein Training anmelden können. Ich habe keine Zeit, 6 Wochen zu warten."

Wir sagten: "Wir schaffen das in 3 Tagen." Und wir meinten es ernst.

Tag 1: Montag — Planung und Design (8 Stunden)

8:00 — Briefing (1 Stunde)

45 Minuten Telefonat. Keine unnötigen Meetings, keine "Brand Identity Workshops." Einfach: Was brauchst du, für wen ist es, was soll drauf.

Ergebnis:

• Homepage mit Hero-Sektion und CTA
• Leistungsseite (Personal Training, Gruppenkurse, Online-Coaching)
• Über-mich-Seite mit Foto und Geschichte
• Kontaktformular mit Trainings-Auswahl
• Responsives Design, schnell, SEO-ready

9:00–13:00 — Wireframe und Design (4 Stunden)

Kein Figma-Marathon. Wireframe direkt im Code — Tailwind CSS + shadcn/ui Komponenten. Warum? Weil es schneller ist als Pixel zu zeichnen und sie dann in Code zu übersetzen.

Während der Mittagspause hatte der Kunde 3 Screenshots in der Mail: Hero-Sektion, Leistungen, Kontakt.

14:00–18:00 — Grundstruktur (4 Stunden)

• Next.js Projekt initialisiert
• Routing: 5 Seiten
• Layout: Header, Footer, Navigation
• Responsives Grid fertig

Stand am Ende des Tages: Das Gerüst der Website steht.

Tag 2: Dienstag — Entwicklung und Inhalte (10 Stunden)

8:00–12:00 — Funktionen (4 Stunden)

• Kontaktformular mit Validierung + E-Mail-Anbindung
• Trainings-Auswahl (Dropdown mit Preisen)
• Google Maps auf der Kontaktseite
• FAQ-Sektion
• Schema.org Structured Data

14:00–18:00 — Content-Integration + Optimierung (4 Stunden)

• Alle Texte SEO-optimiert
• Fotos komprimiert (von 15 MB auf 2 MB)
• WebP-Konvertierung + responsive Größen
• Core Web Vitals Optimierung

18:00–20:00 — Bonus-Features (2 Stunden)

• Scroll-Animationen
• Dark Mode
• WhatsApp Floating Button
• Cookie-Consent (DSGVO)

Tag 3: Mittwoch — Testing, Deploy, Launch (6 Stunden)

8:00–10:00 — Testing (2 Stunden)

• Cross-Browser: Chrome, Safari, Firefox, Edge
• Mobil: iPhone, Android, Tablet
• PageSpeed: 96/100 mobil 🔥
• Lighthouse: Performance 96, Accessibility 100, Best Practices 100, SEO 100

10:00–12:00 — Deploy und DNS (2 Stunden)

• Vercel Deploy
• Custom Domain + SSL
• Google Analytics + Search Console

Die Zahlen

• Gesamtzeit: 24 Arbeitsstunden
• Kalendertage: 3
• PageSpeed mobil: 96/100
• Seitenzahl: 5
• Technologie: Next.js, Tailwind, Vercel
• Preis: 320 €
• Meetings: 2 (Briefing + Review)
• Revisionen: 1 (2 kleine Änderungen)

Wie ist das möglich?

Keine Magie. Nur moderner Stack und effizienter Workflow:

1. Next.js + Tailwind — wir schreiben kein CSS von Null, keine WordPress-Plugin-Konflikte
2. Komponentenansatz — bewährte Komponentenbibliothek
3. Vercel Deploy — kein FTP, keine Server, Deploy = Git Push
4. Klares Briefing — der Kunde wusste, was er will
5. Keine unnötigen Features — die Website tut genau das, was sie soll

Was würde dasselbe bei einer "traditionellen" Agentur kosten?

Realistische Schätzung:

• Zeit: 4–8 Wochen
• Meetings: 5–10
• Preis: 1.600–3.200 €
• PageSpeed: 40–60/100 (WordPress + Template)

Es liegt nicht daran, dass diese Agenturen schlecht sind. Ihr Workflow basiert auf Technologien von 2015.

Fazit

Eine Website in 3 Tagen zu bauen ist keine Ausnahme — es ist unser Standard. Wenn Sie eine Website brauchen und nicht wochenlang warten wollen — melden Sie sich.

---

Neugierig, was Ihre Website kosten würde? Der Preisrechner gibt Ihnen in 30 Sekunden eine Antwort.