CRU's global teams were each building their own interfaces, piling up technical debt and a fragmented experience. I helped build the company's first in-house component library to fix that.
What I did
Built a multi-branded React component library with strict accessibility standards.
Documented every component in Storybook so teams could adopt it quickly.
Refactored the product codebase to consume the shared library.
Impact
Cut UI development time by ~50% and brought a consistent look and feel across previously fragmented products.
THE CHALLENGE
Draft: confirm details — every CRU product team was rebuilding the same buttons, forms and tables in its own style. The brand looked different in every app, and simple UI work was slow and repetitive.
THE TECHNICAL SOLUTION
Draft: confirm details — designed and built a centralised, accessible component library with multi-brand theming, Storybook documentation and automated visual tests, published as a versioned npm package every team could adopt incrementally.
KEY BUSINESS OUTCOME
UI development time dropped by 50% across global teams, and every product now ships with a consistent, accessible interface.
