Design language systems serve as the backbone of any effective design and brand strategy. With extensive experience in creating them from scratch, continuously enhancing their components, and seamlessly integrating them, I am well-versed in their implementation.
HONEYWELL DLS
Between 2015 and 2018 I was a part of a global DLS team in charged to rebuild the existing design language, based on a new, customer centred approach.
The Challenge
To re-build the Design Language system from the ground up for a vast corporation like Honeywell was, arguably, one of the biggest design challenges I've ever had.Thousands of variables had to be taken in consideration and tested across five continents.
Our Approach
After the completion of the Discovery phase three building blocks emerged as main structural elements for the future system: 1 Principals, 2. Components and 3. Patterns.
The Outcome
1 Principals
The firs chapter describes the Honeywell main principals of how Template UI and Software UI should be structured. It also outlines the principals of a Responsive Layout, its elements as well as how to handle Animation.
2 Components
Buttons, controls and text fields are the building blocks for creating software and websites. Lists and tablets display complex information in a concise format that is easy to read, and which enables the User to take appropriate action.
3 Patterns
Articles, Data visualisation and treatment of images, videos, login and splash pages as well as any legal text layouts are described in this chapter. Consistency patterns insure continuity across all Honeywell digital products.
GROHE DLS
In 2018 I led a core team of four designers and a number of external members into the building of the Digital DLS of Grohe, as part of the company digital transformation.
Our Approach
⦿ Principles: These serve as the bedrock, providing a solid foundation for our DSL.
⦿ Components: Following these principles, we design and develop the building blocks that constitute our DSL.
⦿ Emerging Patterns: As our work progresses, we observe and identify patterns that emerge organically, shaping the evolution of our DSL.
The Outcome
1 Principals
The first chapter describes all the Information Architecture, Navigation, Layout and Animation principals.
Our scope was to build the foundation for a well-defined Design Language that will ensure design teams will deliver consistent and coherent results, no matter who works on the project.
2 Components
The Atomic Design classic categories and sub-category elements are also the building blocks of the GROHE Digital Design Language strategy.
An extensive library of digital objects was created, including icons, colours, fonts, illustrations, imagery, interaction and data visualisation elements.
3 Patterns
Patterns for data visualisation and treatment of images, articles, videos, logins and splash pages are described in this chapter. Consistency patterns insure continuity across all GROHE digital products.
See other projects
