Datové služby / UI design

Hezký web je málo

Navrhujeme weby, e-shopy i webové aplikace. Od prvních wireframů přes vizuál až po klikací prototyp, který si proklikáte dřív, než se začne programovat. Vývojáři od nás dostanou hotové podklady, ne jen obrázek.

Nový web Redesign E-shopy Webové aplikace Wireframy Klikací prototyp Design systém Vizuální identita
Rozsah spolupráce

Celý web, nebo jen jeho část

Návrh nemusí vždycky znamenat kompletní předělávku. Podle toho, v jakém stavu web je, se liší rozsah, ne způsob práce.

Kompletní návrh

Nový web od základu

Web už neodpovídá tomu, kam se značka posunula, nebo vzniká úplně nový projekt. Navrhujeme strukturu, vizuál i podklady pro vývoj od první obrazovky.

Cílené úpravy

Přepracování vybraných míst

Web jako celek drží, ale některá místa brzdí výsledky. Najdeme ta s největším dopadem, typicky nákupní proces nebo klíčové vstupní stránky, a přepracujeme je.

Postup je v obou případech stejný. Mění se jen to, kolik obrazovek na konci vznikne a jak dlouho to trvá.

Jak to probíhá

Kreslení přichází až jako třetí v pořadí

Než se pustíme do vizuálu, potřebujeme vědět, čeho má web dosáhnout, koho na něm čekáte a co o něm říkají dosavadní data. Bez toho je návrh jen odhad.

1

Konzultace a data

Projdeme si cíle a podíváme se, co o chování návštěvníků říkají dosavadní data.

2

Wireframy

Rozvržení a struktura obrazovek. Řešíme, co kde je a proč, bez rozptylování barvami.

3

Vizuální návrh

Na schválenou strukturu nasadíme vizuál, který sedí vaší značce.

4

Klikací prototyp

Web si proklikáte jako živý dřív, než padne první řádek kódu. Připomínky jsou tu ještě levné.

5

Předání vývoji

Komponenty, pravidla a podklady v podobě, se kterou vývojáři rovnou pracují.

Co dostanete

Ne obrázek, ale stavební podklad

Výstup má vést k funkčnímu webu, ne skončit jako pěkný export ve složce.

Wireframy

Struktura a rozvržení obrazovek dřív, než se řeší vizuál.

Vizuální návrh

Hotové obrazovky v podobě, ve které web reálně poběží.

Klikací prototyp

Proklikatelná verze, na které se dá web vyzkoušet i ukázat kolegům.

Design systém

Knihovna komponent a pravidel, díky které web zůstane jednotný i po letech úprav.

Podklady pro vývoj

Rozměry, stavy a chování prvků popsané tak, aby se vývojář nemusel doptávat.

Vizuální identita

Když značka teprve vzniká nebo potřebuje osvěžit, navrhneme i ji.

Kontakt

Pojďme na to.

Ať už řešíte konkrétní problém, nebo teprve hledáte cestu dál, napište nám pár slov. Rádi si s vámi nezávazně projdeme, co má smysl řešit jako první.

Pole označená * jsou povinná.

Děkujeme! Vaši zprávu jsme přijali a brzy se vám ozveme.
Časté otázky

Co se nejčastěji ptáte

Jak poznáme, jestli potřebujeme nový web, nebo stačí úpravy?+

Podle toho, kde je problém. Když web technicky slouží a jen některá místa lidem nesedí, bývá levnější a rychlejší cílená úprava. Když je struktura přežitá a každá změna se dělá přes koleno, vyplatí se nový. Po prvním hovoru a pohledu do dat vám řekneme, co dává ve vašem případě smysl, i kdyby to znamenalo menší zakázku.

Navrhujete i e-shopy a webové aplikace?+

Ano. U e-shopů se hodně točíme kolem výpisů, detailu produktu a košíku, protože tam se rozhoduje o objednávce. U webových aplikací jde spíš o přehlednost při opakované práci, jiné zadání, stejný postup.

Musíme mít připravené texty a fotky?+

Nemusíte mít vše hotové, ale čím dřív budou reálné podklady, tím lépe. Návrh plný zástupného textu vypadá jinak než ten se skutečným obsahem. Když texty nemáte, počítáme s tím a navrhneme strukturu tak, aby se do ní obsah dal doplnit.

Zvládnou to naši vývojáři podle vašich podkladů postavit?+

To je celý smysl toho, jak předáváme. Kromě obrazovek dostanou komponenty, rozměry, stavy prvků a pravidla, jak se mají chovat. Jsme zvyklí se s vývojáři bavit v průběhu, takže se nejasnosti řeší hned, ne až po nasazení.

Děláme redesign a nechceme přijít o to, co funguje.+

Přesně proto začínáme daty. Z analýzy stávajícího webu je vidět, co lidem fungovalo a co je brzdilo. Nový návrh pak staví na doložených poznatcích místo na pocitu, že staré bylo celé špatně.

Umíte i logo a vizuální identitu?+

Ano. Když značka teprve vzniká nebo potřebuje osvěžit, navrhneme identitu i s pravidly, jak ji používat. Web pak na ni navazuje místo toho, aby si žil vlastním vizuálním životem.