Návrh webu, který dává smysl
Vizuální styl, struktura obsahu a použitelnost vyřešené dřív, než padne první řádek kódu. Aby web působil promyšleně a lidé na něm hned našli, co hledají.
Dobrý web nezačíná u barev, ale u otázky „co má návštěvníkovi pomoct udělat". Nejdřív proto vyřešíme strukturu a použitelnost — a teprve pak vzhled. Ušetří to čas i peníze, protože se nepřekresluje a nepřeprogramovává něco, co jsme mohli promyslet dopředu.
Návrh je zároveň místo, kde se dohodneme na tom, jak má web působit a čím se odlišit. Výsledkem není jen „hezký obrázek", ale jasné podklady, podle kterých se dá web bez dohadování postavit — ať už ho stavíme my, nebo je předáte dál.
Od struktury po hotový vizuál
Postupné kroky, na jejichž konci máte web promyšlený do detailu.
Analýza a cíle
Komu web slouží, co má splnit a čím se odlišíte od konkurence.
Informační architektura
Mapa stránek a logické rozvržení obsahu, aby se v webu dalo snadno orientovat.
Wireframy
Rozvržení klíčových stránek — obsah a hierarchie dřív, než přijdou barvy.
Vizuální identita
Barvy, typografie a styl, které sedí k vaší značce a působí důvěryhodně.
UI design obrazovek
Finální podoba stránek pro desktop i mobil, připravená k naprogramování.
Design systém
Znovupoužitelné komponenty a pravidla, aby web zůstal konzistentní i při růstu.
Hmatatelné výstupy
- Mapu stránek a strukturu obsahu
- Wireframy klíčových stránek
- Vizuální návrh pro desktop i mobil
- Definici barev, typografie a komponent
- Prokliknutelný prototyp (dle rozsahu)
- Podklady připravené pro vývoj
Cesta k návrhu
Poznání
Projdeme cíle, cílovou skupinu a konkurenci.
Struktura
Sestavíme mapu webu a rozvržení obsahu.
Wireframy
Navrhneme rozložení stránek k odsouhlasení.
Vizuál
Dotáhneme grafiku a předáme podklady k vývoji.
Než se pustíme do návrhu
Musím mít připravený obsah?
Nemusíte mít hotovo do posledního slova. Pomůžeme obsah strukturovat a poradíme, co na které stránce dává smysl. Čím dřív ale texty a fotky máme, tím věrněji návrh vypadá.
Zvládnete i redesign stávajícího webu?
Ano. U redesignu vyjdeme z toho, co funguje, a opravíme, co ne — často stačí zpřehlednit strukturu a sjednotit vizuál, ne začínat od nuly.
Dostanu zdrojové soubory návrhu?
Ano, návrh vzniká ve Figmě a máte k němu přístup. Když web nestavíme my, předáme podklady tak, aby podle nich mohl pracovat kdokoli.
Na návrh navazujeme
Pojďme navrhnout web, který vás bude bavit
Napište pár vět o projektu. Ozveme se s návrhem postupu i orientační cenou — nezávazně.
Poptat návrh webu →