Maverick Design System

Maverick Design System

A scalable design system that unified VCS HR's product ecosystem and accelerated design-to-development workflow.

A scalable design system that unified VCS HR's product ecosystem and accelerated design-to-development workflow.

ROLE

ROLE

UX/UI Designer

UX/UI Designer

TEAM

TEAM

Designer: Julie

Manager: Francisco

Implemented by all devs (12)

Designer: Julie

Manager: Francisco

Implemented by all devs (12)

TIMELINE

TIMELINE

June 2024 - Dec 2025

June 2024 - Dec 2025

CLIENT

CLIENT

VCS HR

VCS HR

Overview

Overview

When I joined VCS HR as the first UX/UI designer, I stepped into a product ecosystem that had been entirely developer-driven, with no standardization or defined design practices.

VCS HR builds scheduling and payroll software for public safety agencies — tools that are powerful, data-dense, and critical to daily operations. Over time, the UI had become a patchwork of components, styles, and interaction patterns. Buttons behaved differently across pages. Spacing and typography varied widely. Visual hierarchy was inconsistent. Each developer had made reasonable decisions in isolation, but collectively the system lacked cohesion.


Because Maverick is a dense, data-heavy product used for scheduling, payroll rules, and administrative workflows, clarity is critical.


My goal was to create a scalable design system that would bring consistency to the product, simplify complex interfaces, and provide developers with clear guidance for building future features.

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Heading

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Heading

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Overview

Overview

Heading

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Heading

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Overview

Overview

Heading

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

Heading

Subtitle

The product was strong, but the brand made it look weak. Their visuals were generic, and the website failed to inspire trust.

© 2025 Noora. All rights reserved.

© 2025 Noora. All rights reserved.

© 2025 Noora. All rights reserved.