Design system stack
Design system stack
I led the development of a new global workflow solution for the newly rebranded Hubexo. The key goals were to streamline product updates, ensure consistency at scale, and enable cross-functional collaboration across the organisation. This is an ongoing project that I prototyped and am now implementing as the UX/UI global lead.
Client
Hubexo
Year
2024
Role
UX/UI, Design system
Research
Research
I had prior experience collaborating on the NBS design system, which informed my familiarity with deploying and maintaining large-scale design systems. To further strengthen the global workflow solution, I researched best practices from leading organisations like Uber, Microsoft, and Google. This helped me understand how to structure the information and tooling required for a project of this scale.
Beyond the core design system, I also evaluated solutions like Zeroheight and UXpin to streamline update synchronisation across design and development.
I had prior experience collaborating on the NBS design system, which informed my familiarity with deploying and maintaining large-scale design systems. To further strengthen the global workflow solution, I researched best practices from leading organisations like Uber, Microsoft, and Google. This helped me understand how to structure the information and tooling required for a project of this scale.
Beyond the core design system, I also evaluated solutions like Zeroheight and UXpin to streamline update synchronisation across design and development.
Research
I had prior experience collaborating on the NBS design system, which informed my familiarity with deploying and maintaining large-scale design systems. To further strengthen the global workflow solution, I researched best practices from leading organisations like Uber, Microsoft, and Google. This helped me understand how to structure the information and tooling required for a project of this scale.
Beyond the core design system, I also evaluated solutions like Zeroheight and UXpin to streamline update synchronisation across design and development.
Design
Design
I created a Figma prototype outlining the proposed tooling, ownership structure, and maintenance workflows across the UX and development teams. This solution was presented to senior and C-suite executives, receiving positive feedback.
My design approach focused on maximising maintainability - allowing flexible, scalable changes with just a few clicks, which would have previously required significant UX resource and time.
I created a Figma prototype outlining the proposed tooling, ownership structure, and maintenance workflows across the UX and development teams. This solution was presented to senior and C-suite executives, receiving positive feedback.
My design approach focused on maximising maintainability - allowing flexible, scalable changes with just a few clicks, which would have previously required significant UX resource and time.
Design
I created a Figma prototype outlining the proposed tooling, ownership structure, and maintenance workflows across the UX and development teams. This solution was presented to senior and C-suite executives, receiving positive feedback.
My design approach focused on maximising maintainability - allowing flexible, scalable changes with just a few clicks, which would have previously required significant UX resource and time.
Development
Development
Our tech stack has transitioned from Angular to React, so I've utilised the Material-UI (MUI) design system to better align the UX implementation with the development team. Additionally, Zeroheight has helped us overcome organisational access limitations, providing a centralised single source of truth across the business.
The development work is currently ongoing, but the overall system is functional in practice.
Our tech stack has transitioned from Angular to React, so I've utilised the Material-UI (MUI) design system to better align the UX implementation with the development team. Additionally, Zeroheight has helped us overcome organisational access limitations, providing a centralised single source of truth across the business.
The development work is currently ongoing, but the overall system is functional in practice.
Development
Our tech stack has transitioned from Angular to React, so I've utilised the Material-UI (MUI) design system to better align the UX implementation with the development team. Additionally, Zeroheight has helped us overcome organisational access limitations, providing a centralised single source of truth across the business.
The development work is currently ongoing, but the overall system is functional in practice.
Solution
Solution
The design system workflow and tools outlined address our global access issues by providing a centralised documentation platform, while additionally allowing us to share this with 3rd parties with ease. Moreover hosting the documentation on a standalone website overcomes performance limitations of large Figma files.
The design system workflow and tools outlined address our global access issues by providing a centralised documentation platform, while additionally allowing us to share this with 3rd parties with ease. Moreover hosting the documentation on a standalone website overcomes performance limitations of large Figma files.
Solution
The design system workflow and tools outlined address our global access issues by providing a centralised documentation platform, while additionally allowing us to share this with 3rd parties with ease. Moreover hosting the documentation on a standalone website overcomes performance limitations of large Figma files.
Impact
Impact
During a recent company rebrand, I was able to make mass updates to align existing projects with the new brand guidelines in just 30 minutes, netting a 10x increase in efficiency. I've also received a lot of positive feedback from stakeholders highlighting the "meticulous work and attention to detail".
Going forward, all new projects will utilise this workflow to enforce quality and consistency at scale, with the flexibility of providing a branded version of the design system to fit locale UX team needs.
During a recent company rebrand, I was able to make mass updates to align existing projects with the new brand guidelines in just 30 minutes, netting a 10x increase in efficiency. I've also received a lot of positive feedback from stakeholders highlighting the "meticulous work and attention to detail".
Going forward, all new projects will utilise this workflow to enforce quality and consistency at scale, with the flexibility of providing a branded version of the design system to fit locale UX team needs.
Impact
During a recent company rebrand, I was able to make mass updates to align existing projects with the new brand guidelines in just 30 minutes, netting a 10x increase in efficiency. I've also received a lot of positive feedback from stakeholders highlighting the "meticulous work and attention to detail".
Going forward, all new projects will utilise this workflow to enforce quality and consistency at scale, with the flexibility of providing a branded version of the design system to fit locale UX team needs.
More Works More Works
More Works More Works
Powered by hopes dreams, and lots of caffeine
GO BACK TO TOP
Powered by hopes dreams, and lots of caffeine
GO BACK TO TOP