Postavili jsme web za 3 dny — takhle to vypadalo hodinu po hodině

Klient napsal v pondělí. Ve čtvrtek měl hotový web. Žádné šablony, žádný WordPress — custom Next.js web od nuly. Takhle to celé probíhalo.

Proč 3 dny?

Protože klient potřeboval web rychle. Přišel s jasnou představou: "Jsem fitness trenér, potřebuju web, kde se lidi můžou přihlásit na trénink. Nemám čas čekat 6 týdnů."

My jsme řekli: "Zvládneme to za 3 dny." A mysleli jsme to vážně.

Den 1: Pondělí — Plánování a design (8 hodin)

8:00 — Vstupní brief (1 hodina)

Zavolali jsme si s klientem. 45 minut. Žádné zbytečné meetingy, žádné "workshopy na brand identity." Prostě: co potřebuješ, pro koho to je, co tam má být.

Výstup:

• Homepage s hero sekcí a CTA
• Stránka služeb (osobní tréninky, skupinové lekce, online coaching)
• O mně stránka s fotkou a příběhem
• Kontaktní formulář s výběrem typu tréninku
• Responzivní design, rychlý, SEO-ready

9:00–13:00 — Wireframe a design (4 hodiny)

Žádný Figma maraton. Wireframe přímo v kódu — Tailwind CSS + shadcn/ui komponenty. Proč? Protože je to rychlejší než kreslit pixely a pak je překládat do kódu.

Během oběda měl klient v mailu 3 screenshoty: hero sekce, služby, kontakt. Odpověděl za 15 minut: "Super, jen změňte barvu na tmavě zelenou."

14:00–18:00 — Základní struktura (4 hodiny)

• Next.js projekt inicializován
• Routing: 5 stránek
• Layout: header, footer, navigace
• Responzivní grid hotový
• Základní SEO: meta tagy, Open Graph, sitemap

Stav na konci dne: Kostra webu stojí. Vypadá to jako web, ale bez obsahu a bez funkčních formulářů.

Den 2: Úterý — Vývoj a obsah (10 hodin)

8:00–12:00 — Funkce (4 hodiny)

• Kontaktní formulář s validací + napojení na email (Resend API)
• Výběr typu tréninku (dropdown s cenami)
• Google Maps embed na kontaktní stránce
• FAQ sekce s accordion komponentami
• Schema.org structured data (LocalBusiness, Person, FAQPage)

12:00–14:00 — Obsah od klienta

Klient poslal texty a fotky přes Google Drive. 12 fotek, 4 stránky textu. Kvalita? Smíšená — fotky super (profi focení), texty potřebovaly úpravu.

14:00–18:00 — Integrace obsahu + optimalizace (4 hodiny)

• Všechny texty přepsané a SEO-optimalizované
• Fotky komprimované (z 15 MB celkem na 2 MB)
• WebP konverze + responsive sizes
• Lazy loading na všechny obrázky pod foldem
• Core Web Vitals optimalizace: LCP, FID, CLS

18:00–20:00 — Bonus features (2 hodiny)

• Animace na scroll (Framer Motion — jemné, žádný Vegas)
• Dark mode toggle
• WhatsApp floating button
• Cookie consent banner (GDPR)

Stav na konci dne: Web je funkční. Vypadá hotově. Ale ještě není otestovaný.

Den 3: Středa — Testing, deploy, launch (6 hodin)

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

• Cross-browser testing: Chrome, Safari, Firefox, Edge
• Mobilní testování: iPhone, Android, tablet
• PageSpeed test: 96/100 mobile 🔥
• Lighthouse audit: Performance 96, Accessibility 100, Best Practices 100, SEO 100
• Kontaktní formulář: 5× testovací odeslání

10:00–11:00 — Klientská revize (1 hodina)

Poslali jsme preview link. Klient prošel web na mobilu (protože jeho klienti jsou 90 % na mobilu). Feedback:

• "Změňte fotku na hero — chci tu z posilovny, ne tu venkovní"
• "Přidejte cenu za skupinový trénink"
• "Jinak super, jsem nadšený"

2 úpravy, 20 minut.

11:00–12:00 — Deploy a DNS (1 hodina)

• Vercel deploy (build prošel na první pokus)
• Custom doména připojená
• SSL certifikát automaticky
• Redirecty nastavené (www → non-www)
• Google Analytics + Search Console

12:00–14:00 — Předání a dokumentace (2 hodiny)

• Přístupy předané: Vercel, GitHub repo, Google Analytics, Search Console
• Krátký návod: jak upravit texty, přidat fotky
• Faktura odeslána

Web je live.

Čísla

Co	Hodnota
Celkový čas	24 hodin práce
Kalendářní dny	3
PageSpeed mobile	96/100
Počet stránek	5
Technologie	Next.js, Tailwind, Vercel
Cena	7 990 Kč
Počet meetingů	2 (brief + revize)
Počet revizí	1 (2 drobné změny)

Jak je to možné?

Žádná magie. Jen moderní stack a efektivní workflow:

1. Next.js + Tailwind — nepíšeme CSS od nuly, neladíme WordPress pluginy
2. Komponentový přístup — máme knihovnu ověřených komponent (hero, pricing, FAQ, contact form)
3. Vercel deploy — žádné FTP, žádné servery, deploy = git push
4. Jasný brief — klient věděl, co chce. To ušetřilo dny tam a zpět
5. Žádné zbytečné features — web dělá přesně to, co má. Nic víc, nic míň.

Co kdybych chtěl totéž od "tradiční" agentury?

Reálný odhad:

• Čas: 4–8 týdnů
• Meetingy: 5–10 (brief, wireframe review, design review, development review, testing, launch)
• Cena: 40 000–80 000 Kč
• PageSpeed: 40–60/100 (WordPress + šablona)
• Technologie: WordPress + Elementor/Divi

Není to proto, že by ty agentury byly hloupé. Je to proto, že jejich workflow je postavený na technologiích z roku 2015. A workflow z roku 2015 vyžaduje čas z roku 2015.

Závěr

Postavit web za 3 dny není výjimka — je to náš standard. Díky moderním technologiím dokážeme dodat rychle, kvalitně a za rozumnou cenu. Bez kompromisů na rychlosti, SEO nebo designu.

Pokud potřebujete web a nechcete čekat týdny — ozvěte se nám. Možná vám taky řekneme "zvládneme to za 3 dny."

---

Zajímá vás, kolik by stál váš web? Kalkulačka ceny vám dá odpověď za 30 sekund.