HxDR Design System
Susanna Nevalainen
Project Overview
Worked as the main driver and creator of the Innovation Hub HxDR Design system merging the gap between design and development. The system spread into 20+ teams in a year and became the basis of the corporate wide cross-divisional design system of 20k+ Hexagon employees.
My responsibilities
Creation and maintenance of 500+ responsive Figma component library components connected to Figma variables and modes
Training of designers and developers about Design systems, Figma, Storybook, Material UI, and React Component creation
Coding of Figma Library components with React & Material UI white label library to match the look & feel of the design and guarantee 1:1 mapping between design and development
I was also responsible of creating UI/UX for several Hexagon products which allowed me to continously test and add new components to the design system next to my main product design/dev work
The Design System is much more than a style guide - it's a system bridging the design and development
Before
Hexagon UX Before the design system was lacking consistent look & feel and each team was creating their own styles which reduced the impact of brand recognition.
After
By creating shared reusable components and styles in Figma and Code, the look and feel of the application is not only better but also up to 47% faster to code and 27% faster to design.
Case Study
Like this project
Posted Apr 2, 2024
Worked as the main creator of the Innovation Hub Design System building the tools to create consistent Look & Feel in Figma and code, used by 20+ teams
Likes
2
Views
27
Clients
Hexagon Geospatial
