ASTRO · NEXT.JS · SANITY · AI

Weby na míru.
Navržené, ne vygenerované.

Jak pracuju

01 — OD FIGMY PO PRODUKCI

Navrhuju a vyvíjím weby, aplikace a AI nástroje v Astro, Next.js a Sanity.

Poznáváte to?
Web brzdí víc, než pomáhá.

Přehled požadavků a úprav webu se stavem jejich zpracování.
  • DNES · 01

    Šablona vás brzdí

    Platforma umí jen to, co umí. Každá výjimka je hack, plugin nebo kompromis.

    NA MÍRU

    Bez stropu platformy

    Konfigurátor, klientská zóna nebo integrace. Postavím, co byznys potřebuje, a web roste bez přestavby.

  • DNES · 02

    Obsah nejde znovu použít

    Texty žijí ve stránkách. Pro aplikaci, newsletter nebo další jazyk je píšete znovu.

    NA MÍRU

    Obsah jako data

    Jedna úprava v Sanity se propíše na web, do aplikace i k AI asistentovi.

  • DNES · 03

    Platíte za to, co nepoužíváte

    Licence, pluginy a skripty třetích stran. Web je pomalejší a provoz dražší.

    NA MÍRU

    Rychlost v základu

    Web se načte hned a provoz vyjde levněji.

QUEUE.WEB → 0
  • Ondřej klikne na nadpis v náhledu a rovnou ho přepíše, bez hledání ve formulářích.
  • Klára naplánuje kampaň na pondělí na osmou a jde domů. Web se přepne sám.
  • Tomáš změní cenu jednou a platí na webu, v aplikaci i v nabídkách.
  • Martin nechá AI navrhnout alt texty ke dvěma stům fotek a jen je schválí.
  • Petra přidá k článku německou verzi a web ji sám propojí s českou.

Web podle vašich potřeb.
S prostorem pro růst.

Navrhnu řešení podle toho, co má vaší firmě usnadnit — od firemního webu po aplikaci propojenou s vašimi systémy. Další stránky, jazyky nebo funkce můžeme přidávat postupně podle toho, jak se vaše potřeby mění.

Sanity Content Lake propojuje obsah webu, aplikací a dalších kanálů.

Obsah spravujete vy.
Ne vývojář.

Sanity je redakční systém, který se přizpůsobí vašemu týmu. Obsah v něm žije jako data, takže ho použijete na webu, v aplikaci i v AI.

01

Úpravy přímo na webu

Kliknete na text nebo obrázek v náhledu a Sanity vás přenese přesně tam, kde ho změnit. Výsledek vidíte hned, ještě před zveřejněním.

Úprava obsahu v Sanity Studio vedle živého náhledu stránky.

02

Jazyky a kanály bez kopírování

Jeden text v několika jazycích a kanálech. Žádné kopírované stránky ani rozjeté verze.

Jeden obsah v Sanity Studio dostupný v různých jazycích a kanálech.

03

Vydání naplánujete dopředu

Více změn připravíte do jednoho vydání, zkontrolujete a pustíte ve stanovený čas.

Přehled připravovaných změn obsahu, schvalování a naplánovaného vydání.

04

AI, která zná váš obsah

Překlady, alt texty a hromadné úpravy podle jednoho zadání. AI udělá rutinu, vy změny schválíte.

AI asistent v Sanity Studio pomáhá s přípravou a kontrolou obsahu.

05

Připravený na další rozvoj

Web lze rozšiřovat o nové stránky a funkce. Rozsah a cenu dalších úprav si domluvíme předem.

Přehled stavu webu, požadavků na úpravy a doporučení pro další rozvoj.
  • 80+

    Dokončených projektů

  • 11+

    Let zkušeností

  • 100

    Cíl skóre Lighthouse

