Bringing Order to Urgency: Creating a UI Kit for a Global Organization

From ad‑hoc pages to a reliable system that ships in hours, not weeks.

Mission & Role

Mission & Role

Product Design | Localization

In 2025 the IRC had no UI library, country websites that had drifted apart, and a web team stuck in permanent reaction mode. I led the fix as both creative director and designer, working across Digital and Web, Mass Markets, Data and Analytics, and MarTech from January to November 2025.

I owned the full lifecycle — audit, strategy, component design, accessibility standards, and implementation — at a moment when the whole sector was cutting budgets rather than building systems.

Result:
A Figma Enterprise library that took routine site updates from two weeks to under 48 hours, across a global nonprofit.

Key Insights

Key Insights

  1. Time to ship cut drastically
    • Minimal updates moved from up to two weeks to under 48 hours.
    • Mockups now mirror implementation for faster approvals.


  2. Accessibility and consistency, by default
    • WCAG‑minded components and patterns replaced one‑offs.
    • Country homepages align on typography, color, and interaction.


  3. Built for crisis and scale
    • Pre‑vetted banners and content modules reduce risk during emergencies.
    • A single source of truth enables confident, cross‑team collaboration.

Results & Impact

Results & Impact

In under a year, a global nonprofit now presents a coherent, dependable digital experience. Larger‑scale updates aren’t a dream anymore—they’re a to‑do list. Next up: Project Homepage Makeover. 💅

I set the strategy and did the work—audits, definition, component design, accessibility baselines, and rollout—turning a clear need into a system in the midst of sector‑wide cuts.