ASTRA is the design system of FLUXYS. It was already established when I joined the team, however it was more design than engineering oriented, a lot of design decisions were implicit and it featured only basic components.
Enhancing ASTRA with more complex components
Documentation
Liaison with engineering
When I joined the ASTRA team, primary and secondary colours were already defined at the primitives level, with no information on how they are used.
In order to understand the implicit design decisions, I first went through the entire component library and tagged how colours are used. Then by use of a pivot table, I was able to look at the use of colour across components and derive guidelines from there.
In design tokens terms, I captured from the product layer the emerging semantic assignment of color. Once captured, it was easy to identify patterns of use, establish standards and understand exemptions
.
I also worked in more complex components like this header. I used variants at different levels to enable designers configuring the component according to case and at the same time keeping the component library compact.
In writing documentation I took into account the target audience, often communicating the same DS updates with different content for developers, designers and product owners.
STEFANOS MONASTIRIDIS
0032485654553 STEFANOS@STMN-DESIGN.COM
LINKEDIN