Čtyři kroky
od první zprávy po spuštění.

  1. Zadání webu s cíli projektu a návrhem jeho struktury.

    Pochopím váš byznys

    Zpráva, call, cíle, publikum a konkurence. Z toho vznikne jasný plán, rozsah a rozpočet.

  2. Návrh webu s komponentami a pravidly design systému.

    Návrh dřív než kód

    Návrh ve Figmě: struktura, obsah i vizuál. Kód začíná až po vašem schválení.

  3. Postup nasazení webu a kontrol před spuštěním.

    Postavím a spustím

    Vývoj, Sanity Studio, testy rychlosti a přístupnosti. Ukážu vám, jak web spravovat.

  4. Přehled domluvených úprav a dalšího rozvoje webu po spuštění.

    Zůstanu po ruce

    Nové sekce, funkce i kampaně. Web roste s vámi, bez agenturní fronty.

Designed, not generated.

Co pro vás udělám.
Od návrhu po péči o web.

Stavba webu po sekcích: úvodní sekce, služby a reference.Design systém webu s typografií, barvami a komponentami.Výsledek vyhledávání pro dotaz web na míru a kontrola SEO.AI vyhledávání odpovídá na otázku a cituje zdroje.Původní adresy webu přesměrované na nové a kontrola po přesunu.Stav webu a požadavky na jeho další rozvoj.

Převedu návrh do rychlého a spolehlivého webu. Propojím ho s redakčním systémem, formuláři a nástroji, které používáte.

  • Vývoj podle schváleného návrhu
  • Redakční systém a správa obsahu
  • Formuláře a potřebné integrace
  • Testování a spuštění webu

Navrhnu web, e-shop nebo aplikaci, která dobře vypadá, snadno se používá a pomáhá lidem udělat další krok.

  • Uživatelské cesty a struktura obsahu
  • Návrhy pro desktop i mobil
  • Klikací prototyp ve Figmě
  • Komponenty a podklady pro vývoj

Vyladím SEO: strukturu, obsah a technické základy webu, aby vaše služby našli ti správní lidé ve vyhledávačích.

  • Audit struktury a technického stavu
  • Úpravy obsahu a metadat
  • Strukturovaná data a indexace
  • Měření a vyhodnocování změn

Připravím obsah tak, aby mu AI rozuměla a mohla ho využít ve svých odpovědích.

  • Kontrola obsahu z pohledu AI
  • Jasné odpovědi a ověřitelná fakta
  • Struktura a srozumitelnost obsahu
  • Kontrola přístupu AI k obsahu

Převedu web na vhodnější systém se zachováním obsahu, důležitých adres a návazností.

  • Přenos obsahu a obrázků
  • Zachování důležitých adres a přesměrování
  • Kontrola formulářů a napojení
  • Testování a kontrola přechodu

Od úprav obsahu po nové stránky a funkce. Můžeme se domluvit na průběžné péči nebo jednotlivých úpravách, vždy s předem dohodnutým rozsahem a cenou.

  • Průběžné úpravy obsahu a designu
  • Nové stránky a funkce
  • Kontrola rychlosti a funkčnosti
  • Přehled požadavků a plán dalších úprav

Vybrané projekty.
Web, motion, CMS.

Co říkají klienti
po spuštění.

  • Oceňuji spolehlivost, flexibilitu a skvělou komunikaci se zbytkem týmu i se zákazníky.

    Michal PešekCEO · Simpliko
  • Na výsledku je vidět, že myslí na lidi, kteří budou web používat, ne jen na to, jak bude vypadat.

    Michal NeužilCo-founder · Persuara
  • Honza je profesionál, který drží slovo, skvěle komunikuje a weby, které vytváří, mají světovou úroveň.

    Radek Šnajdrhellogrow

Máte projekt, na který šablona nestačí?

Popište mi, co potřebujete. Ozvu se s rozsahem, plánem a odhadem ceny.

STAV:PŘIJÍMÁM PROJEKTY·  ODPOVĚĎ DO 2 DNŮ

Hotová platforma,
nebo vývoj na míru?

Každá platforma má své místo. Webflow stavím jako Premium Partner, s WordPressem a Drupalem pomáhám firmám migrovat. Tady je, kdy dává smysl jít na míru.

