Historie vývoje Kovoset.cz

Kompletní přehled vývoje projektu od prvního řádku kódu po spuštění do provozu. Psáno srozumitelně — bez technického žargonu.

6. 1. Začátek vývoje
503 Commitů
~216 h Hodin práce
46 Aktivních dnů

Fáze vývoje

1

Základy a 3D konfigurátor

6.–7. ledna ~14 hodin

Jádro celé aplikace — interaktivní 3D konfigurátor ocelových teras. Přes 60 změn během dvou intenzivních dnů.

  • 3D vizualizace terasy — otáčení, přibližování, prohlížení ze všech stran
  • Výpočet konstrukčních prvků — sloupy, nosníky, prkna, patky
  • Podpora tvaru L — terasa do rohu domu
  • Výplně plotu — tahokov a CNC panely
  • Vizualizace terénu — realistický terén pod terasou
  • Responzivní design — funguje i na telefonech
  • První nasazení — web běží online na Vercel
Proč to bylo důležité: Toto je srdce celého projektu. Zákazník si na webu „postaví" vlastní terasu a hned vidí, jak bude vypadat.
2

Vylepšení ovládání

8.–10. ledna ~17 hodin

Konfigurátor dostal uživatelsky přívětivější rozhraní.

  • Přizpůsobitelné panely — zvětšení 3D náhledu nebo formuláře
  • Kótování rozměrů — přesné rozměry v 3D modelu
  • Výběr barev RAL — průmyslový vzorník barev
  • Dotykové ovládání — dlouhé přidržení pro opakování
  • E-mailové notifikace — první verze e-mailového systému
3

Krokový průvodce a cenotvorba

11.–15. ledna ~39 hodin

Z jednoduchého editoru vznikl přehledný průvodce krok za krokem.

  • 7 kroků konfigurace — tvar, sloupy, prkna, výplně, povrchy, shrnutí, odeslání
  • Automatický výpočet ceny — váha, práce, zinkování a další faktory
  • Správa materiálů — katalog profilů, ceny za kilo, pracovní koeficienty
  • PSČ a doprava — vzdálenost a cena dopravy podle PSČ
  • E-mailové šablony — cenová nabídka s logem a 3D vizualizací
  • Administrační panel — příchozí poptávky a jejich detaily
  • Databáze — ukládání poptávek, konfigurací a materiálů
Proč to bylo důležité: Zákazník poprvé viděl orientační cenu přímo v konfigurátoru. Firma dostávala strukturované poptávky s kompletními údaji.
4

Administrace a pokročilá cenotvorba

16.–18. ledna ~24 hodin

Firma získala plnohodnotný nástroj pro správu zakázek a cen.

  • Správa materiálů — přidávání/mazání profilů, kategorie, příslušenství
  • Kategorizovaný ceník — materiál, práce, zinkování, lakování, doprava
  • Maržové stupně — automatická marže podle velikosti zakázky
  • Export do Excelu — kompletní kalkulace jedním klikem
  • Žárové zinkování — různé sazby pro konstrukci a plot
  • Vlastní položky — extra položky (schodiště, speciální úpravy)
5

Obchodní logika a bezpečnost

19.–21. ledna ~19 hodin

Systém se připravil na reálný provoz s ostrými daty.

  • Odhad zhodnocení nemovitosti — jak terasa zvýší hodnotu
  • Verzování kalkulací — kompletní historie změn cen
  • Zálohy a doplatky — výpočet výše zálohy a zbytku
  • Bezpečnostní opatření — rate limiting, zabezpečení administrace
  • Služba zaměření — objednání přesného zaměření terénu
6

Marketingový web

22.–30. ledna ~26 hodin

Vznikl kompletní marketingový web kolem konfigurátoru.

  • Domovská stránka — hero, výhody, proces, reference, FAQ, CTA
  • Stránka „O nás" — firma, tým, certifikáty, fotogalerie
  • Designový systém — jednotný vizuální jazyk
  • Systém obrázků — dynamické obrázky z adminu
  • Animace při scrollování — plynulé odkrývání sekcí
  • Reference zákazníků — posuvný slider s recenzemi
  • Navigace a patička — kompletní hlavička a patička
7

Redakční systém Puck CMS

1.–8. února ~31 hodin

