> ## Documentation Index
> Fetch the complete documentation index at: https://insights.expirio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Jak probíhá spolupráce

> Devět navazujících kroků od discovery callu po spuštění — co děláme, co potřebujeme od vás a jak se výstupy schvalují.

<iframe src="https://www.loom.com/embed/d177b1cc4026419f9361ede4d62ede9e" title="Loom video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Web připravujeme v devíti navazujících krocích. U každého kroku je předem jasné:

* co budeme dělat,
* co budeme potřebovat od vás,
* jak dlouho práce obvykle trvá,
* jaký výstup dostanete,
* kdo a jak výstup schválí.

Další krok zahajujeme až ve chvíli, kdy je uzavřený ten předchozí. Díky tomu neděláme důležitá rozhodnutí zpětně a vývoj nezačíná nad neschváleným návrhem.

Pokud váš interní proces vyžaduje jiné zapojení lidí nebo více času na schvalování, domluvíme se na tom během discovery callu.

<Info>
  **Obvyklá doba realizace: 2 až 4 měsíce** od discovery callu po spuštění.
</Info>

Orientačně počítáme s tímto rozdělením:

* strategie, struktura a obsah: 2 až 3 týdny,
* vizuální návrh webu: 3 až 5 týdnů,
* vývoj a interní testování: 4 až 8 týdnů,
* klientská kontrola a spuštění: 1 až 2 týdny.

Některé práce mohou probíhat souběžně. U menšího webu s připraveným obsahem a rychlým schvalováním se můžeme přiblížit dvěma měsícům. Rozsáhlejší web nebo delší schvalování posouvají projekt blíže ke čtyřem měsícům.

Vývoj bývá nejdelší částí projektu. U běžného webu na něj počítáme přibližně dva měsíce.

## Devět kroků