POROVNAT S:
Srovnání hotových platforem s vývojem na míru
KritériumWORDPRESSDRUPALWEBFLOWWIXSQUARESPACEFRAMERJOOMLANA MÍRU
Spuštění2⁠–⁠6 týdnů1⁠–⁠3 měsíce3⁠–⁠4 týdny1⁠–⁠3 týdny1⁠–⁠3 týdny2⁠–⁠4 týdny1⁠–⁠2 měsíce2⁠–⁠3 týdny
Vlastní logika a aplikacePřes pluginyAno, náročný vývojOmezeně, přes integraceVelo, v rámci platformyJen vložený kódKódové komponenty v ReactuPřes rozšířeníBez omezení
Obsah pro web, aplikaci i AIHlavně webAno, složitěJen webJen webJen webJen webHlavně webJedna data, všechny kanály
Editor pro týmGutenberg + pluginyRobustní, složitějšíWebflow EditorWix EditorEditor šablonyPlátno FrameruAdministrace JoomlySanity Studio na míru
Náklady při růstuPluginy a hostingVývoj a hostingRostou s plánemRostou s tarifem a aplikacemiRostou s tarifemRostou s tarifem a CMSRozšíření a hostingPlatíte za to, co použijete
Bezpečnost a údržbaČasté aktualizace pluginůPravidelné updaty jádraŘeší platformaŘeší platformaŘeší platformaŘeší platformaAktualizace jádra a rozšířeníStatický web, minimum rizik
VýkonZáleží na šabloněDobrý s cacheDobrýZáleží na aplikacíchZáleží na šabloněDobrý, víc JavaScriptuZáleží na šabloněLighthouse 95⁠–⁠100

Co vás zajímá,
než začneme spolupracovat.

CENA A TERMÍNY

Kolik stojí web na míru v Astro nebo Next.js?

Pevnou cenu dostanete po úvodním callu a odvíjí se od rozsahu. Marketingový web v Astro se Sanity vyjde levněji než aplikace s přihlášením a napojením na vaše systémy. Cenu nejvíc ovlivní počet typů stránek, jazyků a integrací a to, kolik animací web potřebuje.

Kolik stojí webová aplikace nebo klientský portál?

Aplikace nebo portál stojí víc než marketingový web, protože navíc řeší přihlášení, role, data a napojení na další systémy. Cenu skládám z konkrétních funkcí: kolik rolí, jaké obrazovky a jaké integrace. Často se vyplatí začít prototypem za pár dní a ověřit rozsah dřív, než se pustíme do celé aplikace. Pevnou cenu dostanete po úvodním callu a briefu.

Jak dlouho trvá vývoj webu na míru?

Běžný web na míru spustím za 2–3 týdny. Aplikace s přihlášením, rolemi a integracemi trvají déle, podle rozsahu. Kód začíná až po schválení návrhu ve Figmě, takže termín závisí i na tom, jak rychle se shodneme na designu. Přesný harmonogram dostanete spolu s nabídkou.

Kolik stojí provoz Sanity a hostingu?

U menšího webu často stačí bezplatný tarif Sanity, který pokryje až 20 uživatelů. Placený tarif Growth stojí 15 USD za uživatele měsíčně a hodí se pro větší tým. Hosting na Vercelu vyžaduje pro komerční web tarif Pro od 20 USD měsíčně. Účty běží na vaše jméno a platíte jen to, co opravdu používáte.

Jak probíhá platba a fakturace?

Fakturuju jako OSVČ a nejsem plátce DPH, takže cena v nabídce je konečná. Rozpis plateb, tedy kolik se platí na začátku a kolik po spuštění, je součástí nabídky a domluvíme ho předem. Další rozvoj po spuštění účtuju podle hodinové sazby, nebo formou měsíčního retaineru.

Co když se rozsah během projektu změní?

Změna rozsahu je běžná a počítám s ní. Novou funkci nebo stránku nejdřív popíšu a nacením a pustím se do ní až po vašem souhlasu, takže vás cena nepřekvapí. Drobné úpravy v rámci schváleného návrhu řešíme průběžně. Když změn přibude víc, přesuneme je do další fáze po spuštění, aby termín vydržel.

TECHNOLOGIE

Proč Astro a Next.js místo WordPressu?

