Jak probíhá spolupráce

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.

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

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ů

Discovery call

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

Výzkum, informační architektura, wireframy a texty

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

Moodboard

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.

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í

Návrh hlavní stránky

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

Návrh všech stránek

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

Responzivní verze

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

Vývoj

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

Předání a kontrola webu

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í

Spuštění webu

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

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.

Začínáme

Spolupráce s Expiriem

Práce se stakeholdery