<Steps>
  <Step title="Discovery call" titleSize="h3">
    <Frame>
      <img src="https://mintcdn.com/expirio-insights/80GkEIcNhs0mzlAT/images/CleanShot-2026-08-13-at-14.01.21@2x.png?fit=max&auto=format&n=80GkEIcNhs0mzlAT&q=85&s=9e111a54289c223d302f2c2724cbbf94" alt="Discovery call" className="mr-auto" style={{ width:"68%" }} width="2572" height="1638" data-path="images/CleanShot-2026-08-13-at-14.01.21@2x.png" />
    </Frame>

    Na úvodním setkání si ujasníme cíle projektu, rozsah webu, cílové skupiny, nabídku, konkurenci a dostupný obsah. Vycházíme z briefingového dotazníku, který od vás dostaneme předem.

    Cílem není vyřešit podobu webu. Potřebujeme nejprve získat dostatek informací, abychom mohli správně navrhnout jeho obsah a strukturu.

    **Co potřebujeme od vás:** Vyplněný briefingový dotazník, účast člověka odpovědného za projekt a dostupné podklady.

    **Co si potvrdíme:** Cíle projektu, rozsah práce, priority, odpovědnosti a způsob schvalování.

    **Kdy:** První týden projektu · **Výstup:** Jasné zadání pro další práci · **Forma:** Společný meeting
  </Step>

  <Step title="Výzkum, informační architektura, wireframy a texty" titleSize="h3">
    <Frame>
      <img src="https://mintcdn.com/expirio-insights/T07cf9I2Zp70qGYF/images/Wireframing.png?fit=max&auto=format&n=T07cf9I2Zp70qGYF&q=85&s=b9f706582cb6ea781e07c7efe6fe6dd6" alt="Wireframing" title="Wireframing" style={{ width:"62%" }} className="mr-auto" width="1622" height="1160" data-path="images/Wireframing.png" />
    </Frame>

    Prostudujeme váš obor, konkurenci a potřeby cílových skupin. Na základě zjištění navrhneme informační architekturu, tedy seznam stránek a jejich vzájemné uspořádání.

    Následně připravíme wireframy. Ty určují obsah, pořadí informací a funkci jednotlivých částí stránky. V této fázi ještě neřešíme výsledný vizuální styl.

    Součástí je také návrh textů, abychom stránky navrhovali podle skutečného obsahu a jeho rozsahu.

    **Co potřebujeme od vás:** Doplnění chybějících informací, kontrolu věcné správnosti a sjednocenou zpětnou vazbu.

    **Co si potvrdíme:** Jaké stránky web potřebuje, co na nich bude a jak se mezi nimi bude návštěvník pohybovat.

    **Kdy:** 2 až 3 týdny · **Výstup:** Výzkum, informační architektura, wireframy a návrh textů · **Schválení:** Prezentace výstupů a následné potvrzení směru
  </Step>

  <Step title="Moodboard" titleSize="h2">
    <Frame>
      <img src="https://mintcdn.com/expirio-insights/T07cf9I2Zp70qGYF/images/CleanShot-2026-08-13-at-14.31.19@2x.png?fit=max&auto=format&n=T07cf9I2Zp70qGYF&q=85&s=25acfca1ec7e610789a654e9c06f693e" alt="Clean Shot 2026 08 13 At 14 31 19@2x" title="Clean Shot 2026 08 13 At 14 31 19@2x" style={{ width:"64%" }} className="mr-auto" width="872" height="594" data-path="images/CleanShot-2026-08-13-at-14.31.19@2x.png" />

      Připravíme návrh vizuálního směru webu. Moodboard obsahuje doporučené barvy, typografii, práci s fotografiemi, grafické prvky a relevantní vizuální reference.
    </Frame>

    Nejde o návrh konkrétní stránky. Moodboard slouží k tomu, abychom si před zahájením designu potvrdili společnou představu o vzhledu a charakteru webu.

    **Co potřebujeme od vás:** Zpětnou vazbu k celkovému směru, ne k jednotlivým detailům budoucího rozhraní.

    **Co si potvrdíme:** Jak má web působit a jaký vizuální směr odpovídá vaší značce.

    **Kdy:** 3 až 5 pracovních dnů · **Výstup:** Moodboard a definovaný vizuální směr · **Schválení:** Společný meeting a následné potvrzení
  </Step>

  <Step title="Návrh hlavní stránky" titleSize="h3">
    <Frame>
      <img src="https://mintcdn.com/expirio-insights/T07cf9I2Zp70qGYF/images/CleanShot-2026-08-13-at-14.32.49@2x.png?fit=max&auto=format&n=T07cf9I2Zp70qGYF&q=85&s=33e2e3cf7b6872ac30c326d60742164c" alt="Clean Shot 2026 08 13 At 14 32 49@2x" title="Clean Shot 2026 08 13 At 14 32 49@2x" style={{ width:"63%" }} className="mr-auto" width="1256" height="836" data-path="images/CleanShot-2026-08-13-at-14.32.49@2x.png" />
    </Frame>

    Podle schválených wireframů, textů a moodboardu připravíme návrh hlavní stránky.

    Na hlavní stránce nastavíme výsledný vizuální systém webu. To zahrnuje typografii, barvy, rozestupy, práci s obsahem, tlačítka, formuláře a další opakující se prvky.

    **Co potřebujeme od vás:** Kontrolu obsahu, priorit a celkového vizuálního směru. Připomínky by měly být předané společně za celý váš tým.

    **Co si potvrdíme:** Výsledný styl webu a způsob, jakým budeme zpracovávat další stránky.

    **Kdy:** Přibližně 1 týden · **Výstup:** Návrh hlavní stránky · **Schválení:** Prezentace a následné potvrzení návrhu
  </Step>

  <Step title="Návrh všech stránek" titleSize="h3">
    <Frame>
      <img src="https://mintcdn.com/expirio-insights/T07cf9I2Zp70qGYF/images/CleanShot-2026-08-13-at-14.34.52@2x.png?fit=max&auto=format&n=T07cf9I2Zp70qGYF&q=85&s=a9a4283ee33547f7a5a976b16ccc599a" alt="Clean Shot 2026 08 13 At 14 34 52@2x" title="Clean Shot 2026 08 13 At 14 34 52@2x" style={{ width:"64%" }} className="mr-auto" width="2056" height="1366" data-path="images/CleanShot-2026-08-13-at-14.34.52@2x.png" />
    </Frame>

    Po schválení hlavní stránky připravíme návrhy zbývajících stránek a potřebných šablon.

    Vycházíme ze schváleného vizuálního systému. Zároveň kontrolujeme, že každá stránka plní svůj účel, obsahuje potřebné informace a má jasně definovaný další krok pro návštěvníka.

    **Co potřebujeme od vás:** Kontrolu úplnosti a věcné správnosti obsahu. V této fázi by již nemělo docházet k zásadním změnám struktury webu.

    **Co si potvrdíme:** Kompletní podobu webu před zahájením vývoje.

    **Kdy:** 2 až 3 týdny · **Výstup:** UI návrhy všech stránek · **Schválení:** Prezentace a následné potvrzení kompletního návrhu
  </Step>

  <Step title="Responzivní verze" titleSize="h3">
    <Frame>
      <img src="https://mintcdn.com/expirio-insights/T07cf9I2Zp70qGYF/images/CleanShot-2026-08-13-at-14.34.52@2x-1.png?fit=max&auto=format&n=T07cf9I2Zp70qGYF&q=85&s=f6d2ba27c34462f3e05c9f50c22959e7" alt="Clean Shot 2026 08 13 At 14 34 52@2x" title="Clean Shot 2026 08 13 At 14 34 52@2x" style={{ width:"65%" }} className="mr-auto" width="2056" height="1366" data-path="images/CleanShot-2026-08-13-at-14.34.52@2x-1.png" />
    </Frame>

    Připravíme návrh webu pro mobilní zařízení a velké obrazovky s rozlišením 1920 px.

    Obsah a ovládání přizpůsobíme jednotlivým velikostem obrazovky. Nejde pouze o mechanické zmenšení desktopového návrhu. Kontrolujeme čitelnost, pořadí prvků, velikost ovládacích prvků i chování navigace.

    **Co potřebujeme od vás:** Kontrolu responzivních návrhů a případné připomínky k prioritám mobilního obsahu.

    **Co si potvrdíme:** Podobu webu na hlavních velikostech obrazovky.

    **Kdy:** 3 až 5 pracovních dnů · **Výstup:** Mobilní a velkoformátová verze návrhu · **Schválení:** E-mailem
  </Step>

  <Step title="Vývoj" titleSize="h3">
    <Frame>
      <img src="https://mintcdn.com/expirio-insights/T07cf9I2Zp70qGYF/images/CleanShot-2026-08-13-at-14.36.21@2x.png?fit=max&auto=format&n=T07cf9I2Zp70qGYF&q=85&s=d8f6871b839c402bc5aaab0bafd66c48" alt="Clean Shot 2026 08 13 At 14 36 21@2x" title="Clean Shot 2026 08 13 At 14 36 21@2x" style={{ width:"67%" }} className="mr-auto" width="3648" height="2398" data-path="images/CleanShot-2026-08-13-at-14.36.21@2x.png" />
    </Frame>

    Schválené návrhy převedeme do funkčního webu ve Webflow.

    Vytvoříme jednotlivé stránky, šablony, navigaci, formuláře, animace a redakční části. Průběžně kontrolujeme responzivitu, rychlost, funkčnost a zobrazení v běžných prohlížečích.

    Vývoj probíhá podle schváleného návrhu. Případné nové požadavky nejprve vyhodnotíme z hlediska rozsahu, ceny a harmonogramu.

    **Co potřebujeme od vás:** V této fázi obvykle jen rychlé rozhodnutí v případě, že narazíme na otázku, kterou nebylo možné vyřešit během návrhu.

    **Co průběžně kontrolujeme:** Funkčnost, responzivitu, formuláře, animace a shodu se schváleným designem.

    **Kdy:** 4 až 8 týdnů, u běžného webu přibližně 2 měsíce · **Výstup:** Funkční web připravený ke klientské kontrole · **Komunikace:** Průběžné informace o stavu a konzultace podle potřeby
  </Step>

  <Step title="Předání a kontrola webu" titleSize="h3">
    Web vám zpřístupníme v neveřejné stagingové verzi. Budete si ho moct projít ve skutečném prohlížeči na počítači i telefonu.

    Připomínky zapíšete na jedno předem určené místo. Po jejich odevzdání je společně projdeme, rozdělíme na opravy a nové požadavky a domluvíme další postup.

    Součástí předání jsou krátké video návody pro běžnou správu obsahu ve Webflow.

    **Co potřebujeme od vás:** Kompletní a sjednocený seznam připomínek za celý tým. Kontrola by měla zahrnovat obsah, odkazy, formuláře i zobrazení na zařízeních, která běžně používáte.

    **Co si potvrdíme:** Že web odpovídá schválenému návrhu, správně funguje a může být připraven ke spuštění.

    **Kdy:** 1 až 2 týdny podle rozsahu připomínek a rychlosti kontroly · **Výstup:** Zkontrolovaný web a návody k jeho správě · **Schválení:** Společný meeting a finální potvrzení ke spuštění
  </Step>

  <Step title="Spuštění webu" titleSize="h3">
    Před spuštěním provedeme závěrečnou technickou kontrolu. Ověříme formuláře, odkazy, responzivitu, měření návštěvnosti, základní nastavení pro vyhledávače a případná přesměrování ze starých adres.

    Web spustíme po finálním schválení, uhrazení faktury a předání všech potřebných přístupů.

    Po zveřejnění znovu zkontrolujeme hlavní stránky a funkce přímo na ostré doméně.

    **Co potřebujeme od vás:** Finální souhlas se spuštěním, uhrazenou fakturu a potřebné přístupy.

    **Kdy:** 1 pracovní den · **Výstup:** Web zveřejněný na ostré doméně · **Potvrzení:** E-mailem po dokončení kontroly
  </Step>