Protože web v Astro nebo Next.js nestojí na pluginech, které se musí pořád aktualizovat, a stránky se generují předem a běží z globální CDN. Výsledkem je rychlejší web, menší prostor pro útok a obsah, který přes Sanity použijete i mimo web. WordPress má své místo a s migrací z něj pomáhám. Na míru jdu tam, kde šablona a pluginy začnou brzdit.

Kdy dává smysl Webflow a kdy vývoj na míru?

Webflow volte, když potřebujete prezentační web, který si po předání upravíte sami včetně rozvržení stránek. Vývoj na míru dává smysl, když obsah používáte na víc místech, potřebujete vlastní logiku, přihlášení nebo aplikaci, nebo vás platforma začne omezovat. Jako Webflow Premium Partner dělám obojí, takže vám řeknu i to, kdy bude stačit levnější cesta.

Komu patří kód, obsah a přístupy?

Vám. Kód předávám v Git repozitáři, obsah žije ve vašem projektu v Sanity a hosting i doména běží na vašich účtech. Nejste na mně závislí: když budete chtít, převezme web kdokoli jiný, kdo zná Astro nebo Next.js.

Kde web běží a jak je zabezpečený?

Web běží na Vercelu a doručuje se z globální CDN, obsah drží Sanity ve svém cloudu. Většina stránek je statická, takže na serveru neběží databáze ani pluginy, které by šlo napadnout. Přihlášení do redakce hlídá Sanity včetně rolí, kdo smí co upravovat, a HTTPS je samozřejmost.

Jak web škálujete při růstu návštěvnosti?

Statický web na CDN škáluje sám, bez zásahu. Stránky se posílají z nejbližšího uzlu sítě, takže nápor z kampaně nebo z médií web nezpomalí. Dynamické části a aplikace běží na Vercelu jako serverless funkce, které se zátěži přizpůsobí, a obsah ze Sanity jde přes jejich API CDN.

Můžu web později převzít s vlastním týmem?

Ano. Stavím na běžných technologiích, Astru, Next.js, TypeScriptu a Sanity, které zná každý moderní frontendový tým. Schéma obsahu je v kódu a žije v Gitu se zbytkem webu, takže je vidět celá historie změn. Při předání vašemu týmu projdu strukturu projektu a nasazení.

SANITY CMS

Co je headless CMS a proč právě Sanity?

Headless CMS spravuje jen obsah a vzhled nechává na frontendu, takže stejný obsah použijete na webu, v aplikaci i v AI. Sanity volím proto, že ukládá obsah jako strukturovaná data a redakční prostředí Sanity Studio se dá přizpůsobit přesně vašemu týmu. Navíc umí úpravy přímo v náhledu webu, plánovaná vydání a práci více lidí naráz.

Zvládne obsah spravovat netechnický tým?

Ano, Sanity Studio stavím pro lidi, kteří ho budou používat, ne pro vývojáře. Pole se jmenují podle vašeho obsahu, co nepotřebujete, je skryté, a validace upozorní na chybu dřív, než se dostane na web. Díky úpravám v náhledu kliknete na text na stránce a rovnou ho přepisujete. Po spuštění vám ukážu, jak web spravovat.

Umí Sanity vícejazyčný web?

Ano. Sanity umí překládat celé dokumenty i jednotlivá pole, podle toho, jestli se jazykové verze liší strukturou, nebo jen textem. Každá verze má na webu vlastní URL, metadata a hreflang, takže ji vyhledávače neberou jako duplicitu. Překlady může připravit AI přímo v Sanity a váš tým je jen zkontroluje.

Uvidím změny před zveřejněním?

Ano. Každá změna je nejdřív koncept, který vidíte v živém náhledu webu, a ven jde až po zveřejnění. Víc změn můžete připravit do jednoho vydání, zkontrolovat ho a naplánovat na konkrétní čas. Kliknutím na text nebo obrázek v náhledu se přesunete rovnou do pole, kde se upravuje.

Kolik lidí může v Sanity pracovat najednou?

Bezplatný tarif Sanity pokryje až 20 uživatelů, placený Growth až 50 a větší týmy řeší tarif Enterprise. Úpravy probíhají v reálném čase: vidíte, kdo je v dokumentu, a změny se slučují živě. Studio můžu nastavit tak, aby obchod, marketing i překladatelé viděli hlavně svůj obsah.

