O2 Slovakia, s.r.o. is a company providing mobile telephone and mobile data transmission services based on GSM and UMTS.
„I evaluate the cooperation with ableneo as a great benefit for our team, whether it is a team of designers or front-end developers - ableneo with its expertise and approach helped us to set the structure and start the processes for creating new documentation and redesigning the design system. It has supplied us with an incredible number of materials and use-cases that we can draw on for future work. The collaboration was very efficient and at a high professional level. The overall output met our expectations, and therefore I recommend cooperation with ableneo to anyone looking for a reliable partner in design and design systems."
Summary
O2 partnered with ableneo to build and implement an atomic design system, aiming to streamline product design, reduce redundant solutions, and accelerate both design and development.
Challenge
Motivation to change
O2’s main motivation was to speed up product development and offer better user experience – by improving their design system.
We supported and guided O2 with building and implementing an atomic design system, so that product design activities become consistent, with fewer unique solutions to similar problems and speeding up both design and development, allowing designers and developers to focus on bigger and more specific problems.
Solution
How we solved it
Working together with O2 designers and developers, a new design system approach was created for the company, based on atomic design, clear terminology (e.g. what exactly is a component?) and implementing design tokens.
But first we did an assessment we call a Design system health check, where we analysed:
- the story and origins of the design system,
- its governance, team and budget,
- tools and processes , such as “from idea to User Interface”,
- practical usage & metrics,
- documentation, updates, integrations and maintenance,
- and of course – pains & needs.
Coincidentally, Figma just introduced variables and the company kicked-off their agile transformation with the new org and team structure, which was a great opportunity for setting new best practices.
Tools & means
- Structured workshops
- Tools and process analysis
- Figma
- FigJam
- Storybook
Outcomes
Change outcomes
We helped the company to kick off a new design system structure and the processes for creating new mutually understood terminology.
It was the first and crucial step to
- standardization of O2’s design system,
- enabling scalability and reusability of design and front end,
- improving onboarding of new team members,
- alignement of IT needs and goals with customer support needs and goals.
Now, designers and developers in O2 Slovakia can focus on bigger and more specific problems.