</Steps>

## Co potřebujeme od vás

Proces nevyžaduje vaši každodenní účast. V předem stanovených bodech ale potřebujeme podklady, zpětnou vazbu nebo rozhodnutí. Bez jejich uzavření nemůžeme bezpečně pokračovat do další fáze.

### Jeden člověk odpovědný za rozhodnutí

Do projektu můžete zapojit více kolegů. Potřebujeme ale jednoho člověka, který za váš tým:

* shromáždí připomínky,
* vyřeší případné rozpory,
* předá nám sjednocenou zpětnou vazbu,
* potvrdí finální rozhodnutí.

Tím se vyhneme protichůdným požadavkům a nejasnostem ohledně toho, která verze připomínek platí.

### Obsah v dohodnutém termínu

Pro návrh budeme potřebovat skutečné texty, fotografie, informace o službách nebo produktech, reference a další relevantní podklady.

Pokud část obsahu teprve vzniká, společně určíme, kdo ji připraví a do jakého data. Chybějící obsah může ovlivnit návrh stránek i termín spuštění.

### Sjednocená zpětná vazba

Připomínky potřebujeme dostat najednou a na domluveném místě. Před jejich odesláním by měly být projednané uvnitř vašeho týmu.

U každého kola zpětné vazby předem stanovíme termín. Pokud se schválení posune, sdělíme vám dopad na další práci a datum spuštění.

### Potřebné přístupy

Před spuštěním můžeme potřebovat přístupy k:

* registrátorovi domény,
* současnému hostingu,
* analytickým nástrojům,
* nástrojům pro správu cookies,
* službám napojeným na formuláře,
* dalším systémům propojeným s webem.

Seznam vám pošleme s předstihem. Součástí bude informace, který přístup potřebujeme a k čemu bude použit.

## Co následuje po spuštění

Po spuštění provedeme kontrolu webu na ostré doméně a potvrdíme vám, že vše funguje podle plánu.

Dál je možné pokračovat pravidelnou správou a rozvojem webu. Může zahrnovat například:

* technickou údržbu,
* úpravy a doplňování obsahu,
* tvorbu nových stránek,
* vyhodnocování návštěvnosti,
* optimalizaci konverzí,
* další rozvoj podle potřeb firmy.

Rozsah následné spolupráce stanovíme samostatně podle toho, jakou podporu budete potřebovat.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.