Jak funguje správa obrázků a médií?

Obrázek nahrajete do Sanity jednou a web si z něj sám vytvoří správnou velikost a moderní formát pro každé zařízení. Ohnisko označíte přímo v editoru, takže se fotka ořízne správně na mobilu i na desktopu. Alt texty může navrhnout AI a vy je jen schválíte. Videa doporučuju hostovat ve specializované službě, aby web zůstal rychlý.

APLIKACE A AI

Postavíte i webovou nebo mobilní aplikaci?

Webové aplikace ano: klientské zóny, portály, konfigurátory a interní nástroje stavím v Next.js se Sanity. UI/UX aplikací navrhuju ve Figmě včetně mobilních a obsah pro ně může běžet ze stejné Sanity jako web. Větší projekty, které potřebují celý tým, stavím se studiem Grevo, které jsem spoluzaložil.

Jaké AI agenty a automatizace stavíte?

Stavím agenty a automatizace, které týmu ušetří rutinní práci a pracují s vaším vlastním obsahem a daty. Typicky jde o překlady a alt texty v Sanity, třídění poptávek z webu, přípravu návrhů nabídek z CRM nebo interního asistenta, který odpovídá z vaší dokumentace. Agent připraví návrh a člověk ho schválí, než cokoli odejde ven.

Napojíte web na CRM, ERP nebo účetnictví?

Ano, když systém má API, napojím na něj web i aplikaci přímo v kódu. Poptávka z webu tak může rovnou založit kontakt v CRM, objednávka se propsat do ERP a faktura do účetnictví. U jednodušších toků stačí automatizace přes Make nebo Zapier, které se rychleji nastavují i mění.

Je AI napojená na moje data bezpečná?

Ano, když je správně navržená: AI dostane přístup jen k datům, která pro úkol potřebuje, a nic nezveřejní ani nezmění bez schválení člověkem. Používám API velkých poskytovatelů, která data poslaná přes API ve výchozím nastavení nepoužívají k trénování modelů. Citlivá data můžeme z AI vynechat úplně, nebo je před odesláním anonymizovat.

Kolik stojí provoz AI funkcí?

Provoz AI se platí podle využití: čím víc textu agent zpracuje a čím výkonnější model použije, tím víc stojí. Na rutinní úlohy, jako jsou překlady nebo třídění, stačí levnější modely, na složitější uvažování se vyplatí ty dražší. Odhad měsíčních nákladů vám spočítám z prototypu na skutečném objemu vašich dat.

SEO A AI VYHLEDÁVÁNÍ

Převedete stávající web bez ztráty pozic?

Ano. Klíčové je, aby každá stará URL dostala 301 přesměrování na novou adresu a žádná neskončila na chybě 404. Zachovám titulky, popisy a adresy článků, kde to jde, a po spuštění sleduju Search Console. Krátký výkyv po migraci je normální, trvalé ztráty vznikají hlavně z chybějících přesměrování.

Jak web připravíte pro ChatGPT, Perplexity a Google AI?

Tak, aby mu AI rozuměla a mohla ho citovat: každá důležitá stránka začíná přímou odpovědí, obsah je v čistém HTML a údaje o vás jsou všude stejné. Přidám strukturovaná data a llms.txt a v robots.txt pustím AI crawlery. Pak budujeme tematické celky článků, které ukážou, že se v oboru vyznáte. Klasické SEO to nenahrazuje, rozšiřuje ho.

K čemu jsou strukturovaná data a llms.txt?

Strukturovaná data (JSON-LD) strojově popisují, kdo jste, co nabízíte a o čem stránka je, a llms.txt dává jazykovým modelům přehlednou mapu nejdůležitějšího obsahu. Obojí beru jako levnou pojistku, ne zázrak: Google pro AI vyhledávání strukturovaná data nevyžaduje a llms.txt nepoužívá. Microsoft ale uvádí, že schema pomáhá Bingu a Copilotu obsahu porozumět.

Jak rychlý bude web podle Core Web Vitals?

