Creating the formwork design system

Role

Interaction Designer

Product

Formwork Design System

Client

InEight

The Project

I was an Interaction Designer on this project. As a team we were tasked with created the company's first design system. We were able to cut development and design times down by about 34% after implementation.

The Team

I was part of a team that consisted of a Developer, UI Engineer, and me as the interaction designer.

The Problem

Our base UIs were all extremely disjointed. Often leaving the user confused when working through different tasks. This problem was even worse when switching between applications. Anytime design changes are made it costs the company a lot in both time and money. Because of this making design changes, no matter how necessary they may be, is often a long process. Creating a design system of custom-coded components gave us the power to completely own design and implementation. Allowing us to make necessary changes to create a unified experience that also saved the company precious development resources.

UI Showcase

Building Components

We followed the atomic design process when building out this design system, starting with the smallest components first and building our way up to larger pieces that in some cases utilize 5 or more smaller components. This allowed us to scale quickly and not have to trip over details as we worked.

Iconography

Iconography

Alongside another very talented designer, we managed and redesigned our company's icon library, which includes over 600 icons. Over this process, we reviewed each icon and redesigned it to fit our new styling guidelines. This process created a unified look throughout our suite of applications.