Co je design systém a k čemu slouží?

Design systém je organizovaná knihovna vizuálních komponent s jasnými pravidly použití. Slouží jako jednotný zdroj pravdy pro designéry i vývojáře. Obsahuje tlačítka, formuláře, karty, navigaci a další prvky s definovanými stavy, variantami a rozestupy. Zajišťuje konzistentní vzhled a chování napříč všemi obrazovkami a produkty. Výrazně zrychluje návrh nových funkcí, protože tým skládá z hotových bloků místo kreslení od nuly.

Kolik stojí tvorba UI kitu?

Cena UI kitu začíná od 75 000 Kč za základní sadu komponent. Rozsáhlý design systém pro velký produkt s desítkami obrazovek stojí výrazně více. Cena závisí na počtu komponent, hloubce dokumentace a míře customizace. Základní kit pokrývá typografii, barvy, tlačítka, formuláře a karty. Rozšířená verze přidává komplexní komponenty, datové vizualizace a interakční vzory. Investice se vrací v ušetřeném čase při dalším vývoji.

Jak dlouho trvá vytvoření design systému?

Základní UI kit zabere přibližně 14 dní. Prvních 5 dní audit stávajícího rozhraní a definice tokenů, dalších 5-6 dní tvorba komponent ve Figma a zbylý čas dokumentace. Rozsáhlý design systém pro větší produkt může trvat i několik měsíců. Doporučuji začít základní sadou a postupně ji rozšiřovat podle potřeb. Design systém je živý dokument, který roste spolu s produktem.

V čem design systém dodáváte?

Dostanete referenci přímo v HTML. Takže si design můžete prohlížet "live". Komponenty jsou navržené s auto-layoutem, variantami a design tokeny, takže je designéři i vývojáři mohou rovnou používat. Součástí dodávky je dokumentace pravidel použití.

Potřebuji design systém pro jeden web?

I pro jeden web se UI kit vyplatí, pokud plánujete jeho rozvoj nebo máte více lidí v týmu. Konzistentní komponenty zrychlují přidávání nových stránek a funkcí. Pro statický prezentační web bez plánovaného rozvoje stačí standardní design v rámci tvorby webu. Design systém se vyplatí nejvíce u produktů, které se průběžně vyvíjejí, mají více sekcí nebo na nich pracuje více designérů a vývojářů.

UI kit a design systém, ANFILOV | Komponentová knihovna

“Výborná spolupráce, máme logo, které odolává času již sedmnáct let, jsme velice spokojeni.”

“Simon Anfilov dělal logo pro naši společnost už v roce 2010. Fajfčička stále funguje, jsem spokojený.”

“Simon Anfilov je jednoznačně kreativec a profesionál. Řešili jsme v rámci naší hlavní značky ZDRAVÁ LAHEV další produkt ZDRAVÁ SVÁČA - jak vše propojit, vizualizovat, odprezentovat. Nejvíce jsem jako zadavatel ocenila, že předvedl vždy více řešení a rozhodnutí bylo na nás. Vymyslel, doporučil, zdůvodnil, ale respektoval naše představy. Největší odměnou pro všechny byla realizace, a to povedená. Jitka Tomášová, ZDRAVÁ LAHEV”

“Testovací reference pro ověření webhooku. Smazat.”

“S panem Anfilovem jsme v Druchemě spolupracovali na několika projektech produktového designu, webových stránek a logotypů. Vždy odvedl výbornou práci. Je velmi pečlivý a důrazně se ptá i na otázky hlavně strategické povahy, které nemáte třeba přímo domyšlené. A to je velmi důležité, protože výsledek jeho práce přesahuje často přes několik dlouhých let a stále má vysokou kvalitu.”

“Se Simonem spolupracuji asi 15 let. Navrhl pro nás skvělé logo, řadu perfektních knižních obálek a vše, co jsme kdy potřebovali. Vždy to byla mimořádně kvalitní, precizní a včas dodaná práce. Díky a těším se na další spolupráci. :-)”

“Rada by sme touto cestou vyjadrila veľkú spokojnosť a pochvalu pánovi Anfilovovi za jeho vynikajúcu prácu. Pán Anfilov je nesmierne ochotný, vždy napomocný a pri konzultáciách sa nám nikdy nesnažil nútiť služby, ktoré by sme nevyužili. Naopak, vždy vie vecne a odborne poradiť tak, aby bol výsledok pre klienta čo najefektívnejší jeho prístup k práci je v dnešnej dobe výnimočný.”

“S prací jsem byl maximálně spokojen. Od návrhu názvu firmy po vytvoření skvělého loga a vizuálního manuálu. Vše proběhlo přesně podle domluvy, termíny dodrženy a komunikace bezproblémová. Mohu jen doporučit.”

