Through business and user insights we aim to deliver state-of-the-art digital solutions that create value for both customers and our stakeholders, Alfa Laval
Creation of a Global Design System
Creation of a Global Design System for HMI- and IOT-Platforms for Energy, Marine & Transportation, Pharma & Biotech, Water & Wastewater.
Deliverables Global Design System
As-is analysis
An internal audit through desk research and expert reviews of five strategic solutions was conducted identifying cosmetic flaws, graphical inconsistencies as well as critical usability issues:
Inconsistent navigation systems and principles
Information overload
Specific functional issues (trend plots)
Non-contemporary design and visual style
Not based on real user needs
No review culture or feedback loop
User Insights
Two user segments were identified and mapped:
Alfa Laval users
End users
Insights on users were gathered through qualitative user research, interviews, observation and user testing on current systems.
Use cases, user stories and value propositions were created for both segments.
Personas and user journeys were created for select business areas.
Design System
The Design Guide specifing the principle design was created together with Eggs Design.
We worked closely with Global Communications on creating a shared global guideline.
Living style guide/component library with all design elements implemented incl a code library in Angular was developed for frontend use.
Product Design
High-fidelity wireframes incl. documentation (annotations) were created for future solutions based on the shared design principles
Detailed design was created by Eggs
User testing
The user interface was tested on potential users as a prototype and in its end state to understand how users interact with the products, identifying any usability issues, and gaining insights into user behavior and preferences, finally ensuring the product meet the needs and expectations of its intended users and posed no security risks.
Output
This system not only facilitated the development of digital solutions for Alfa Laval's hardware products but also acts as a tool for organizational change.
It enhances interdisciplinary collaboration, streamlines the development process, and reduces training time by about 30%.
The design system has become a catalyst for organizational transformation at Alfa Laval, fostering a more cohesive digital presence across its products and services.
