Pět fází: Od objevu po řízenou iteraci
Níže rozebíráme jednotlivé fáze s vysvětlením, proč se děje každý krok, co přesně dodáme a jaký časový rámec očekávat. Toto je přímá, nezkrášlená kapitola z naší interní metodiky.
Pět fází, které promění váš web v zážitek.
Náš proces je navržen tak, aby odstranil nejistotu, která typicky provází digitální projekty. Každá fáze má jasný cíl, klíčový výstup a načasované rozhodnutí. Tento rámec funguje jako společný jazyk mezi námi a vámi, zajišťující, že krok za krokem budeme společně budovat řešení, které nejen dobře vypadá, ale skutečně splňuje svůj účel.
Následující průvodce ilustruje logiku, která řídí každé rozhodnutí. Prostudujte jej, abyste pochopili, proč pečlivě investujeme čas do průzkumu a prototypů, dříve než se pustíme do kódu.
Ilustrační schéma
Scénář: Od nejasných cílů k strukturovanému plánu
Marketingový ředitel malého výrobního podniku přišel s žádostí o nový web. Jeho primární obavy byly: „Máme nekonzistentní prezentaci, web na mobilu je pomalý a nevíme, jak efektivně oslovit B2B zákazníky.“ Neexistoval vnitřní tým, který by řešil digitální strategii, a rozpočet byl pevně daný.
Místo abychom okamžitě začali s designem, strávili jsme první týden v rámci Fáze 1: Průzkum s rozhovory s klíčovými prodejci a analýzou interních dat. Zjistili jsme, že největší překážkou pro prodejce nebyla funkčnost webu, ale složitost komunikace – potenciální zákazníci se neuměli ptát na klíčové parametry.
Na základě tohoto poznání jsme v Fáze 2: Strategie navrhli informační architekturu, která zjednodušila produkty na základní produktové rodiny a přidala přehlednou specifikaci. Výsledkem nebyl jen nový web, ale jasná prodejní pomůcka pro interní tým.
Co dělá tento proces odolný
Omezení
Klient má interní zdroje minimální. Naše role musí být také konzultantská.
Komprese
Přímé rozhovory s koncovými uživateli byly nahrazeny hloubkovými rozhovory s prodejci – rychlejší a relevantnější.
Obchodní dopad
Cílem nebyla jen návštěvnost, ale zkrácení času uzavření prodeje o 30 % skrze lepší předkvalifikaci.
Rozhodovací čočka
Náš proces optimalizuje pro strukturovanou kreativitu. Tento kontrolní seznam shrnuje, co při práci s vámi prioritizujeme a čeho se zároveň zříkáme.
Co to znamená pro vás
S klienty, kteří se neumí rozhodovat, oceňují strukturu. S těmi, kteří vědí přesně, co chtějí, ocení hloubku alternativ.
Optimalizujeme pro
- • Jasné, psané cíle (obchodní i uživatelské)
- • Předvývojové testování prototypů
- • Práci v prostředích, které klient ovládá (Figma)
- • Meziřádnou transparentnost nákladů
A zároveň se vyhýbáme
- • Nerovnováze kreativity (příliš mnoho nápadů vs. příliš málo)
- • Komplexním řešením, kde stačí jednoduchost
- • Vlastním fázím bez konkrétních výstupů
- • Rychlému plochému designu bez strategického základu
Metodika Modaro
1
Průzkum – Základ všeho
V této fázi ignorujeme preference „líbí se mi/ne“. Místo toho mapujeme uživatelské potřeby a obchodní zdroje. Provádíme rozhovory s interními stakeholdery (1–2 osoby), analýzu konkurence (5–7 konkurentů) a diagnostiku současného webu. Výstupem je Stručná zpráva o příležitosti – dokument s 10–15 stranami, který definuje hlavní výzvy a jednu, z nichž jsme nadšení.
2
Strategie – Vytváříme mapu cesty
Na základě průzkumu navrhujeme informační architekturu a uživatelské cesty. Nejde o vizuální návrhy, ale o strukturu – jak se návštěvník orientuje. Připravujeme Podrobný protokol struktury, který obsahuje návrhy navigace, klíčové stránky a logický proud obsahu. Tento protokol slouží jako první kontrolní bod; schvalujeme jej společně před jakoukoli kreativní prací.
3
Návrh – Od konceptu k prototypu
Zde zapojujeme vizuální kreativitu. Nejdříve představíme Interaktivní prototyp ve Figma – klikatelný model klíčových cest. Po schválení prototypu navrhneme Designový systém – sestavu komponent (tlačítka, formuláře, nadpisy) se specifikacemi. Následuje vizuální návrh finálních stránek. Každý krok je představen klientovi se vstupem.
4
Vývoj – Implementace s přesností
Vývoj probíhá v prostředí, které garantuje kvalitu (např. WordPress nebo custom stack dle dohody). Každý modul je komponentou s vlastními vizuálními specifikacemi. Věnujeme zvláštní pozornost přístupnosti (WCAG 2.1 AA) a výkonu (Core Web Vitals). Pracujeme v krátkých inkrementech (1–2 týdny), abyste průběžně viděli pokrok.
5
Předání – Školení a kontinuita
Webové stránky spustíme na vašem hostingu. Předáme přístupy a dokumentaci, včetně návodu na běžné úpravy. Zároveň poskytneme 30minutové školení pro interní tým. Následuje 30denní podpora na opravy chyb. V rámci této fáze také dohodneme budoucí spolupráci – pravidelnou údržbu nebo optimalizaci na základě dat.
Kam dál: Výchozí body rozhodování
Každý proces má slabá místa. Níže seskládaná evidence z projektů ukazuje, jak se pozná dobrý nebo špatný začátek. Použijte tyto příklady jako filtr pro vaši přípravu.
SCÉNÁŘ 1
„První rozhovor o ‚jak vypadá web‘ byl předčasný. Úspěch projektu se rozhodl v rozhovoru ‚co má web splnit‘.“
— Z poznámek z projektu 2025
LIMITY
Předpoklad: Klient má připravený obsah.
Realita: Texty pro interní revizi nejsou. Délka fáze Návrh se prodloužila o 40 %. Změnilo to časový harmonogram, ale nikoliv kvalitu výsledku.
KŘIŽOVATKA
Kdy zvolit custom design? Pokud: značka vyžaduje jedinečný vzhled, máte specifické funkční požadavky, nebo plánujete růst na nepředvídatelném trhu.
Kdy vystačí šablona? Když: potřebujete rychlý launch, rozpočet je velmi omezený a brand nemá silnou vizuální identitu.
Pojďme probrat váš projekt
První krok je bezplatná 30minutová konzultace. Probereme vaše cíle, aktuální web (pokud existuje) a představíme vám naše doporučení, které bude šité na míru vašim zdrojům.
Modaro s.r.o. | Vinohradská 151, 130 00 Praha 3 | [email protected] | +420 255 704 444
Pracovní doba: Po–Pá 9:00–18:00