HxDR Design System
Susanna Nevalainen
UX Designer
Design Systems
UI Designer
Figma
Material UI
Storybook
Hexagon Geospatial
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.
