MessageRelay Digital Academy

Design · Foundations

Design Systems for Data UI

Craft accessible dashboard components, chart palettes, and documentation for data teams.

For engineers and designers collaborating on internal analytics UIs. Build a tokenized component set with focus on color contrast, density modes, and chart accessibility.

₩750,000 · 6 weeks · Blended

Request information Refund & Cancellation
UI component library tiles arranged on a design workspace

Included in this cohort

  • Figma + code parity exercises
  • Chart colorblind-safe palettes
  • Density modes for ops dashboards
  • Storybook documentation sprint
  • WCAG checklist for data viz
  • Handoff rituals with engineers
  • Critique sessions with product mentors

Outcomes you can show

  1. Publish a mini design system with 8 components
  2. Pass an accessibility review on two charts
  3. Document usage guidelines for your team
Portrait of Na-ri Jung

Mentor

Na-ri Jung

Design lead for B2B analytics products.

Common questions

HTML/CSS familiarity helps; React examples are optional tracks.

Learner notes

"Density modes doc is now our team default. Chart palette module was short but sharp."

Yuri · UX designer · SignalBoard

"Pairing with an engineer on Storybook stories reduced our handoff fights."