Design systém

Design systémy pomáhají vytvářet konzistentní a kvalitní značky. Zjistěte, jak vám může špičkový design systém od eManu usnadnit podnikání.

SJEDNOŤTE
SVOU IDENTITU

Systém, který
myslí na všechno

Design systém je scénář, podle kterého můžete navrhovat a vyvíjet nové digitální produkty. Obsahuje velké množství různých informací – od filozofie přes barevné schéma a typografii až po tlačítka, layout nebo interaktivní komponenty. V eManu ho navrhneme přesně podle vašich potřeb, abyste se podle něj mohli kdykoli řídit.

Všechno do sebe
zapadá

Vaše značka bude konzistentní napříč všemi produkty. S funkčním design systémem budete mít vy i vaši spolupracovníci možnost jednoduše skládat nový obsah podle ověřeného scénáře, na němž už vaše předchozí projekty a produkty stojí.

Expanzi se meze
nekladou

Ať už plánujete rozšíření svého webu nebo přemýšlíte nad vlastní mobilní aplikací, s design systémem od eManu budete připraveni na vše. Komponenty navrhujeme tak, aby se daly snadno a rychle přizpůsobit projektům libovolné velikosti. Existující prvky můžeme rozšiřovat o nové, aniž by to jakkoli narušilo celkovou identitu.

Rozumí mu

Implementací to nekončí. Design systémem vás provedeme a řádně zaškolíme. Nemusíte přitom být odborníky na UX/UI design, abyste se zorientovali – design systém je navržený tak, aby ho dokázali používat i týmy vývojářů a ti, kteří s pojmy user experience a interface běžně nepracují.

více se dozvíte v našem podcastu

KOMU JIŽ DESIGN SYSTÉM
USNADNIL PODNIKÁNÍ

CO ZÍSKÁTE V DESIGN SYSTÉMU
OD EMANU

Foundations

Základní stavební kameny design systému, ze kterých vycházejí veškeré komponenty. barevné palety, typografie, ikony, definice vizuálních parametrů (zaoblení rohů, stíny, velikosti komponent) apod.

Komponenty

Prvky, které budou tvořit váš příští digitální produkt. Od základních (např. tlačítka a ikonky), až po komplexnější, které obsahují složitější jiné komponenty (např. modální okna nebo navigace). tlačítka, textová pole, formulářové prvky, notifikace, záložky, navigace a podobně.

Šablony

Konkrétní obrazovky, které obsahují předdefinované komponenty, a vycházejí z osvědčených postupů při tvorbě uživatelských rozhraní. Vybírat můžete z běžných obrazovek (např. okno pro přihlášení, registrační proces či uživatelské nastavení) i těch, které individuálně přizpůsobíme vašim specifickým potřebám.

Nástroje a technologie

Při navrhování designu pracujeme s nástrojem Figma, a to zejména kvůli jeho funkcím zaměřeným na efektivní práci s komponentami a plně responzivními layouty. Pokud budete chtít, není problém připravit design systém i pro alternativní nástroje jako např. Sketch nebo Adobe XD. Náš technologický stack zahrnuje HTML, CSS, SCSS, React a front-end framework Bootstrap.

TÍM TO NEKONČÍ

Dokumentace

Dostanete přehledný a jednoduchý popis, jak s komponentami zacházet. Kromě ukázky jejich možných variant zde najdete i přehled základních UX pravidel. Dokumentace slouží jak designérům, tak vývojářům, kteří budou s design systémem pracovat.

Školení

Hotový design systém s vámi projdeme a naučíme vás, jak s ním pracovat. Seznámíme s ním i vaše designéry a připravíme je na situace, kdy bude potřeba design systém rozšířit. Používání komponent v praxi je pak už hračka.