UX Design
Design System in SASS
Created a Design System based in SASS ready for designers to make updates directly in code.
Year :
2021
Industry :
Finance
Project Duration :
12 weeks
Problem :
I noticed a recurring challenge in our workflow: the design team depended on developers to update the design system. This created unnecessary delays, miscommunication, and inconsistencies. The design team lacked the technical autonomy to implement style changes directly, making even minor updates a time-consuming process.
To solve this, I identified an opportunity to bridge the gap between design and development by upskilling designers in SASS, allowing them to take ownership of style updates without waiting for developer intervention. This approach would increase efficiency, maintain design consistency, and speed up iterations while reducing workload for the development team.
Solution :
To tackle this challenge, I trained a designer in SASS, giving her the technical skills to update styles within the design system herself. Instead of relying on developers, she could now directly modify the code, test changes, and document updates in a structured manner.
I also established a new workflow, ensuring:
Changes were made directly in SASS rather than going through a developer.
All updates were properly documented to maintain design consistency.
A review system was in place to validate changes before implementation.
This solution enabled faster iterations and a more seamless collaboration between design and development.
Deliverables:
A SASS-based design system that was flexible and scalable.
A technical training program for designers, equipping them with the skills to maintain and update the system.
A workflow process that streamlined the way design changes were implemented, reviewed, and deployed.
Results:
50% reduction in implementation time for design system updates.
Greater autonomy for designers, allowing them to iterate faster without waiting on developers.
Improved design consistency, as updates were handled directly within the design team.
More efficient collaboration, reducing back-and-forth communication delays.
By empowering designers with technical skills, we eliminated bottlenecks, improved efficiency, and created a scalable system that benefited both design and development.
More Projects
UX Design
Design System in SASS
Created a Design System based in SASS ready for designers to make updates directly in code.
Year :
2021
Industry :
Finance
Project Duration :
12 weeks
Problem :
I noticed a recurring challenge in our workflow: the design team depended on developers to update the design system. This created unnecessary delays, miscommunication, and inconsistencies. The design team lacked the technical autonomy to implement style changes directly, making even minor updates a time-consuming process.
To solve this, I identified an opportunity to bridge the gap between design and development by upskilling designers in SASS, allowing them to take ownership of style updates without waiting for developer intervention. This approach would increase efficiency, maintain design consistency, and speed up iterations while reducing workload for the development team.
Solution :
To tackle this challenge, I trained a designer in SASS, giving her the technical skills to update styles within the design system herself. Instead of relying on developers, she could now directly modify the code, test changes, and document updates in a structured manner.
I also established a new workflow, ensuring:
Changes were made directly in SASS rather than going through a developer.
All updates were properly documented to maintain design consistency.
A review system was in place to validate changes before implementation.
This solution enabled faster iterations and a more seamless collaboration between design and development.
Deliverables:
A SASS-based design system that was flexible and scalable.
A technical training program for designers, equipping them with the skills to maintain and update the system.
A workflow process that streamlined the way design changes were implemented, reviewed, and deployed.
Results:
50% reduction in implementation time for design system updates.
Greater autonomy for designers, allowing them to iterate faster without waiting on developers.
Improved design consistency, as updates were handled directly within the design team.
More efficient collaboration, reducing back-and-forth communication delays.
By empowering designers with technical skills, we eliminated bottlenecks, improved efficiency, and created a scalable system that benefited both design and development.
More Projects
UX Design
Design System in SASS
Created a Design System based in SASS ready for designers to make updates directly in code.
Year :
2021
Industry :
Finance
Project Duration :
12 weeks
Problem :
I noticed a recurring challenge in our workflow: the design team depended on developers to update the design system. This created unnecessary delays, miscommunication, and inconsistencies. The design team lacked the technical autonomy to implement style changes directly, making even minor updates a time-consuming process.
To solve this, I identified an opportunity to bridge the gap between design and development by upskilling designers in SASS, allowing them to take ownership of style updates without waiting for developer intervention. This approach would increase efficiency, maintain design consistency, and speed up iterations while reducing workload for the development team.
Solution :
To tackle this challenge, I trained a designer in SASS, giving her the technical skills to update styles within the design system herself. Instead of relying on developers, she could now directly modify the code, test changes, and document updates in a structured manner.
I also established a new workflow, ensuring:
Changes were made directly in SASS rather than going through a developer.
All updates were properly documented to maintain design consistency.
A review system was in place to validate changes before implementation.
This solution enabled faster iterations and a more seamless collaboration between design and development.
Deliverables:
A SASS-based design system that was flexible and scalable.
A technical training program for designers, equipping them with the skills to maintain and update the system.
A workflow process that streamlined the way design changes were implemented, reviewed, and deployed.
Results:
50% reduction in implementation time for design system updates.
Greater autonomy for designers, allowing them to iterate faster without waiting on developers.
Improved design consistency, as updates were handled directly within the design team.
More efficient collaboration, reducing back-and-forth communication delays.
By empowering designers with technical skills, we eliminated bottlenecks, improved efficiency, and created a scalable system that benefited both design and development.