Cílím na skóre Lighthouse 95–100 na mobilu a na všechny tři Core Web Vitals v zeleném pásmu. Pomáhá tomu statický výstup, JavaScript jen tam, kde je potřeba, moderní formáty obrázků a fonty hostované přímo na webu. Rychlost měřím před spuštěním a hlídám ji i při dalším rozvoji.

Dostanu měření návštěvnosti a konverzí?

Ano. Měření nastavím podle toho, co potřebujete vědět: odkud lidé přicházejí, co čtou a kolik z nich pošle poptávku. Podle situace použiju Google Analytics 4, nebo analytiku bez cookies, a k tomu Search Console. Konverze jako odeslaný formulář nebo klik na e-mail měřím jako samostatné události a cookie lištu nastavím podle pravidel.

Jak rychle se projeví změny ve vyhledávání?

Nové a upravené stránky Google obvykle zaindexuje během několika dní, posun v pozicích se ale projevuje spíš v týdnech až měsících. Indexaci můžu urychlit odesláním sitemapy a klíčových URL v Search Console. AI vyhledávače změny převezmou podle toho, jak často web procházejí jejich crawlery, a proto je robots.txt musí pustit dovnitř.

SPOLUPRÁCE

Jak probíhá spolupráce od prvního callu?

Po prvním callu sepíšu rozsah, plán a pevnou cenu, a když souhlasíte, začneme návrhem ve Figmě. Kód začíná až po schválení návrhu. Pak web postavím, otestuju rychlost a přístupnost, spustím ho a ukážu vám, jak ho spravovat. Celou dobu jednáte přímo se mnou, ne s account managerem.

Pracujete i pro agentury a studia?

Ano. Navrhujete vy, já postavím: vývoj podle vašeho designu v Astru, Next.js nebo Webflow, klidně i pod vaší značkou. Návrh převedu do kódu přesně a předám ho tak, aby se v něm vyznal kdokoli další. Se studii spolupracuju dlouhodobě a opakovaně, na webech, animacích i CMS.

Co se děje po spuštění webu?

Po spuštění zůstávám po ruce: hlídám, že web běží, indexuje se a nevrací chyby, a ladím, co ukáže skutečný provoz. Web umíte spravovat, takže běžný obsah měníte sami. Nové sekce, funkce i kampaně pak přidáváme podle potřeby, bez agenturní fronty.

Nabízíte údržbu a další rozvoj?

Ano, dvěma způsoby: podle hodinové sazby, kdy platíte jen skutečně odvedenou práci, nebo formou měsíčního retaineru s vyhrazenou kapacitou. Do údržby patří aktualizace závislostí, kontrola rychlosti a bezpečnosti a drobné úpravy, do rozvoje nové stránky, funkce a integrace. Co vám dává větší smysl, probereme podle toho, jak často web měníte.

Podepíšete NDA?

Ano, NDA podepíšu ještě předtím, než mi ukážete podrobnosti projektu. Pošlete svoje znění, nebo připravím jednoduchou oboustrannou smlouvu o mlčenlivosti. Přístup k vašim systémům a datům držím jen v rozsahu, který projekt opravdu potřebuje, a po předání ten nepotřebný zrušíme.

Jak spolu komunikujeme během projektu?

Přímo se mnou, bez prostředníků: kdo web navrhuje a programuje, ten vám i odpovídá. Průběžné dotazy řešíme e-mailem nebo ve sdíleném kanálu, větší rozhodnutí na krátkém callu. Rozpracovaný návrh vidíte ve Figmě a web na testovací adrese, takže víte, kde projekt je, a nečekáte na prezentaci.

Postavme něco,
co vydrží.

Napište, na čem pracujete. Do dvou dnů se ozvu s rozsahem, termínem a jasným plánem.

STAV:PŘIJÍMÁM PROJEKTY·  ODPOVĚĎ DO 2 DNŮ

Ukázka redakčního prostředí Sanity Studio pro správu webového obsahu.

Nezávazná poptávka

FORM.POPTÁVKA

Napište mi o projektu

Popište projekt. Do dvou dnů se ozvu s rozsahem, termínem a plánem.

Co potřebujete
Co potřebujete

Údaje použiju jen k odpovědi.

Odpověď do 2 dnů ·designer@janvodvarka.cz