Mobile App

eyos Connect

Empowering micro merchants in Indonesia

Role
Design Systems Lead
Year
2023
Team
5
Platform
Web · iOS · Android
The Problem

"A 60-person product org had three competing UI libraries. Halcyon unified them into a single, accessible, themeable system without forcing a rewrite."

Constraints
  • 01Adopt incrementally — no big-bang migration.
  • 02Must theme to three existing brands.
  • 03WCAG 2.2 AA across every component.
Discovery
Insight

Audited 312 button variants across 14 surfaces. Reduced to 6 canonical variants.

"I just want a dropdown that doesn't break on iOS Safari."

Senior engineer

Guiding Principles
01

Tokens before components

Color, type, space — locked first.

02

Composable, not configurable

Small parts that snap together cleanly.

03

Accessibility is the default

If it ships, it passes axe.

The Solution
Dasboard

Dasboard

Promotion details

Promotion details

Claims

Claims

Promotions

Promotions

Walkthrough

Walkthrough

Outcome
−61%
Time to ship a new screen
100%
WCAG AA coverage
3 brands
Themed from one source
9 mo
To full org adoption
Reflection

The system only stuck because we paired every release with a 1:1 migration session. Documentation alone never got teams over the hump.