Crafting Vodafone Design System
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 define flexible style, layout system keeping consistency in our designs for multiple products from websites to internal systems.
State of art interactive & responsive approach
We utilized latest features of Figma help us to reach level of production state as much as possible.
Components — the fundamental elements of a design system, These components range from basic UI elements like buttons, input fields, cards to more complex components like navigation bars, modals, and data grids.
150
+
Components for web and mobile
60
+
Styles using Variables
5
+
Products using it
6 GB
Red Basic
Benefit 1
Benefit 2
Benefit 3
Upsell
Description
Price
99 Kč
monthly
Koupit
Scalable system of UI components and patterns, ensuring consistent user experience across all platforms.
I established principles for the design team, and library structure and led the migration from Sketch to Figma later on.
I educate the team, identify opportunities to optimize workflows, and promote industry best practices to the team.
Whole design process was focused on usability & accessibility at the fisrt place. We followed best practices and platform-specific features.
Design Foundation
I created documentation of basic principles and best practices. Contains priniples, UI patterns and components with specification connected to Storybook implementation.
Cross-platform
Whole Design Systems was build-up in cross-platform consistency in mind. It shares typography and color styles. Whole system is one coherent Library with specific UI patters for mobile or complex web content blocks defined in own dedicated libraries.
Guidelines
I created and shared many guidelines. For example Component specific details for developers (internal & agency) as well as for example guide for the web promotional interaction points shared with our brand agency.
Consistent Experience
I made sure, that all interactions are clear in designs we delivered and tested in interactive prototypes in Figma. All brand assets, atoms looks & feels the same. We use progressive disclosure on mobile to keep the UI easy to understand & navigate.
Rebeca Jirásková
Vodafone
You did a lot of exceptional work this year, pushed our web to a higher level. I appreciate all your work that is always making sure the user experience is clear, transparent and understandable for our customers. I appreciate all your inputs regarding design principles, and guidelines for our design system. You are a strong and valuable team player.