Design System

About the Project

Team: 3 UX Designers

My Role: UX Designer

Project Duration: 2 Months

Tools: Figma, Bootstrap, React, Storybook

Problem: A new design system needed to be crafted during the merger of Higher Logic, Informz and Real Magnet to bring all 3 (very different) brands under a single common user interface. This had to be done very quickly so that other design initiatives could get underway.

Solution Summary: A design system centered on the use of Bootstrap and light iconography via FontAwesome was established. This was implemented in a React environment using easily reusable components to drive productivity. The documentation for the design system was then drafted using Storybook to easily define each component's props, code and usage guidelines.