Design System Development

Abstract

The main purpose of the thesis is to conduct the current state analysis and further development plan proposal for Telia Design System, which is the project in the case company. Design System is a tool that consists of a collection of reusable UI components and a set of guidelines about the usage of these components. Telia Design System is a centralized Design System Library (DSL) for all Telia Finland UI-designs and web components. It’s a product of collaboration between designers and developers. By detailed analysis of the current system and comparison it to the ‘best in class’ component libraries, the author intends to bring those practices to Telia Finland Design System with the explanation of why, when, and how they should be implemented. The outcome of this thesis is a proposal for Design System improvement and/or actual implementation of it. By conducting this thesis project, the author hopes to improve the current state of the Telia Design System making it more robust and easier to use. I desire to implement better test automation to save man-hours and improve library performance to make products that use the Telia Design System load faster. This could potentially increase conversion rates across digital channels. Additionally, the author wants to provide a way for the component library to collect data about its usage for a more data-centric approach. The additional purpose of this thesis is to understand the modern technologies that have been used to create the library. The architecture and designing processes are also included in the thesis. Furthermore, a vivid view of the integration of all modern technologies to make a whole modern component library is shown.