Integrating a design system
ClientA tech start up, with low resources for design, developed a product that does the job but looks unstructured in the interface design.
My Role
Take an existing interface and integrate it into a design system for developers to follow so that the interface looks consistent & professional and improves brand perception and trust.
The Process
Audit existing web app's UX/UI to find inconsistencies in design, language and overall experience.
Inventory and categorize all of the existing elements. Add missing variants.
Organize the design system using a modular method that breaks pages down to modules (e.g. pagination), components (e.g. buttons) and foundations (e.g. typography).
Page
↓
Modules
↓
Components
↓
Foundation
Publish library in Figma
