Platform Design * Material Design 2 * Framework Migration
To develop a migration strategy and implement a unified design system across the Asgard platform, consolidating disparate systems into a consistent, intuitive, and accessible experience. This involved collaborating with design teams and product owners to create a seamless user interface and experience across web, mobile, and desktop applications.
Managing multiple systems from four distinct companies within the Viking Cloud brand, each with its own technical debt and diverse technologies, posed significant challenges in terms of consistency and user experience. Streamlining these disparate platforms into a cohesive, user-friendly experience became imperative to ensure efficient management and usability across all 11 product lanes.
Technical debt and diverse technologies
Managing legacy systems with varying technologies and technical debt required careful navigation and planning to ensure smooth integration.
White labelling complexity
Balancing white labelling requirements while maintaining consistency and accessibility posed additional challenges.
Accessibility compliance
Ensuring adherence to WCAG and ADA compliance standards across all components while retaining simplicity of theming presented challenges in design implementation.
Coordination across teams
Coordinating efforts across six design teams to baseline appearance, interactions, and UX patterns across platforms required effective communication and collaboration.
Collaborative workshops
Conducted design sprints and design thinking workshops with each individual team to align on organisational processes and guidelines.
Framework evaluation
Evaluated Material Design (version 2, later migrating to version 3) as the foundation for the design system, considering its comprehensive guidelines and compatibility with various code frameworks such as Angular, Flutter and React.
Iterative design process
Worked with external design teams to create an internal version of Material Design System, extending it with custom components and guidelines tailored to support unique product features.
A/B testing
Running frequent comparisons of legacy framework implementation to the newly updated UI to ensure consistency of provided functionality and user perception of newly implemented design.
The chosen solution involved implementing Material Design as the foundation, supplemented with custom components and guidelines to address unique product features and accessibility requirements. By baselining appearance and interactions across over 250+ screens, the design system facilitated consistency and ease of use across web, mobile, and desktop applications and allowed to migrate external products onto the platform infrastructure with ease.
Over a 18-month period, the implementation of the Asgard platform resulted in a unified user experience across majority product lanes, and provided solid base for those further down the roadmap. By streamlining design elements and processes, Asgard achieved consistency and accessibility while accommodating the diverse needs of its user base and organizational stakeholders.
screens
WCAG achieved
products migrated
UX maturity growth
Get in touch on LinkedIn
Drop me an email to anton@lebed.works
