UX/UI design

Rozhraní, kterému lidé rozumí napoprvé.

Navrhujeme weby a aplikace ve Figmě – od struktury přes wireframy až po design systém připravený pro vývoj. Každé rozhodnutí má důvod a každá obrazovka cíl.

Probrat design
Figma
zdrojové soubory vaše
5 kroků
od výzkumu po test
1 tým
design i vývoj

Výstupy

Co z designu dostanete do ruky.

Žádné PDF, které skončí v šuplíku. Každý výstup je pracovní podklad, na kterém může stavět vývoj i váš tým.

01

Uživatelské scénáře

Kdo přichází, co chce udělat a kudy půjde. Z hypotéz se stávají konkrétní cesty, které návrh ověřují.

Mapa cest
02

Wireframy

Struktura a hierarchie bez vizuálního šumu. Rychle se mění a rychle se schvalují.

Low-fi
03

Vizuální návrh

Typografie, barvy a layout ve vaší značce. Návrh pro desktop, tablet i mobil.

Hi-fi
04

Klikací prototyp

Vyzkoušíte si produkt dřív, než vznikne řádek kódu. Ideální pro testy s uživateli i pro investory.

Prototyp
05

Design systém a komponenty

Barvy, typografie, mezery a znovupoužitelné komponenty se stavy. Jedna pravda pro design i kód.

Knihovna
06

Předání vývojářům

Specifikace, assety a poznámky k chování. Vývojář nemusí hádat, jak má co fungovat.

Handoff

Postup

Od výzkumu k ověřenému návrhu.

Pět kroků, v každém víte, co vzniká a o čem rozhodujete. Konkrétní rozsah přizpůsobíme projektu.

1–2 týdny

Výzkum

Co děláme

Poznáme váš produkt, cíle a lidi, kteří ho budou používat. Projdeme konkurenci, data i stávající řešení a ujasníme, co se má zlepšit.

Co vznikne

  • Shrnutí cílů
  • Persony a scénáře
  • Přehled konkurence

Co potřebujeme od vás

Přístup k datům, analytice a lidem, kteří znají zákazníky.

01 / 05
1–2 týdny

Výzkum

Co děláme

Poznáme váš produkt, cíle a lidi, kteří ho budou používat. Projdeme konkurenci, data i stávající řešení a ujasníme, co se má zlepšit.

Co vznikne

  • Shrnutí cílů
  • Persony a scénáře
  • Přehled konkurence

Co potřebujeme od vás

Přístup k datům, analytice a lidem, kteří znají zákazníky.

02 / 05
1 týden

Struktura

Co děláme

Rozložíme obsah a funkce do logické struktury. Určíme, kde co bude a jak se mezi sekcemi poteče.

Co vznikne

  • Mapa webu / aplikace
  • Uživatelské cesty
  • Priority funkcí

Co potřebujeme od vás

Rozhodnutí o prioritách a schválení struktury.

03 / 05
1–2 týdny

Wireframy

Co děláme

Rychlé skici klíčových obrazovek. Řešíme hierarchii, obsah a chování, ne barvy – o tom se dá diskutovat levně a hned.

Co vznikne

  • Wireframy klíčových obrazovek
  • Klikací skica
  • Seznam otevřených otázek

Co potřebujeme od vás

Zpětná vazba k obrazovkám a obsahu.

04 / 05
2–4 týdny

Design

Co děláme

Z wireframů vzniká finální vizuál ve vaší značce. Skládáme ho z komponent, takže je konzistentní a snadno se rozšiřuje.

Co vznikne

  • Hi-fi návrh všech obrazovek
  • Design systém ve Figmě
  • Klikací prototyp

Co potřebujeme od vás

Podklady ke značce a schválení směru.

05 / 05
1 týden

Test s uživateli

Co děláme

Prototyp dáme do rukou skutečným lidem. Sledujeme, kde váhají, a návrh upravíme dřív, než se začne programovat.

Co vznikne

  • Zpráva z testování
  • Doporučené úpravy
  • Finální verze k předání

Co potřebujeme od vás

Pomoc s výběrem účastníků testu.

Předání

Návrh, který vývojáři zvládnou postavit.

Design je hotový, až když ho někdo dokáže přesně realizovat. Proto na předání myslíme od prvního dne.

FAQ

Než začneme. Co vás zajímá?

Nejčastější otázky k designu, zdrojovým souborům a spolupráci s dalšími dodavateli.

Ano. Návrh připravíme tak, aby ho mohl realizovat kdokoli – se specifikací, assety a komponentami. Rádi projdeme předání i společně s vaším vývojovým týmem.

Ano. Zdrojové soubory včetně knihovny komponent a design systému jsou součástí předání a patří vám.

Podle rozsahu. Menší web zvládneme za několik týdnů, rozsáhlá aplikace trvá déle. Přesný odhad dostanete v nabídce po úvodní schůzce.

Ne. Stačí nápad a cíl. Strukturu a priority ujasníme společně v první fázi.

UX/UI začíná od 8 000 Kč. Cenu určuje počet obrazovek a to, jestli jde o web, aplikaci, nebo jen návrh pro jiného dodavatele. Přesnou nabídku dostanete po úvodní schůzce.

Další krok

Pojďme navrhnout rozhraní, které funguje.

Probrat design

KONTAKT

Pojďme se potkat

Máte nápad? Vyberte si termín pro společný rozhovor, nebo nám napište. Společně najdeme cestu k vašemu digitálnímu projektu.

Odesláním berete na vědomí zpracování osobních údajů.

Zásady zpracování osobních údajů