Přeskočit na obsah

UI kit / Design systém

Komponentová knihovna pro konzistentní digitální produkty

Vytvořím knihovnu komponent, která sjednotí vaše digitální produkty a zrychlí práci celého týmu. Jednou navrženo, opakovaně použitelné bez ztráty kvality.

od 75 000 Kč

4.9
30+ projektůDodání do 14 dní

Nabídka v kostce

UI kit a design systém je knihovna komponent, design tokenů a pravidel, která sjednotí vaše digitální produkty a zrychlí práci celého týmu. Hodí se firmám s více digitálními produkty, startupům s rostoucím týmem a každému, kdo už řeší, že každá obrazovka vypadá jinak. V ceně je audit stávajícího UI, design tokeny pro barvy, typografii a rozestupy, komponentová knihovna s variantami a stavy, dokumentace s pravidly použití a Figma library s auto-layout komponentami. Cena začíná od 75 000 Kč, hotovo bývá za 14 pracovních dní. Design systémy stavím tak, že se používají, ne jen archivují.

Problém

Poznáváte tyto problémy?

Každá stránka vypadá trochu jinak: nekonzistentní barvy, rozestupy, velikosti tlačítek.

Vývoj nových funkcí trvá věčně, protože designéři i vývojáři pokaždé vymýšlejí kolo znovu.

Opravy jednoho prvku rozbijí tři další. Designová konzistence přestává fungovat.

Řešení

Systém, který šetří čas i peníze

Audit stávajícího UI

Zmapuji všechny existující komponenty a identifikuji nekonzistence.

Komponentová knihovna

Definuji základní elementy (barvy, typo, ikony) a složitější prvky (karty, formuláře, navigace).

Design tokeny

Barvy, rozestupy, velikosti, vše definované jako tokeny pro snadnou implementaci.

Dokumentace a pravidla

Každá komponenta má popis, varianty, stavy a příklady správného použití.

Živá HTML reference

Kompletní designový systém značky dodaný jako strukturovaná data (CSS/JSON tokeny) a interaktivní HTML příručka.

Proces

Jak vzniká design systém

1

Audit & inventář

2 dny

Zmapuji stávající UI prvky a identifikuji nekonzistence a duplikáty.

2

Design tokeny

2 dny

Definuji základní proměnné, barvy, typografie, rozestupy, stíny.

3

Návrh komponent

5 dní

Navrhnu jednotlivé komponenty s variantami a stavy.

4

Dokumentace

3 dny

Popíšu pravidla použití, příklady a edge cases.

5

Předání & workshop

2 dny

Předám HTML referenci spolu s celým design systémem.

Celkem cca 14 pracovních dní