Nabídka pro KNKTR

(NOW)

Nový web pro správné lidi a správné projekty.

Dnešní knktr.cz má 135 adres ve třech jazycích. Nový web je má převzít bez ztrát a otevřít cestu dalším službám.

Zadání, jak jsme ho pochopili

Nový web s přibližně 12 stránkami služeb v češtině a jejich slovenskými a anglickými mutacemi. K tomu case studies s filtrací, tým, kariéra a blog, vše spravované v redakčním systému bez vývojáře.

SEO audit a strukturu si připravujete sami

Váš SEO audit a návrh struktury převezmeme hned na úvodním workshopu. Navážeme na ně informační architekturou a technicky: URL, přesměrování, metadata, strukturovaná data a jazykové mutace.

Pokud byste audit a návrh struktury chtěli zadat externě, nabídku připravil náš kolega Pavel Strousek: nabídka SEO auditu a návrhu struktury.

Identitu máte, web navrhneme my

Dodáte vizuální identitu a podklady značky. My je rozpracujeme do informační architektury, UX, wireframů, responzivního webdesignu s mobilními variantami a knihovny komponent.

Proto začínáme společným workshopem a návrhem

UX, UI i design určují, kolik práce bude realizace stát. Návrh proto naceňujeme pevně a realizaci zatím rozpětím. Pevnou cenu realizace dostanete hned po schválení grafického návrhu.

(HOW)

Šest kroků od workshopu po spuštění.

(01)

Společný workshop a podklady

Začínáme společně. Na workshopu projdeme cíle webu, cílové skupiny a priority služeb a převezmeme od vás všechno, na čem budeme stavět:

vizuální identitu a dostupné podklady značky
výstupy vašeho SEO auditu
váš návrh struktury webu a služeb

(02)

Informační architektura a wireframy

Z vašeho návrhu struktury a SEO auditu vytvoříme informační architekturu služeb a podslužeb, stabilní URL a obsahové modely pro službu, case study, člověka, pozici a článek.

Wireframy 11 klíčových šablon pro desktop i mobil, dvě připomínková kola.

(03)

Webdesign a knihovna komponent

Vaši vizuální identitu rozpracujeme do responzivního webdesignu 7 klíčových šablon včetně mobilních variant. Dvě připomínková kola.

Současně vznikne knihovna komponent ve Figmě se stavy, variantami a design tokeny, ze které se složí i zbylé šablony. Přístupnost (kontrast, focus, velikosti) hlídáme už v návrhu.

(04)

Specifikace a pevná cena

Nad schváleným návrhem doplníme technickou specifikaci: seznam komponent a jejich polí v CMS, výkonový rozpočet pro reprezentativní šablony a měřicí plán.

Orientační rozpětí realizace nahradíme pevnou cenou a harmonogramem.

(05)

Realizace (WEB) na Next.js a Payload CMS

Frontend podle návrhu, redakční systém se strukturovanými typy obsahu, jazykové mutace, technické SEO, formulář a analytika. Migraci obsahu nabízíme jako volitelnou položku.

Před předáním zkontrolujeme implementaci všech 11 šablon proti schválenému návrhu, rozsah je v tabulce níže.

(06)

Spuštění a provoz

Testování, protokol přístupnosti, zaškolení editorů a spuštění přes Cloudflare. Potom provoz a podpora v režimu SLA, viz samostatný blok u ceny.

Naším cílem je vždy spokojený klient. Počty kol v tabulce níže jsou proto orientační, skutečný průběh vyplyne ze spolupráce.

Výstup	Rozsah	Kola
Wireframy	11 šablon v desktopu i mobilu: homepage, rozcestník služeb, detail služby, výpis case studies s filtrem, detail case study, tým, kariéra s detailem pozice, blog, článek, kontakt s formulářem, textová stránka a 404	2 kola
Vizuální návrh	7 šablon v desktopu i mobilu: homepage, rozcestník služeb, detail služby, výpis case studies, detail case study, článek a kontakt. Zbylé šablony skládáme z knihovny komponent	2 kola
Knihovna komponent	Komponenty ve Figmě se stavy (hover, focus, chyba, neaktivní) a variantami, design tokeny, typografie, mřížka a ikony	1 kolo
Kontrola implementace	Všech 11 šablon proti schválenému návrhu na šířkách 375, 768 a 1440 px v prohlížečích Chrome, Safari, Firefox a Edge. Protokol odchylek a ověření jejich opravy	1 kolo a ověření

(tech stack)

Na čem web postavíme.

Next.js, Payload CMS a PostgreSQL v jednom repozitáři. Moderní základ, který dobře znají vývojáři i AI nástroje.

Next.js

Nejrozšířenější framework nad Reactem. Stránky vykresluje na serveru, takže obsah, navigace i odkazy jsou v HTML bez JavaScriptu. Změna v CMS se na webu projeví bez nového buildu.

