Design a scalable UI system for a complex enterprise website during an acquisition, evolving a legacy interface with new branding and creating a scalable, modular, and interaction rich experience through a custom CMS.

Solution

Established an atomic, modular UI system designed around a small set of flexible molecules that could be recombined into a wide range of components. This approach balanced visual richness and interaction with long-term scalability, creating a shared framework that aligned design, development, and CMS architecture. The system directly informed how the Sanity CMS was structured, ensuring design intent translated cleanly into build and content management.

Impact

Delivered a highly flexible enterprise website that balanced visual complexity with system consistency. The modular approach streamlined development, informed CMS structure, and created a foundation that could scale with JR Automation’s evolving brand.

Outcome

The redesign created a cohesive enterprise experience during a period of brand transition, blending JR Automation’s existing interface with Hitachi’s new identity. A modular system improved flexibility and ensured the site could evolve over time without sacrificing consistency.

Reflection

This project showed that accessibility and brand expression go hand in hand. It also highlighted that meaning comes from context, and that a color palette doesn’t dictate how a UI functions or feels.