UX and Design System revamp
UX and Design System revamp
Transforming enterprise software translating the new brand identity into a refined art direction applying strategic UX enhancements.
Transforming enterprise software translating the new brand identity into a refined art direction applying strategic UX enhancements.
Type
Type
Type
Product design
Product design
Product design
Role
Role
Role
Role
UI Lead
UI Lead
UI Lead
Year
Year
Year
2024
2024
2024
Collaborators
Collaborator
Collaborator
Collaborator
Dimitra Efraimidou
Dimitra Efraimidou
Dimitra Efraimidou
(01)
Project overview
(01)
Project overview
(01)
Project overview
Elevating User Experience Through Brand Identity Integration
Elevating User Experience Through Brand Identity Integration
Elevating User Experience Through Brand Identity Integration
o9 Solutions is a cloud-based business management platform that delivers global companies innovative supply chain planning solutions. Leading this project, I worked closely with designers, the R&D team, and stakeholders to bridge the gap between vision and execution. We created a more intuitive, engaging platform that aligned with the brand’s core values through refined art direction, UX improvements, and a custom icon library.
o9 Solutions is a cloud-based business management platform that delivers global companies innovative supply chain planning solutions. Leading this project, I worked closely with designers, the R&D team, and stakeholders to bridge the gap between vision and execution. We created a more intuitive, engaging platform that aligned with the brand’s core values through refined art direction, UX improvements, and a custom icon library.
o9 Solutions is a cloud-based business management platform that delivers global companies innovative supply chain planning solutions. Leading this project, I worked closely with designers, the R&D team, and stakeholders to bridge the gap between vision and execution. We created a more intuitive, engaging platform that aligned with the brand’s core values through refined art direction, UX improvements, and a custom icon library.
(WHAT WE DID)
(WHAT WE DID)
(WHAT WE DID)
— Core layout structuring
— Components art direction
— User interaction refinements
— New Icon Library
— Core layout structuring
— Components art direction
— User interaction refinements
— New Icon Library
— Core layout structuring
— Components art direction
— User interaction refinements
— New Icon Library
(02)
UX/UI design
(02)
The Goal
(02)
UX/UI design
(02)
UX/UI design
A Modern and Intuitive UI: Integrating Brand Identity and GenAI Capabilities
A Modern and Intuitive UI: Integrating Brand Identity and GenAI Capabilities
A Modern and Intuitive UI: Integrating Brand Identity and GenAI Capabilities
This UI revamp involved collaborating with the R&D team to apply brand guidelines platform-wide. We refreshed the foundation library's colours, typography, and icons, and optimised accessibility, layout, and user experience at the component level for improved scannability and findability. The aim was a modern and cohesive interface aligned with the company’s brand.
This UI revamp involved collaborating with the R&D team to apply brand guidelines platform-wide. We refreshed the foundation library's colours, typography, and icons, and optimised accessibility, layout, and user experience at the component level for improved scannability and findability. The aim was a modern and cohesive interface aligned with the company’s brand.
This UI revamp involved collaborating with the R&D team to apply brand guidelines platform-wide. We refreshed the foundation library's colours, typography, and icons, and optimised accessibility, layout, and user experience at the component level for improved scannability and findability. The aim was a modern and cohesive interface aligned with the company’s brand.
The incorporation of GenAI capabilities has required a comprehensive redesign of the user experience, extending to naming, tone of voice, brand identity, text formatting guidelines, interaction, and motion design. This capability is currently under development.
The incorporation of GenAI capabilities has required a comprehensive redesign of the user experience, extending to naming, tone of voice, brand identity, text formatting guidelines, interaction, and motion design. This capability is currently under development.
The incorporation of GenAI capabilities has required a comprehensive redesign of the user experience, extending to naming, tone of voice, brand identity, text formatting guidelines, interaction, and motion design. This capability is currently under development.
(03)
Brand identity
(03)
Brand identity
(03)
Brand identity
UI design: Brand Meets Usability
UI design: Brand Meets Usability
UI design: Brand Meets Usability
The layout tiles were thoughtfully designed to establish a clear visual hierarchy while avoiding the common reliance on depth and shadows seen in many software interfaces. Instead, we crafted a unique structuring approach, using precise light and dark mapping to maintain consistency across the platform. This ensured interactions felt intuitive and cohesive, providing clear feedback and a smooth user experience.
The layout tiles were thoughtfully designed to establish a clear visual hierarchy while avoiding the common reliance on depth and shadows seen in many software interfaces. Instead, we crafted a unique structuring approach, using precise light and dark mapping to maintain consistency across the platform. This ensured interactions felt intuitive and cohesive, providing clear feedback and a smooth user experience.
The layout tiles were thoughtfully designed to establish a clear visual hierarchy while avoiding the common reliance on depth and shadows seen in many software interfaces. Instead, we crafted a unique structuring approach, using precise light and dark mapping to maintain consistency across the platform. This ensured interactions felt intuitive and cohesive, providing clear feedback and a smooth user experience.
Each component was carefully crafted through a search and benchmarking approach, ensuring we applied the best solutions while balancing feasibility and desirability. This case study delves into the collaborative process of rebranding and redesigning an enterprise application, demonstrating how thoughtful design decisions can elevate the platform's aesthetic and functional appeal while staying true to the essence of the brand and the needs of its users.
Each component was carefully crafted through a search and benchmarking approach, ensuring we applied the best solutions while balancing feasibility and desirability. This case study delves into the collaborative process of rebranding and redesigning an enterprise application, demonstrating how thoughtful design decisions can elevate the platform's aesthetic and functional appeal while staying true to the essence of the brand and the needs of its users.
Each component was carefully crafted through a search and benchmarking approach, ensuring we applied the best solutions while balancing feasibility and desirability. This case study delves into the collaborative process of rebranding and redesigning an enterprise application, demonstrating how thoughtful design decisions can elevate the platform's aesthetic and functional appeal while staying true to the essence of the brand and the needs of its users.
(04)
Results
Component Completion and Future Development
The o9 Design system revamp mapped a total of 151 components, and within the first seven months, 78 of these were successfully completed in partnership with the R&D team. This progress represents a significant step towards a more cohesive and enhanced user experience. The design lab also delivered a custom icon library of 800 icons, further supporting visual consistency across the platform.
Looking ahead, the roadmap includes the development of 11 initial widgets, 20 data visualisation charts, and the integration of 42 inherited components. These additions will broaden the system's capabilities and provide a solid foundation for future growth and innovation.
(04)
Results
Component Completion and Future Development
The o9 Design system revamp mapped a total of 151 components, and within the first seven months, 78 of these were successfully completed in partnership with the R&D team. This progress represents a significant step towards a more cohesive and enhanced user experience. The design lab also delivered a custom icon library of 800 icons, further supporting visual consistency across the platform.
Looking ahead, the roadmap includes the development of 11 initial widgets, 20 data visualisation charts, and the integration of 42 inherited components. These additions will broaden the system's capabilities and provide a solid foundation for future growth and innovation.
(04)
Results
(04)
Results
Component Completion and Future Development
Component Completion and Future Development
The o9 Design system revamp mapped a total of 151 components, and within the first seven months, 78 of these were successfully completed in partnership with the R&D team. This progress represents a significant step towards a more cohesive and enhanced user experience. The design lab also delivered a custom icon library of 800 icons, further supporting visual consistency across the platform.
Looking ahead, the roadmap includes the development of 11 initial widgets, 20 data visualisation charts, and the integration of 42 inherited components. These additions will broaden the system's capabilities and provide a solid foundation for future growth and innovation.
(05)
Learnings
(05)
Learnings
(05)
Learnings
Bridging the Gap: Design and Cross-Functional Collaboration
Bridging the Gap: Design and Cross-Functional Collaboration
Bridging the Gap: Design and Cross-Functional Collaboration
This enterprise application redesign was a fantastic learning experience, particularly because of the challenges it presented. It really brought home the complexities—and rewards—of collaborative design, especially when working across departments where design hadn't always been a priority.
This enterprise application redesign was a fantastic learning experience, particularly because of the challenges it presented. It really brought home the complexities—and rewards—of collaborative design, especially when working across departments where design hadn't always been a priority.
This enterprise application redesign was a fantastic learning experience, particularly because of the challenges it presented. It really brought home the complexities—and rewards—of collaborative design, especially when working across departments where design hadn't always been a priority.
We constantly navigated the tension between aesthetics and functionality, but the reward was finding that sweet spot. The remote collaboration with the cross-functional team underscored the importance of clear communication and shared understanding when bringing diverse skills together.
We constantly navigated the tension between aesthetics and functionality, but the reward was finding that sweet spot. The remote collaboration with the cross-functional team underscored the importance of clear communication and shared understanding when bringing diverse skills together.
We constantly navigated the tension between aesthetics and functionality, but the reward was finding that sweet spot. The remote collaboration with the cross-functional team underscored the importance of clear communication and shared understanding when bringing diverse skills together.
Team
Design system owner: Akash Upadhyay
UI Lead: Lucila Castroman
UI designer: Dimitra Efraimidou
Illustrator: Amalie Dyrup (Illustration & icons art direction)
Brand designer: Jordi Martín Fontboté
Design Lab team on full icon library creation.
R&D team for UX research