2022
Enterprise Design System
I created robust solution that powers watches, phones, tablets, desktops, and TVs. It serves to more than 1 000 000 users daily. I achieved acceleration of design speed by 200%, Assimilation of other departments and Merge of distinctive design languages. The app got Featured by Apple and won the Best Banking App in Czechia.
Enhancements accelerating design speed by 200 %
Design of tens thousands UI elements in code
Serving to 1 000 000 bank clients daily
Interface of Apple Featured App
Interface of 6x winner of the Best Banking App in Czechia
Interface for management and setup of dozens products
Disciplines
Project Leadership, System Management
UX/UI Design, Interaction Design
Information Architecture
Service Design, Design Thinking
Design Advocacy
Timeline
9 months
2022 (Q2) – 2022 (Q3)
Team
Project Lead & Manager of DS for Smart Devices (me)
Manager of DS for Web
UI Managers (iOS, Android and React)
UX Manager
Accessibility Consultant
Platforms
Phone
Tablet
Desktop
Watch
Television
Disciplines
Project Leadership, System Management
UX/UI Design, Interaction Design
Information Architecture
Service Design, Design Thinking
Design Advocacy
Timeline
9 months
2022 (Q2) – 2022 (Q3)
Team
Project Lead & Manager of DS for Smart Devices (me)
Manager of DS for Web
UI Managers (iOS, Android and React)
UX Manager
Accessibility Consultant
Platforms
Phone
Tablet
Desktop
Watch
Television
Disciplines
Project Leadership, System Management
UX/UI Design, Interaction Design
Information Architecture
Service Design, Design Thinking
Design Advocacy
Timeline
9 months
2022 (Q2) – 2022 (Q3)
Team
Project Lead & Manager of DS for Smart Devices (me)
Manager of DS for Web
UI Managers (iOS, Android and React)
UX Manager
Accessibility Consultant
Platforms
Phone
Tablet
Desktop
Watch
Television
Challenges
Challenges
Challenges
I faced disintegrated Design System, with unusable components in Figma lacking documentation, leading to a chaotic array of custom approaches. Meanwhile, Smart devices and Web app presented distinct visual languages, making simultaneous design impossible. Also navigating our complex Figma environment proved daunting, with stakeholders and the development team struggling with countless projects and files.
I faced disintegrated Design System, with unusable components in Figma lacking documentation, leading to a chaotic array of custom approaches. Meanwhile, Smart devices and Web app presented distinct visual languages, making simultaneous design impossible. Also navigating our complex Figma environment proved daunting, with stakeholders and the development team struggling with countless projects and files.
I faced disintegrated Design System, with unusable components in Figma lacking documentation, leading to a chaotic array of custom approaches. Meanwhile, Smart devices and Web app presented distinct visual languages, making simultaneous design impossible. Also navigating our complex Figma environment proved daunting, with stakeholders and the development team struggling with countless projects and files.
Distinctive languages
Strategy
Strategy
Strategy
My task was to fix these problems one by one and lay foundations to democratization of the Design System. Together with UX Manager we prioritised tasks based on bottlenecks for business. I structured the project to hierarchy of separated tasks that was sequentially performed with specific iterative approaches.
My task was to fix these problems one by one and lay foundations to democratization of the Design System. Together with UX Manager we prioritised tasks based on bottlenecks for business. I structured the project to hierarchy of separated tasks that was sequentially performed with specific iterative approaches.
My task was to fix these problems one by one and lay foundations to democratization of the Design System. Together with UX Manager we prioritised tasks based on bottlenecks for business. I structured the project to hierarchy of separated tasks that was sequentially performed with specific iterative approaches.
Research
Research
Research
I led various meetings utilizing Focus Groups, In-Depth Interviews, and Journey Mappings. Firstly to understand needs of designers and developers for Design System, and secondly to address Figma navigation issues of developers, analysts and product owners. Using Card Sorting I mapped design approaches among Web app and Smart devices to build connections. Additionally, I conducted extensive Table Research, analyzing enterprise Design Systems approaches.
I led various meetings utilizing Focus Groups, In-Depth Interviews, and Journey Mappings. Firstly to understand needs of designers and developers for Design System, and secondly to address Figma navigation issues of developers, analysts and product owners. Using Card Sorting I mapped design approaches among Web app and Smart devices to build connections. Additionally, I conducted extensive Table Research, analyzing enterprise Design Systems approaches.
I led various meetings utilizing Focus Groups, In-Depth Interviews, and Journey Mappings. Firstly to understand needs of designers and developers for Design System, and secondly to address Figma navigation issues of developers, analysts and product owners. Using Card Sorting I mapped design approaches among Web app and Smart devices to build connections. Additionally, I conducted extensive Table Research, analyzing enterprise Design Systems approaches.
Component sorting in Miro
Creation of Libraries
Creation of Libraries
Creation of Libraries
To rebuild the Styles Library, I tackled the challenge of creating a color palette powering several enterprise platforms, overcoming issues like theme switching and proper semantics. For the UI Elements Library, I rebuilt dozens of master UI elements and created new file logic, accommodated by multiple design systems. In the Complex Units Library, I analyzed hundreds of designs and created reusable screens and flows, including documentation of intangible design patterns. It was followed by the Assets Libraries distributing graphic assets ensuring visual consistency.
To rebuild the Styles Library, I tackled the challenge of creating a color palette powering several enterprise platforms, overcoming issues like theme switching and proper semantics. For the UI Elements Library, I rebuilt dozens of master UI elements and created new file logic, accommodated by multiple design systems. In the Complex Units Library, I analyzed hundreds of designs and created reusable screens and flows, including documentation of intangible design patterns. It was followed by the Assets Libraries distributing graphic assets ensuring visual consistency.
To rebuild the Styles Library, I tackled the challenge of creating a color palette powering several enterprise platforms, overcoming issues like theme switching and proper semantics. For the UI Elements Library, I rebuilt dozens of master UI elements and created new file logic, accommodated by multiple design systems. In the Complex Units Library, I analyzed hundreds of designs and created reusable screens and flows, including documentation of intangible design patterns. It was followed by the Assets Libraries distributing graphic assets ensuring visual consistency.
Components overview
Library Anatomy
Library Anatomy
Library Anatomy
In designing documentations, I balanced simplicity for designers and detail for developers, using simple wording, MEMEs, and visual clues. I created a template for component requests, promoting democratization. I overcame challenges in platform compatibility, versioning, dynamic states. Crafting components, I optimized details for seamless use, utilizing emojis and color coding. For admins, I created a master library documenting design tokens logic and guidelines for consistent documentation, ensuring usability and coherence.
In designing documentations, I balanced simplicity for designers and detail for developers, using simple wording, MEMEs, and visual clues. I created a template for component requests, promoting democratization. I overcame challenges in platform compatibility, versioning, dynamic states. Crafting components, I optimized details for seamless use, utilizing emojis and color coding. For admins, I created a master library documenting design tokens logic and guidelines for consistent documentation, ensuring usability and coherence.
In designing documentations, I balanced simplicity for designers and detail for developers, using simple wording, MEMEs, and visual clues. I created a template for component requests, promoting democratization. I overcame challenges in platform compatibility, versioning, dynamic states. Crafting components, I optimized details for seamless use, utilizing emojis and color coding. For admins, I created a master library documenting design tokens logic and guidelines for consistent documentation, ensuring usability and coherence.
Component page
Design of Navigation System
Design of Navigation System
Design of Navigation System
I restructured the design environment for faster navigation, focusing on intuitive search. Thumbnails were redesigned with consistency in labels, colors, and images. I also set guidelines for design of products and established the Accessories Library to keep projects’ clarity with annotation tools. I also created Onboarding Guidelines to teach design workflow of the enterprise and to promote democratization.
I restructured the design environment for faster navigation, focusing on intuitive search. Thumbnails were redesigned with consistency in labels, colors, and images. I also set guidelines for design of products and established the Accessories Library to keep projects’ clarity with annotation tools. I also created Onboarding Guidelines to teach design workflow of the enterprise and to promote democratization.
I restructured the design environment for faster navigation, focusing on intuitive search. Thumbnails were redesigned with consistency in labels, colors, and images. I also set guidelines for design of products and established the Accessories Library to keep projects’ clarity with annotation tools. I also created Onboarding Guidelines to teach design workflow of the enterprise and to promote democratization.
Overview of project
Organized file
Testing
Testing
Testing
With precision, I released hundreds of updates impacting 10,000+ UI elements, achieving a 98% success rate. Then I carried out usability testing and focus groups to assess Design System’s performance. The tests revealed 200% increase in UX design speed and the navigation challenge was validated by successful search attempts. To support further testing, we established automated UI tests and a dedicated tester.
With precision, I released hundreds of updates impacting 10,000+ UI elements, achieving a 98% success rate. Then I carried out usability testing and focus groups to assess Design System’s performance. The tests revealed 200% increase in UX design speed and the navigation challenge was validated by successful search attempts. To support further testing, we established automated UI tests and a dedicated tester.
With precision, I released hundreds of updates impacting 10,000+ UI elements, achieving a 98% success rate. Then I carried out usability testing and focus groups to assess Design System’s performance. The tests revealed 200% increase in UX design speed and the navigation challenge was validated by successful search attempts. To support further testing, we established automated UI tests and a dedicated tester.
App for testing Design System
Results
Results
Results
My work has boosted design and front-end delivery by over 200 %, that set an example for other departments. Presented UI style got integrated across the enterprise and recognized as the official visual language. The new system saves 75% of designer’s time and enables democratization. Built-in interactive states reduce prototype screens by 50% and speed up researchers. Developers save 50% of coding time thanks to improved documentation and design templates. I have streamlined the design workflow and environment, reducing onboarding and development costs. It resulted in stunning feedback and resources for further development.
My work has boosted design and front-end delivery by over 200 %, that set an example for other departments. Presented UI style got integrated across the enterprise and recognized as the official visual language. The new system saves 75% of designer’s time and enables democratization. Built-in interactive states reduce prototype screens by 50% and speed up researchers. Developers save 50% of coding time thanks to improved documentation and design templates. I have streamlined the design workflow and environment, reducing onboarding and development costs. It resulted in stunning feedback and resources for further development.
My work has boosted design and front-end delivery by over 200 %, that set an example for other departments. Presented UI style got integrated across the enterprise and recognized as the official visual language. The new system saves 75% of designer’s time and enables democratization. Built-in interactive states reduce prototype screens by 50% and speed up researchers. Developers save 50% of coding time thanks to improved documentation and design templates. I have streamlined the design workflow and environment, reducing onboarding and development costs. It resulted in stunning feedback and resources for further development.
Phone Application
Tablet Application
Desktop Application
Watch Application
Personal Gains
Personal Gains
Personal Gains
During this project, I sharpened a skills of Design thinking, Service design, Information Architecture, and negotiation. I also acquired skills of Semantics, Tokens, Code (iOS, Android, React), and expert Figma knowledge. After this project, I consider myself expert in Design Systems.
During this project, I sharpened a skills of Design thinking, Service design, Information Architecture, and negotiation. I also acquired skills of Semantics, Tokens, Code (iOS, Android, React), and expert Figma knowledge. After this project, I consider myself expert in Design Systems.
During this project, I sharpened a skills of Design thinking, Service design, Information Architecture, and negotiation. I also acquired skills of Semantics, Tokens, Code (iOS, Android, React), and expert Figma knowledge. After this project, I consider myself expert in Design Systems.
Born in 1996 in Czechia, open minded and communicative. Vintage technology enthusiast. Bachelor of Economics and Master of Arts.
Emerged from graphic design, marketing communications and StartUp leading to find himself in Product Design.
Wanna know more? See the Resume or let’s chat!
Designed & Coded by Robert in Czechia