Payload CMS

Open source redakční systém (licence MIT) postavený na TypeScriptu a Next.js. Strukturované typy obsahu, role a oprávnění, lokalizace, verze, koncepty, plánování publikace a živý náhled.

PostgreSQL

Vlastní databáze bez poplatků za uživatele nebo objem obsahu. Data jsou kdykoli exportovatelná, žádný vendor lock-in.

Cloudflare, Hetzner a Dokploy

Cloudflare jako reverzní proxy pro zabezpečení, cache, certifikáty a přehled o robotech včetně AI. Aplikace běží v Docker kontejnerech na Hetzneru, nasazování řídí Dokploy.

(your brief)

Odpovědi na vaše zadání, bod po bodu.

A. Obsah v HTML

Next.js generuje stránky na serveru (statická generace s průběžnou obnovou). Klíčový obsah i navigace jsou v HTML bez klientského JavaScriptu. Web je díky tomu rychlý, dobře se cachuje na Cloudflare a změny obsahu se projeví do několika sekund.

B. Přístupnost WCAG 2.2 AA

Řešíme ji už od wireframů: klávesnice a viditelný focus, kontrast, sémantika a nadpisy, popisky formulářů a chyb, alt texty, prefers-reduced-motion a přístupné menu, modály, filtry i přepínač jazyka. Před spuštěním automatická i ruční kontrola a stručný protokol.

C. Služby, case studies a mutace

Univerzální šablona služby, nové služby a podslužby zakládá editor sám. Case studies s filtrem podle klienta, oboru a služby a s vazbou na služby a lidi. Tým a kariéra v CMS. Počítáme s 12 stránkami služeb v CZ a jejich mutacemi SK a EN.

C. Jazykové mutace

hreflang včetně x-default, vlastní canonical pro každou variantu, přepínač vedoucí na ekvivalentní stránku, možnost variantu nepublikovat, správný atribut lang a všechny varianty v XML sitemapě.

D. HTTPS, canonical a přesměrování

Web jen přes HTTPS, jedna preferovaná podoba URL a automaticky generovaný canonical. Správa přesměrování 301 v CMS je v ceně. Mapa přesměrování ze všech současných 135 adres a kontrola po spuštění jsou součástí volitelné migrace.

E. Strukturovaná data

JSON-LD typů Organization, WebSite, BreadcrumbList, Service, Article a Person. Generují se automaticky z údajů v CMS, ne ručně. Před spuštěním je ověříme validátory Schema.org a Google.

F. Redakční systém

Payload CMS pokryje všechny body zadání: stránky, služby, články, média, autora a datum, URL, meta a náhledový obrázek, kategorie a štítky, náhled, plánování, koncepty a přesměrování při změně URL. Role administrátor, editor a autor. Licence 0 Kč, zaškolení a dokumentace jsou v ceně.

G. Formulář

Validace polí, ochrana proti spamu kombinací honeypotu, rate limitu a neviditelné Cloudflare Turnstile. Notifikace e-mailem, napojení na CRM nebo mailing přes API. Pole i texty formuláře se upravují v CMS.

H. robots.txt a sitemap

robots.txt podle struktury webu včetně Content Signals (contentsignals.org) a pravidel pro běžné i AI crawlery. XML sitemapa se generuje automaticky, obsahuje jazykové mutace a vynechává neveřejné, technické a duplicitní URL.

I. Cloudflare

Reverzní proxy před aplikací: DNS, certifikáty, cache s vyčištěním při publikaci, WAF, ochrana proti nežádoucímu provozu a přehled o AI robotech. Doporučujeme tarif Pro, kompatibilitu s formuláři a analytikou ověříme na stagingu.

J. Markdown pro AI agenty

Volitelné rozšíření. Aplikace při hlavičce Accept: text/markdown vrátí hlavní obsah stránky v Markdownu přímo z dat v CMS, s nadpisy, seznamy a odkazy, bez navigace a patičky. Základní web na něm nezávisí, provozní náklady navíc nevznikají.

K. Migrace obsahu

Volitelná položka. Kombinace automatického importu a ruční kontroly. Case studies (dnes 44) a novinky (dnes 35) převedeme i s obrázky a metadaty, stránky služeb vzniknou z vašich nových textů. Úplnost ověříme porovnáním crawlu před a po migraci.

L. Analytika a souhlasy

Audit současného měření a měřicí plán, GTM a GA4 s návazností dat, konverze a mikrokonverze, Consent Mode v2 s cookie lištou, Google Search Console a Bing Webmaster Tools. Dokumentace událostí a kontrola před i po spuštění.

M. Výkon a Core Web Vitals

