Charlie HR: Design System

Context and Problem

CharlieHR, an HR software platform, faced significant challenges with its design system. The existing system was outdated, with multiple libraries and inconsistent documentation. Designers had to navigate various component versions, leading to inefficiencies, while developers spent excessive time deciphering how components should behave. Additionally, accessibility across the platform was poor, with over 205 WCAG violations. The fragmented system also made UI/UX changes difficult and slow

Goals

Process

Audit and Feedback Collection

Conducted a comprehensive audit of current components and workflows.

Gathered feedback from the design and development teams to identify key pain points, focusing on time-consuming tasks and bottlenecks.r text here...

Color and Typography Simplification

Design Tokens: Introduced design tokens, reducing the color system by 80% and laying the groundwork for potential rebranding.

Typography Overhaul: Resolved hierarchy issues by standardizing font usage and simplifying the typography system by 150%

Collaboration

Team: Led by myself with contributions from the design team and two front-end developers.

Workshops and Documentation: Hosted workshops for designers to align on system changes, and provided thorough documentation for developers to ensure consistent adoption.

Challenges

Convincing stakeholders of the value in investing time and resources into non-user-facing improvements.

Maintaining consistent communication across teams and aligning design decisions with business goals. here...

Impact

UI

Thanks!

Antonio Lozano
Senior Product Designer crafting value for users & business
Get in touch

More by Antonio Lozano

View profile