UI Unification

Design System

Technologies

JavascriptCSSReactAngularJenkinsBowerNpm

Features

Design SystemCSS FrameworkAngular DirectivesReact ComponentsNpm PackageBower Package

Description

When I joined the company, there were various independent applications with completely different designs that needed to look and feel consistent. The team and I created a design system that we made available across multiple teams via bower and npm. Eventually, I also joined efforts with these teams to apply the design system to their respective projects.

Duration

6 weeks to distribute the first version of the design system, one month applying to a couple of products and another year adding new components and fixing bugs.

Role, responsibilities, challenges

As a frontend developer, I create reusable UI components from given designs.

Identifying reusable UI elements and creating flexible and fully tested Angular Directives and React Components to be used across different products we’re the biggest challenges we faced.