Investment in design systems (Czech)

A presentation at School project in January 2026 in Prague, Czechia by Ondřej Konečný

Slide 1

Slide 1

Investice do design systému

Slide 2

Slide 2

Aktuální problémy Nekonzistentní uživatelská zkušenost Pomalý time-to-market Vymýšlíme jak řešit problémy, které jsou už jednou vyřešené (a řešíme je jinými způsoby) Náročný onboarding pro vývojáře (neexistuje nikde místo, jak se rychle zorientovat) Implementace stejných komponent mnoha způsoby Velká zátěž pro designera - komunikace kvůli implementaci na mnoha místech

Slide 3

Slide 3

Slide 4

Slide 4

Slide 5

Slide 5

Slide 6

Slide 6

Příklad

Slide 7

Slide 7

Je toho spousta

Slide 8

Slide 8

Slide 9

Slide 9

Návrh řešení

Slide 10

Slide 10

Sdílení informací a kódu Design tokeny (barvy, typografie, spacing) Knihovnu komponent (Figma + kódová implementace v Reactu) Dokumentaci a guidelines

Slide 11

Slide 11

Automatizace

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

Slide 15

Slide 15

“A bloated and inefficient system means that even the smallest changes are timeconsuming and fiddly to make. […] By improving individual components, the whole system becomes more robust and easier to maintain.”

Slide 16

Slide 16

Jak bychom to mohli měřit (ročně)? Redukovat čas na návrh nové obrazovky z 8 hodin na 5 Rychlejší onboarding - z 8 týdnů na 3 týdny Adopce design systému 0 % na 75 % Čtenost dokumentace Redukce dotazů ohledně rozhraní Průměrný počet bugů na UI z aktuálních 25 na 10 Postojové metriky jako je uživatelská spokojenost Behaviorální metriky jako např. frekvence používání (Figma analytics, Supernova page views)

Slide 17

Slide 17

Odhad nákladů 1 designér (0,5 FTE) - dodělávat to co nestíhám, zamezit design dept 1 front-end developer (0,5 FTE) pro .NET Blazor pro React / TypeScript ecosystem Licence na Supernovu (3 edit seats, 100 $ měsíčně) Redukce mé kapacity k přípravě práce a komunikace Celková odhad nákladů je: ~ XXX XXX Kč

Slide 18

Slide 18

ROI

Slide 19

Slide 19

https://www.youtube.com/watch?v=v8i1qeCv2IQ

Slide 20

Slide 20

Slide 21

Slide 21

Úspora času = Peníze Úspora času designéra Úspora času vývojářů (cca 25 vývojářů) Rychlejší testování od QA Celková roční úspora: ~ XXX XXX XXX Kč

Slide 22

Slide 22

Unlock

Slide 23

Slide 23

Schválení budgetu Design system je dlouhodobá investice, žádám proto o podporu nejen pro iniciální fázi projektu, ale o dlouhodobé udržování. Žádám o schválení budgetu XXX XXX Kč na iniciální fázi projektu. Design systém nám přinese: Rychlejší dodávky produktů na trh Konzistentní brand napříč produkty Úsporu XXX milionu Kč ročně Spokojenější designéry a vývojáře