<aside> <img src="/icons/view_blue.svg" alt="/icons/view_blue.svg" width="40px" /> Preview link**: Public documentation** Additional material available upon request
</aside>
🏆 Scale-up of the Year 2020
⭐ Acquired in 2022
I started my journey at Proxyclick as Head of Design in a fast-growing scale-up. My mission was to elevate the design quality from average to good. While there wasn't a formalized design system initiative, the development of such a system occurred organically, aligning with our collaborative evolution across expanding design and tech teams
Example of a module created with the design system.
As we were designing new features, we simultaneously began crafting our design system. The advantages of this approach were evident in no time — swift and enhanced design implementation, friendly design and development collaboration, and a more visually appealing product. Consequently, this led to increased resource allocation.
Figma UI Kit of components and tokens as styles.
Even if I enjoyed my job in shaping the design team and its practice at Proxyclick, I have always been captivated by the technical intricacies of design interfaces. A design system encapsulates everything I cherish: blending design with coding, spearheading a project, and putting a smile on my colleagues who enjoy using it. This passion steered my transition to a UX Engineer role, allowing me to wholly immerse myself in the design system.
Prototype of a flow editor prototyped (Figma and HTML) thanks to the design system.
Marketing website made with Hubspot CMS components built on top of the design system.
Figma library 💠 made of styles and replicating UI components.
SCSS framework 🏗 to style components and generate utilities**.** It provides a consistent styling of components in an agnostic way, so it can be consumed in different web app stacks.
A prototyping environment 📐 on CodePen where designers and developers can collaborate to craft UI based on the design system
Web-components and Angular components 🧱: A library of components that can be implemented in final apps.
Public documentation 📙 that fully documents the Design System and its material. Based on a custom solution made with Eleventy and a templating engine. (Preview)
Hubspot CMS 🌈 components and templates that provide the marketing team a maximum of autonomy and flexibility to build and maintain the website and landing pages, while ensuring consistency thanks to our design system.
Part of my initial Head of Design job was to make sure all the product designs were consistent and smooth. I started to craft a collection of components and styles in Figma with the product designers. Because I know a lot about atomic design and how to use CSS, I was able to avoid complexity and make design elements that were simple to use, expandable, and long-lasting.