Výkonový rozpočet před vývojem. Obrázky v AVIF a WebP s responzivními variantami, minimum JavaScriptu, rozměry médií proti posunům layoutu. Cíl LCP do 2,5 s, INP do 200 ms a CLS do 0,1, měřeno na homepage, službě, case study, článku a kontaktu.

N. Provoz a vlastnictví

Doména, DNS, Cloudflare, repozitář, CMS i analytika ve vašich účtech nebo s vaším administrátorským přístupem. Staging a produkce, automatické nasazování s návratem na předchozí verzi, denní zálohy s ověřením obnovy. Zdrojový kód je váš, obsah kdykoli exportujete.

O. Testování a předání

Kompletní checklist ze zadání: šablony, formuláře, responzivita, odkazy, metadata, strukturovaná data, přesměrování, mutace, robots a sitemap, WCAG, Core Web Vitals, měření, 404 a indexace. Opravy před spuštěním, zaškolení a předání přístupů, dokumentace a kódu.

(budget)

Návrh za pevnou cenu, realizace v rozpětí.

(01) na začátek

240 000 Kč

Workshop, UX, webdesign a specifikace. Jednorázově, pevná cena, bez DPH

Společný workshop a převzetí podkladůVizuální identita, SEO audit a návrh struktury od vás30 000 Kč
Informační architektura a struktura URLZ vašeho návrhu struktury pro CZ, SK a EN, stabilní URL30 000 Kč
Obsahové modelySlužba, case study, člověk, pozice a článek, jejich pole, vazby a filtryv ceně
UX/UI návrh designuWireframy 11 šablon a responzivní webdesign 7 šablon, desktop i mobil, dvě připomínková kola150 000 Kč
Technická specifikace a pevná cena realizaceSeznam komponent, výkonový rozpočet, měřicí plán30 000 Kč

(02) potom

470 000 - 685 000 Kč

Realizace webu. Jednorázově, orientačně, bez DPH

Základ projektu, prostředí a nasazováníRepozitář, staging, CI/CD, Docker30 - 40 tis. Kč
Frontend šablon a komponent podle návrhuVykreslení na serveru, responzivita, WCAG 2.2 AA180 - 280 tis. Kč
Payload CMS a typy obsahuSlužby, case studies s filtrací, tým, kariéra, blog, role, náhled90 - 130 tis. Kč
Jazykové mutace SK a ENhreflang, přepínač na ekvivalentní stránku, nepublikované překlady60 - 80 tis. Kč
Technické SEO a strukturovaná datacanonical, JSON-LD, sitemap, robots.txt a AI crawleřiv ceně
Kontaktní a poptávkový formulářValidace, antispam, notifikace, napojení na CRM nebo mailingv ceně
Analytika a souhlasyAudit, měřicí plán, GTM, GA4, Consent Mode, GSC a Bing30 - 45 tis. Kč
Testování, kontrola návrhu a akceptaceKontrola implementace 11 šablon, protokol WCAG 2.2 AA, Core Web Vitals50 - 70 tis. Kč
Spuštění, Cloudflare a zaškoleníProdukční prostředí, cache, zaškolení editorů, dokumentace30 - 40 tis. Kč

(celkem)

710 - 925 tis. Kč

z toho 240 000 Kč pevně za návrh, realizaci upřesníme po grafickém návrhu

Ceny jsou bez DPH. Rozpětí realizace nahradíme pevnou cenou hned po schválení grafického návrhu.

(03) provoz a SLA

5 100 Kč / 12 100 Kč náš tip / 27 100 Kč

Měsíčně od spuštění podle zvolené varianty, bez DPH. Minimální, Doporučeno a Premium.

