PROJECTS
The design system roadmap: Increasing collaboration
and efficiency
The design system roadmap: Increasing collaboration
and efficiency
Workflow
Research
Interviews
Design
Hand over
Role
Product Designer
Timeline
2024 - 2025
1 Month
long term
industry
Web Design & Development
Digital Solutions
B2B / B2C
BUSINESS GOAL
etabytes is a web design agency in Cologne that designs and implement webpages. Working with an unorganized design files and a messy library was leading to an inconsistent use of components, doubling efforts and slowing the efficiency of the team. Working async turned into conflict between designers and developers, which was reflecting on the websites. etabytes is a web design agency in Cologne that designs and implement webpages. Working with an unorganized design files and a messy library was leading to an inconsistent use of components, doubling efforts and slowing the efficiency of the team. Working async turned into conflict between designers and developers, which was reflecting on the websites.
BUSINESS GOAL
etabytes is a web design agency in Cologne that designs and implement webpages. Working with an unorganized design files and a messy library was leading to an inconsistent use of components, doubling efforts and slowing the efficiency of the team. Working async turned into conflict between designers and developers, which was reflecting on the websites. etabytes is a web design agency in Cologne that designs and implement webpages. Working with an unorganized design files and a messy library was leading to an inconsistent use of components, doubling efforts and slowing the efficiency of the team. Working async turned into conflict between designers and developers, which was reflecting on the websites.
BUSINESS GOAL
etabytes is a web design agency in Cologne that designs and implement webpages. Working with an unorganized design files and a messy library was leading to an inconsistent use of components, doubling efforts and slowing the efficiency of the team. Working async turned into conflict between designers and developers, which was reflecting on the websites. etabytes is a web design agency in Cologne that designs and implement webpages. Working with an unorganized design files and a messy library was leading to an inconsistent use of components, doubling efforts and slowing the efficiency of the team. Working async turned into conflict between designers and developers, which was reflecting on the websites.
APPROACH
I identified the need for a well-structured design system and took the initiative to organize the components and libraries in Figma. To ensure long-term usability and scalability, I:
Collaborated with the lead designer to understand the project's core design principles
Created a unified page in Figma to document design fundamentals like typography, color palettes, and icons
Defined local variables and styles for consistent application across all pages
Segmented components into a dedicated library file for better management and reusability
This method allowed me to standardize processes, ensuring that all projects followed clear guidelines and maintained design integrity.
APPROACH
I identified the need for a well-structured design system and took the initiative to organize the components and libraries in Figma. To ensure long-term usability and scalability, I:
Collaborated with the lead designer to understand the project's core design principles
Created a unified page in Figma to document design fundamentals like typography, color palettes, and icons
Defined local variables and styles for consistent application across all pages
Segmented components into a dedicated library file for better management and reusability
This method allowed me to standardize processes, ensuring that all projects followed clear guidelines and maintained design integrity.
APPROACH
I identified the need for a well-structured design system and took the initiative to organize the components and libraries in Figma. To ensure long-term usability and scalability, I:
Collaborated with the lead designer to understand the project's core design principles
Created a unified page in Figma to document design fundamentals like typography, color palettes, and icons
Defined local variables and styles for consistent application across all pages
Segmented components into a dedicated library file for better management and reusability
This method allowed me to standardize processes, ensuring that all projects followed clear guidelines and maintained design integrity.
RESULTS
This project not only improved internal processes at Etabytes but also demonstrated my ability to identify inefficiencies, implement scalable solutions, and drive impactful results in a collaborative design environment.
One of the aspects I enjoyed most about this project was the opportunity to collaborate with everyone involved in working with Figma. I learned a lot and gained new insights into how others approach their tasks and how we can collectively contribute to the efficiency of client projects.
RESULTS
This project not only improved internal processes at Etabytes but also demonstrated my ability to identify inefficiencies, implement scalable solutions, and drive impactful results in a collaborative design environment.
One of the aspects I enjoyed most about this project was the opportunity to collaborate with everyone involved in working with Figma. I learned a lot and gained new insights into how others approach their tasks and how we can collectively contribute to the efficiency of client projects.
RESULTS
This project not only improved internal processes at Etabytes but also demonstrated my ability to identify inefficiencies, implement scalable solutions, and drive impactful results in a collaborative design environment.
One of the aspects I enjoyed most about this project was the opportunity to collaborate with everyone involved in working with Figma. I learned a lot and gained new insights into how others approach their tasks and how we can collectively contribute to the efficiency of client projects.
TAKEAWAY
This project not only improved internal processes at Etabytes but also demonstrated my ability to identify inefficiencies, implement scalable solutions, and drive impactful results in a collaborative design environment.
One of the aspects I enjoyed most about this project was the opportunity to collaborate with everyone involved in working with Figma. I learned a lot and gained new insights into how others approach their tasks and how we can collectively contribute to the efficiency of client projects.
TAKEAWAY
This project not only improved internal processes at Etabytes but also demonstrated my ability to identify inefficiencies, implement scalable solutions, and drive impactful results in a collaborative design environment.
One of the aspects I enjoyed most about this project was the opportunity to collaborate with everyone involved in working with Figma. I learned a lot and gained new insights into how others approach their tasks and how we can collectively contribute to the efficiency of client projects.
TAKEAWAY
This project not only improved internal processes at Etabytes but also demonstrated my ability to identify inefficiencies, implement scalable solutions, and drive impactful results in a collaborative design environment.
One of the aspects I enjoyed most about this project was the opportunity to collaborate with everyone involved in working with Figma. I learned a lot and gained new insights into how others approach their tasks and how we can collectively contribute to the efficiency of client projects.
Work
Product Design case studies
This is a selection of my work as a product designer
and web designer
Work
Product Design case studies
This is a selection of my work as a product designer
and web designer
Work
Product Design case studies
This is a selection of my work as a product designer
and web designer
Fallstudien
Natalia Q.
Fallstudien
Natalia Q.
Fallstudien
Natalia Q.