WHAT ?
WHAT ?
WHAT ?
The task was to create a design system in Figma for a company called Shopsys. This system was part of a demo e-shop project, which would then serve as a template for the company's future projects.
WHY ?
A design system allows users to quickly change colors, spacing, or text styles in a matter of seconds. This process is not only beneficial for individual projects, where you can tweak variables and see immediate results, but also for projects with multiple clients. In these cases, the website functionality (in this case, e-shops) remains the same, while the visuals can be easily customized.
When a design system is properly built in Figma—from basic elements like color variables to more complex elements and organisms—it becomes easy to transfer to code. This means that designing for a new brand takes minimal time, as does the coding process. Changing the foundational 'building atoms' will have a domino effect, impacting every element across the system.
HOW ?
The final design system was built using atomic design principles, starting from atoms and progressing to larger organisms. Everything is properly linked through multiple layers of variables. The framework used in the design is based on Tailwind.
On this project, I was part of a smaller team. While creating such a system can be a tedious process at times, it is also very rewarding when you can appreciate the beauty in the simplicity of the final outcome.
The task was to create a design system in Figma for a company called Shopsys. This system was part of a demo e-shop project, which would then serve as a template for the company's future projects.
The task was to create a design system in Figma for a company called Shopsys. This system was part of a demo e-shop project, which would then serve as a template for the company's future projects.
WHY ?
WHY ?
A design system allows users to quickly change colors, spacing, or text styles in a matter of seconds. This process is not only beneficial for individual projects, where you can tweak variables and see immediate results, but also for projects with multiple clients. In these cases, the website functionality (in this case, e-shops) remains the same, while the visuals can be easily customized.
A design system allows users to quickly change colors, spacing, or text styles in a matter of seconds. This process is not only beneficial for individual projects, where you can tweak variables and see immediate results, but also for projects with multiple clients. In these cases, the website functionality (in this case, e-shops) remains the same, while the visuals can be easily customized.
When a design system is properly built in Figma—from basic elements like color variables to more complex elements and organisms—it becomes easy to transfer to code. This means that designing for a new brand takes minimal time, as does the coding process. Changing the foundational 'building atoms' will have a domino effect, impacting every element across the system.
When a design system is properly built in Figma—from basic elements like color variables to more complex elements and organisms—it becomes easy to transfer to code. This means that designing for a new brand takes minimal time, as does the coding process. Changing the foundational 'building atoms' will have a domino effect, impacting every element across the system.
HOW ?
HOW ?
The final design system was built using atomic design principles, starting from atoms and progressing to larger organisms. Everything is properly linked through multiple layers of variables. The framework used in the design is based on Tailwind.
The final design system was built using atomic design principles, starting from atoms and progressing to larger organisms. Everything is properly linked through multiple layers of variables. The framework used in the design is based on Tailwind.
On this project, I was part of a smaller team. While creating such a system can be a tedious process at times, it is also very rewarding when you can appreciate the beauty in the simplicity of the final outcome.
On this project, I was part of a smaller team. While creating such a system can be a tedious process at times, it is also very rewarding when you can appreciate the beauty in the simplicity of the final outcome.
The task was to design kitchen grinder with CrushGrind mechanism inside. The goal of the design was to create a modern, innovative, ergonomic grinder. The product will stand out for its aesthetic side, while being ergonomically correct.