Provoz a SLA, měsíčně	Minimální	Doporučeno náš tip	Premium
HostingMísto, kde web běží a jsou uložená data včetně záloh. Určuje rychlost, stabilitu a odolnost při vyšší návštěvnosti nebo útocích.	(ant) cloudŠkálovatelný cloudový provoz přizpůsobený nárokům projektu, včetně denních záloh.600 Kč	(ant) cloudŠkálovatelný cloudový provoz přizpůsobený nárokům projektu, včetně denních záloh.600 Kč	(ant) cloudŠkálovatelný cloudový provoz přizpůsobený nárokům projektu, včetně denních záloh.600 Kč
CloudflareZrychluje načítání a chrání web před škodlivým provozem a přetížením, včetně AI botů.	Zdarma, bez správyBezplatný tarif Cloudflare bez naší průběžné správy.0 Kč	PRO se správouCloudflare PRO včetně průběžné správy a pokročilé optimalizace.2 000 Kč	PRO se správouCloudflare PRO včetně průběžné správy a pokročilé optimalizace.2 000 Kč
Licence Cloudflare PROZpřístupňuje pokročilé funkce Cloudflare PRO pro lepší ochranu a optimalizaci.	Není potřebaU bezplatného tarifu se licence neplatí.0 Kč	PřefakturujemeLicenci hradíme my a přefakturujeme ji v měsíčním paušálu.500 Kč	PřefakturujemeLicenci hradíme my a přefakturujeme ji v měsíčním paušálu.500 Kč
Garance dostupnostiSmluvní závazek, že web bude dostupný návštěvníkům.	Bez garanceDostupnost není smluvně garantována. Zaznamenaný výpadek řešíme jako incident kategorie A.0 Kč	99,90 %Nejvýš 43 minut výpadku v kalendářním měsíci.3 000 Kč	99,90 %Nejvýš 43 minut výpadku v kalendářním měsíci.3 000 Kč
Servis a podporaPožadavky, chyby a incidenty řeší vývojáři, kteří váš web znají.	StandardníPracovní dny 8:00 až 16:00. Incident A: reakce do 4 h, vyřešení do 8 h od reakce. Incident B: reakce do 8 h, vyřešení do 24 h od reakce.3 000 Kč	StandardníPracovní dny 8:00 až 16:00. Incident A: reakce do 4 h, vyřešení do 8 h od reakce. Incident B: reakce do 8 h, vyřešení do 24 h od reakce.3 000 Kč	RozšířenáPohotovost denně 8:00 až 22:00 včetně víkendů a svátků. Incident A: reakce do 4 h, vyřešení do 8 h od reakce. Incident B: reakce do 8 h, vyřešení do 24 h od reakce.18 000 Kč
AktualizaceAktualizace na stabilní verze omezují zranitelnosti, nekompatibility a technický dluh. Změny vždy shrneme a závažnou zveřejněnou zranitelnost řešíme do 72 hodin ve zvoleném servisním okně.	1× ročněJedna plánovaná aktualizace technických součástí ročně.1 000 Kč	2× ročněDvě plánované aktualizace ročně pro průběžnou bezpečnost a kompatibilitu.1 500 Kč	2× ročněDvě plánované aktualizace ročně pro průběžnou bezpečnost a kompatibilitu.1 500 Kč
MonitoringSleduje stav webu, abychom se o výpadku nebo chybě dozvěděli dřív než vy nebo vaši zákazníci.	ZákladníPrůběžné sledování a hlášení nálezů bez vyhrazeného času na opravu.500 Kč	S vyhrazeným časemPrůběžné sledování včetně vyhrazeného času na řešení zjištěných problémů.1 500 Kč	S vyhrazeným časemPrůběžné sledování včetně vyhrazeného času na řešení zjištěných problémů.1 500 Kč
Celkem měsíčně	5 100 Kč	12 100 Kč	27 100 Kč

(04) volitelně

60 - 105 tis. Kč

Obě položky dohromady. Jednorázově, bez DPH, nejsou v součtu, lze objednat i samostatně

Migrace obsahu a přesměrování 301Dnes 135 URL ve třech jazycích, vložení 12 stránek služeb v CZ40 - 70 tis. Kč
Markdown pro AI agentyOdpověď na Accept: text/markdown přímo z dat v CMS, bez dalších provozních nákladů20 - 35 tis. Kč

Licence a externí služby	Forma	Cena
Next.js, Payload CMS, PostgreSQL	Open source licence	0 Kč
Hosting (ant) cloud	Součást provozu a SLA	v ceně SLA
Licence Cloudflare PRO	Přefakturujeme v paušálu SLA	v ceně SLA
Cloudflare Turnstile (antispam)	Zdarma	0 Kč
Fonty a obrazové podklady	Podle licencí vaší identity	dle licence

(timeline)

Zhruba tři až čtyři měsíce do spuštění.

(01)

Workshop a podklady

Společný workshop, převzetí vizuální identity, SEO auditu a návrhu struktury. Výstup: zadání, na kterém se shodneme.

Orientačně 1 týden.

(02)

Architektura a wireframy

Informační architektura, URL, obsahové modely a 11 wireframů. Výstup: schválená struktura a wireframy.

Orientačně 2 až 3 týdny.

(03)

Webdesign

Responzivní návrh 7 šablon a knihovna komponent. Výstup: grafický návrh jako funkční design (v HTML).

Orientačně 3 týdny.

(04)

Specifikace a pevná cena

Technická specifikace, výkonový rozpočet a měřicí plán. Výstup: pevná cena a harmonogram realizace.

Orientačně 1 týden.

(05)

Realizace

Průběžné nasazování na staging, kde vidíte každý hotový kus. Výstup: kompletní web s obsahem na testovací doméně.

Orientačně 6 až 7 týdnů.

(06)

Testování a spuštění

Kontrola implementace proti návrhu, akceptace, protokol přístupnosti, zaškolení, přesměrování a spuštění. Výstup: ostrý web a kontrola měření po spuštění.

Orientačně 1 až 2 týdny.

(scope)