“Spolupráce se Simonem Anfilovem ohledně nového názvu společnosti, loga a dalších dílčích záležitostí spojených s firemní identitou, byla naprosto dokonalá a fantastická! Spolupracujeme s řadou agentur, zde jsme ale vždy měli pocit, že nejde jen o pouhé "urvání kšeftu", ale o skutečnou snahu pomoci s co nejlepším výsledkem. Nepíši často takovéto reference, tady je to ale zcela oprávněné!”

“S prací pana Anfilova jsme se okamžitě sžili. Nejenže respektoval zadání, které mělo navázat na stávající logo, ale vnesl do loga FISAF novou energii a řád. Děkujeme.”

“Jednoduchý a věčný design prodejních materiálů pro developerský projekt. Trpělivost s klientem. Rychlé reakce na zadání, připomínky. Spokojenost.”

“Děkujeme Simonovi Anfilovovi za jeho profesionální přístup a kreativní práci na vizuální identitě, logu a webu projektu SANE (Safety Assessment of Non-Electric uses of Nuclear Energy). Simon odvedl skvělou práci při tvorbě moderního a srozumitelného designu, který nejen vizuálně podpořil hlavní cíle projektu, ale také posílil jeho komunikaci s širokým publikem. Díky Simonovu citu pro detail a schopnosti rychle reagovat na naše požadavky se nám podařilo vytvořit web, který splňuje vysoké standardy přehlednosti i funkčnosti. Oceňujeme také jeho vstřícnost, spolehlivost a preciznost během celého procesu spolupráce. Těšíme se na případnou další spolupráci a jeho služby můžeme s radostí doporučit! Za Centrum výzkumu Řež, Jan Trejbal”

“Efektivní a přijemná komunikace, rychlá odezva ze strany pana deignera, celkově si to sedlo a výsledek je nad očekávání. Profesionální práce od A do Z.”

“Se službami pana Anfilova jsme moc spokojeni, jeho služeb využíváme opakovaně :-) Děkujeme!”

“Oceňuji velice profesionální a přitom lidský přístup. Naše firmy si práce pana Anfilova, ale i inteligentní a promyšlený přístup k ní velice cení. Mohu jenom doporučit - kvalita, spolehlivost, lidskost!”

“Byli jsme nadšeni zapáleným a kreativním přístupem. Máme skvělé originální logo. Díky!”

“Ze Simonova přístupu jsem byla nadšená. Hned při seznamovacím hovoru perfektně pochopil mě i můj záměr a rovnou střílel výborné nápady. Celkovou myšlenku propagace značky jsme dali dohromady na jeho kreativním workshopu, který byl intenzivní a velmi užitečný. Na jeho základě pak Simon velmi rychle vytvořil celkovou vizuální identitu značky, veškeré požadované materiály i web včetně kompletního technického řešení. Vše dopadlo nad očekávání. Příjemným překvapením byla návodná videa, kterými mě zásobil pro mojí další práci s veškerými materiály i webem. Simona můžu nejen doporučit, sama mám v plánu se na něj znovu příště obrátit.”

“Simon je super!!! Nejlepší logo, které mi kdy kdo za 20 let vytvořil.”

“Spolupraci s Anfilovem vrele doporucuji, jeho komplexni pristup vam vyrazi dech. Cela spoluprace mi znovu ukazala, jak je dulezite si na definici znacky a loga najmout profesionala. Cena je vyssi, nicmene naprosto odpovida kvalite sluzby. Jsem si jist, ze nebudete litovat.”

“Spolupráce se Simonem byla skvělá. Workshop na tvorbu identity nového projektu, brandu, loga a hlavně obsahu byla naprosto produktivně a smysluplně stráveným časem, práce byla kreativní a do hloubky. Simon naprosto předčil má očekávání a díky němu jsme si během jednoho dne zformovali celý koncept, se kterým můžeme dál pracovat. Jsem nadšená a mohu jen doporučit!”

“Náš tým absolvoval s panem Anfilovem celodenní workshop na tvorbu značky. Byl to dobrý čas, líbilo se mi, jak jsme velké množství komplikovaných dojmů ohledně naší činnosti dokázali přetvořit v několik výstižných slov a vět, které nám pomohou oslovit ty klienty, pro které bude náš tým ten pravý. Zjistili jsme, že některé banální činnosti mohou být právě tou naší unikátní hodnotou pro klienty. A užili jsme si u toho i dost legrace. Nakonec jsme dostali konkrétní tipy, jak vše použít nejen na webu, ale i v marketingu, což je pro nás dosud neprobádaná oblast. Takže se těšíme, kam nás nový směr zavede.”

“Simon byl od začátku u zrodu mé značky – od výběru názvu, přes design loga až po vytvoření webové stránky. Společně jsme prošli krok po kroku. Jsem velmi spokojená, během roku se mi trojnásobně zvýšila návštěvnost webu. Doporučuji!”