Renomia, ekosystém interních aplikací sjednocený design systémem
O projektu
- Jednotný vizuální jazyk pro celou skupinu Renomia
- Modulární systém připravený na růst
- Podpora interních B2B i zákaznických B2C nástrojů
Renomia dlouhodobě vyvíjí množství specializovaných interních aplikací – správa smluv, hlášení škod, pojištění vozidel, partnerské weby či klientská zóna. Každý systém vznikal s jinými vizuálními pravidly, což ovlivňovalo použitelnost i efektivitu práce.
Design systém SHIELD jsme vytvořili jako centrální zdroj pravdy. Umožňuje udržet všechny aplikace v jednotné vizuální a interakční logice a zároveň zrychluje tvorbu nových modulů.
Výzvy
Digitální prostředí Renomie tvoří desítky specializovaných aplikací, které vznikaly v různých obdobích, s odlišnými vizuálními pravidly i technickými možnostmi. Tato roztříštěnost se postupně začala promítat do uživatelské zkušenosti, efektivity práce i rychlosti rozvoje jednotlivých systémů.
- Vysoká vytíženost stávajících služeb
- Potřeba informovat zákazníky v reálném čase
- Technologické propojení s interními systémy
Hlavní výzvou proto bylo vytvořit jednotný základ, který dokáže pokrýt potřeby interních týmů, obchodních procesů i zákaznických scénářů – a zároveň umožní dlouhodobě škálovat celý ekosystém bez zbytečné složitosti a duplicit.
Byznysové výzvy a řešení
- Sjednotit dlouhodobě roztříštěný ekosystém aplikací včetně komplexních pravidel přístupnosti
- Umožnit rychlejší onboarding interních týmů v rámci procesu navrhování a vyvíjení aplikací Renomia
- Zlepšení uživatelské zkušenosti v aplikacích a tím výrazně přispět k profitabilitě produktů Renomia
Renomia potřebovala stabilní a jednotný základ pro desítky aplikací, které vznikaly napříč týmy i technologiemi.
Rozdílné přístupy komplikovaly onboarding, prodlužovaly vývoj a zvyšovaly riziko chyb v kritických procesech pojištění. Cílem bylo vytvořit systém, který sjednotí vizuální jazyk, urychlí návrh a zpřesní práci interních týmů. Zároveň vylepšit celkově UX aplikací.
Designové výzvy a řešení
- Komplexní design systém a konzistence v rámci celého portfolia
- Návrh více jak deseti komplexních webových aplikací se zaměřením na perfektní UX/CX
- Nutnost úzké spolupráce s vývojovými týmy
Historicky vzniklo mnoho aplikací s odlišným vizuálním stylem, strukturou a úrovní detailu. Některé projekty měly své vlastní komponenty, jiné používaly starší verzování Universum DS.
K tomu se přidávaly specifické potřeby B2B scénářů (komplexní formuláře, tabulky, procesní logika) a B2C prvků (jednoduchost, rychlá orientace). Bylo tedy nutné vytvořit design systém, který vše pokryje a zároveň zůstane snadno rozšiřitelný.
Technické výzvy a řešení
- Starší projekty nebylo možné zpětně přepsat do nového DS
- Návrh komponent kompatibilních s různými technologiemi
- Propojení návrhů se Storybookem, Supernovou a celkově vývojem Renomia
Mnoho starších aplikací nebylo možné zpětně aktualizovat kvůli jejich návaznosti na interní procesy nebo technologická omezení. To znamenalo, že design systém musí být verzovatelný, kompatibilní a schopný fungovat paralelně ve více generacích aplikací.
Zároveň bylo nutné vytvořit návrhy tak, aby je interní vývojáři Renomia dokázali snadno převést do Storybooku a udržovat dlouhodobě bez ohledu na technologický stack jednotlivých projektů.
Jak jsme postupovali
- Modulární design systém SHIELD uzpůsobený enterprise prostředí
- Návrh mnoha klíčových komponent pro formuláře, navigaci, tabulky a datové bloky
- Pravidla pro layout, typografii, barvy, interakce a patterny
- Pravidla pro layout, typografii, barvy, interakce a patterny
- UX aplikací založené na datech, zpětné vazby uživatelů.
- DS-first proces pro návrh všech nových funkcionalit
- Verzování DS 1.0 → DS 2.0 pro zpětnou kompatibilitu
- Dokumentace v Supernova + propojení na Storybook
Dopady
Celkově jsme pomohli zlepšit portfolio aplikací Renomia po stránce UX a UI.
Vytvořili jsme design systém “SHIELD”, který integruje typografii, barvy, komponenty a patterny, které mohou být opakovaně použity v mnoha projektech Renomia. Uživatelé tak pracují v prostředí, které má stejný jazyk, strukturu i prvky chování.
Zároveň jsme tím zrychlili i vývoj a udělali aplikace udržitelné.
