Crafting Vodafone Design System
2018-2024
Led the creation and ongoing maintenance of a cross-platform design system that streamlined the design team's workflow and enhanced consistency and usability.
Client
Vodafone
Skills
Design System
Interaction Design
UI & UX Design
Usability Testing
Branding
Year
2018-2024
Work with
Rebeca Jirásková
Markéta Savkovová
Jakub Mynařík
Build-up to support team consistency
Well-crafted styles, atoms & components
We defined a flexible style and layout system to maintain consistency across multiple products — from websites to internal systems.
Fully responsive templates in Figma
We utilized the latest Figma features to bring our templates fully auto responsive.
Components — the fundamental elements of a design system. These range from basic UI elements like buttons, input fields, and cards to more complex components such as navigation bars, modals, and data grids.
150
+
Components
60
+
Styles & Variables
5
+
Products
6 GB
Red Basic
Benefit 1
Benefit 2
Benefit 3
Upsell
Description
Price
99 Kč
monthly
Koupit
A scalable system of UI components and patterns ensures a consistent user experience across all platforms.
I established design principles, defined the library structure, and later led the migration from Sketch to Figma. I educated the team, identified opportunities to optimize workflows, and promoted industry best practices.
The entire design process prioritized usability and accessibility. We followed platform-specific features and industry best practices.
Foundation
I created documentation covering the basic principles and best practices. It includes guidelines, UI patterns, and component specifications connected to Storybook implementation.
Cross-platform
The entire Design System was built with cross-platform consistency in mind. It shares typography, sizing and color system. The system is one coherent library, with specific mobile UI patterns and complex web content blocks.
Guidelines
I created and shared numerous guidelines — including component-specific documentation for developers (internal and agency) and guidance for web promotional interaction points in collaboration with our brand agency.
Consistent Experiences
I ensured all interactions were clearly defined in designs and tested through interactive Figma prototypes. All brand assets and atomic elements maintained a unified look and feel.
Rebeca Jirásková
Senior UX Designer