Building Vodafone Design System

Design System / User Interface / Usability
Project Overview
We prepare complex guidelines for Vodafone Czech digital products. Our primary focus was to support existing products such as app, website, self-care and other internal tools in one coherent experiences from branding, through visual look & feel to actual experiences.

We took inspiration from global Design Team initiatives, existing products and brand outcomes from agencies and create one source of truth.
My Contributions
- Review with the team Components consistency.
- Designing Components in Sketch Shared Library.
- Mentoring other UI Designers in atom design principles.
- Collaborate with developer teams on implementation.
- Internal promotion of Design System.
Project Context
When I join Vodafone Czech there was at that time no Design System, just some visual guidelines from Visual Graphic Designer. We decided together with product owners in Digital to refresh overall look & feel of the, Mobile My Vodafone app and some more internal tools.

So, we started in situation where we primary need to consistently redesign all those interfaces in short time with limited resources. For our internal Design Team it was challenge to adapt new visual language and implementation of those rapidly changing UIs. We started to find inconsistencies in our designs.

We decided to invest some time and effort to build up Sketch Shared Library for us as designers to increase our productivity and consistency in our outcomes. From there it also became the starting point for new React Storybook component libraries. We also spend some time with alignment with global Vodafone Design team and follow the brand guidelines.

Design System is published under password on website

Want to work together?

If you like what you see and want to work together, get in touch!