I led the UI/UX design for FRUM, a project to merge two legacy employee platforms into one modern experience for RBI. The primary challenge was a stakeholder request to design an organizational chart with the complex, interactive functionality of Workday, capable of managing thousands of employees across different roles, stores, and franchises.
As the lead UI/UX Designer, I collaborated in numerous meetings with the Product Owners to deconstruct an incredibly complex set of requirements. My role was to translate these abstract business rules into a logical, usable, and scalable card-based interaction model that developers could build.
The project began with the simple but challenging request to 'make it work like Workday.' In partnership with the POs, my first step was to break this down into specific user actions: adding users, moving them between stores or franchises, changing permissions, and navigating a potentially massive organizational tree.
To bring order to this complexity, we created a comprehensive business rules document. This became our source of truth, systematically defining every component and its unique behaviors—from a top-level 'Reporting Unit Card' (RUC) that could add users, to a 'Nested Folder Card' (NFC) that could contain other cards.
Basic brand-less hierarchy of cards
With the logic defined, I designed a visual component library for the five major card types and their many sub-states. Each card was designed to clearly communicate its function, its available actions (Add, Edit, Move), and its relationship to other cards, ensuring users could navigate the complex hierarchy with ease.
This animation demonstrates the core expand-and-collapse interaction on a mobile view. Tapping a nested card smoothly reveals its child elements, pushing other cards aside to maintain context within the limited screen space. This allows for in-depth navigation without losing your place in the overall hierarchy.
I was responsible for translating the complex business logic of workforce management into a complete, visually coherent design system and interaction model.
This outcome was only possible through a deep partnership with the Product Owners. Together, we systematically turned an ambiguous stakeholder request into a detailed and actionable plan.
The final deliverable was a robust, well-documented design system that provided absolute clarity on how a highly complex feature should behave. This systematic approach de-risked the project for the development team, giving them a clear blueprint to build a powerful tool capable of managing a global workforce. We successfully translated the power of a tool like Workday into a custom solution tailored to RBI's specific needs.