(01) Overview
Our efforts aimed towards merging brand and business objectives into a web design system.
o9 Solutions is a cloud-based business management platform that delivers innovative supply chain planning solutions for global companies. Our role consisted of translating the brand identity into a web section library and a web design system to craft engaging digital journeys to convey the vision, using engaging narrative across web design and showcase the benefits of the products through compelling storytelling.
Art Direction / UI &UX Design / Web Design System
(02) The approach
Building a design system for scale and flexibility
We initiated the development of a robust design system by incorporating a strong grid, spacing, and typography framework, as well as dark and light themes, facilitating the creation of flexible sections. Our emphasis relies on maintaining the right signal-to-noise ratio in design and content, focusing on essentials to ensure that the visual elements of the interface support the user's primary goals.
Furthermore, we unlocked page templates and a library in Figma to make it easy to build landing pages and content strategies for SEO purposes making the collaboration more efficient among the entire organisation.
Interaction Design / Responsive Design / Web Design System / Page templates / Copywriting guidelines
(03) Visual design
A compelling visual product
We maintained recognisable and beloved aspects of the original brand, adapting it to the digital presence. Our strategic style decisions, featuring prominent headings and impactful imagery for page structuring, along with a well-defined grid, significantly enhance the overall visual appeal and contribute to effectively communicating the brand's message.
Moreover, embracing whitespace, our design allows elements to breathe, preventing visual clutter and contributing to a clean and inviting interface. Additionally, our commitment to adaptability ensures a seamless user experience across various devices. We also elevated the UI software elements with an art direction that activates the brand across all major touchpoint and makes it easier to communicate the brand's message and
explain our solutions
explain our solutions
UI Data visualisation / Grid system / Design Patterns