Firma získala možnost upravovat obsah webu bez programátora.

  • Puck CMS editor — vizuální drag & drop editor
  • Stavební bloky — Hero, text, obrázky, karty, FAQ, CTA a další
  • Dynamické stránky — každá stránka editovatelná z adminu
  • SEO metadata — titulek a popisek přímo v editoru
  • Systém logů — zaznamenávání důležitých událostí
  • Fronta e-mailů — spolehlivé odesílání i při výpadku
Proč to bylo důležité: Web přestal být „zamrzlý" — firma si kdykoliv změní texty, obrázky i celé sekce stránek, aniž by musela volat vývojáře.
8

SEO, výkon a obsah

9.–14. února ~16 hodin

Web se optimalizoval pro vyhledávače a rychlost načítání.

  • SEO obrázků — AI automaticky generuje popisky
  • Drobečková navigace — pomáhá uživatelům i Googlu
  • Strukturovaná data — Schema.org pro firmu a produkty
  • Optimalizace rychlosti — menší obrázky, líné načítání
  • Verzování obsahu — možnost vrátit se k předchozí verzi
  • Srovnávací tabulky — porovnání materiálů a typů teras
9

Workflow zakázek a analytika

23. 2. – 9. března ~30 hodin

Systém pokryl kompletní cestu zakázky od poptávky po expedici.

  • Stavový workflow — od odeslání poptávky po dokončení/expedici
  • Zamykání kalkulací — automatické zamknutí ve výrobě
  • Google Analytics 4 — sledování chování návštěvníků
  • Admin dashboard — grafy, tržby, konverzní trychtýř
  • Právní dokumenty — obchodní podmínky, GDPR, cookies
  • Sledování CTA kliků — co lidé klikají

Průřezová témata

🐛

Opravy chyb

Průběžně se řešily desítky chyb — od špatně zobrazených CNC panelů přes chybné výpočty cen až po problémy s mobilním zobrazením. Každá oprava se zdokumentovala pro prevenci opakování.

💬

Komunikace zákazník–firma

Vznikl chatovací systém přímo u poptávky — zákazník i firma si mohou psát zprávy, přikládat fotky a sledovat přečtení.

E-mailový systém

Celkem více než 10 různých e-mailových šablon — od potvrzení poptávky přes změnu stavu objednávky až po upozornění na novou zprávu. Vše spravovatelné z adminu.

💾

Databáze a zálohování

Automatické zálohy databáze přes GitHub Actions. Databáze běží na Neon (cloudový PostgreSQL) s poolingem pro vysoký výkon.

Odhad časové náročnosti

Fáze Období Commitů Dní Čas
1. 3D konfigurátor6.–7. 1.622~14 h
2. Vylepšení ovládání8.–10. 1.413~17 h
3. Průvodce a cenotvorba11.–15. 1.835~39 h
4. Admin a cenotvorba16.–18. 1.573~24 h
5. Obchodní logika19.–21. 1.463~19 h
6. Marketingový web22.–30. 1.509~26 h
7. Puck CMS1.–8. 2.718~31 h
8. SEO a výkon9.–14. 2.255~16 h
9. Workflow a analytika23. 2.–9. 3.678~30 h
CELKEM6. 1. – 9. 3.50346~216 h
Jak se počítalo: Odhad vychází z časových razítek v git historii. Commity blízko sebe (méně než 2 hodiny rozestup) se počítají jako jedna pracovní session. K poslední aktivitě v session se přičítá 30minutový buffer. Reálný čas může být o 10–20 % vyšší (přemýšlení, testování, plánování bez commitů).

Technologie

Next.js + React
Zobrazení stránek a interaktivní prvky
Three.js
3D vizualizace terasy v prostoru
Tailwind CSS
Vzhled webu (barvy, rozložení, animace)
PostgreSQL + Prisma
Ukládání dat (poptávky, materiály, stránky)
Puck Editor
Vizuální úprava obsahu webu
Vercel
Provoz webu na internetu
Nodemailer
Odesílání e-mailů zákazníkům a firmě
Google Analytics 4
Sledování návštěvnosti a chování

Pohled z ptačí perspektivy

Leden 2026

  • 3D konfigurátor, UI, deploy
  • Admin, cenotvorba, e-maily
  • Marketing web, design systém
  • Animace, opravy, doladění

Únor 2026

  • Puck CMS, dynamické stránky
  • SEO, srovnání, obsah, výkon
  • Pauza / menší údržba

Březen 2026

  • Workflow zakázek, GA4
  • Admin dashboard, launch
  • Finální opravy po spuštění