Design System
The component-based solution that makes your company's design consistent, simple and scalable.
Discover the solution designed to dramatically simplify the management of complex design architectures.
Discover the solution designed to dramatically simplify the management of complex design architectures.
Design System is Cantiere Creativo's solution for companies that need their corporate design to be effective and adaptable across media, and above all easy to manage and evolve in a digital landscape that keeps changing and is hard to predict.
Design already plays an important role, but as a company grows, so does its design department. That's when design needs to become a system: one that removes complexity and keeps everyone working consistently.
Design System by the numbers
These are just some of the most significant results after choosing this solution
Components built in one year
+1000
Teamwork effectiveness
+95%
The benefits
The design system is based on hierarchical management of design through basic modules, a methodology that follows the principles of "Atomic Design".
Let's look at the benefits a design system brings to how your company and your team organize their work.
Clearer, more consistent corporate communication
Your corporate identity gets stronger. Creating new graphic elements and interfaces becomes fast and simple, and you can be sure you'll keep the same tone of voice, with the same impact, across different media.
Your corporate identity gets stronger. Creating new graphic elements and interfaces becomes fast and simple, and you can be sure you'll keep the same tone of voice, with the same impact, across different media.
A consistent, repeatable process
It lets you build a simple, easy-to-understand application. Standard components give front-end developers more time to focus on improving the user experience, making it more pleasant, accessible and predictable. As a result, product quality goes up.
It lets you build a simple, easy-to-understand application. Standard components give front-end developers more time to focus on improving the user experience, making it more pleasant, accessible and predictable. As a result, product quality goes up.
The team
Your team will work consistently, conveying the same idea with the same visual language according to standards set during the design phase.
A shared corporate communication system also brings different departments closer together. Awareness grows, and the number of decisions the team has to make drops dramatically.
Your team will work consistently, conveying the same idea with the same visual language according to standards set during the design phase.
A shared corporate communication system also brings different departments closer together. Awareness grows, and the number of decisions the team has to make drops dramatically.
The final output
The result is an open, incremental system that's ready to use and easy to adapt across different media. Components built on a shared visual foundation let developers create layouts with minimal coding effort, and therefore minimal time and cost. The chances of shipping buggy products drop to zero.
The result is an open, incremental system that's ready to use and easy to adapt across different media. Components built on a shared visual foundation let developers create layouts with minimal coding effort, and therefore minimal time and cost. The chances of shipping buggy products drop to zero.
Our method
Our way of working delivers a valuable end result quickly, without wasting budget.
Needs assessment
Every client has different needs. That's why we start by studying those needs and focusing on the goals the client wants to achieve.
Every client has different needs. That's why we start by studying those needs and focusing on the goals the client wants to achieve.
Materials analysis
A design system can start from scratch or, if the company prefers, build on an existing one.
In that case, we analyze the materials already available to decide what to keep and what to change.
A design system can start from scratch or, if the company prefers, build on an existing one.
In that case, we analyze the materials already available to decide what to keep and what to change.
Defining the rules
A system needs rules. In this phase we study the component hierarchy and map out the variables involved, which determine how many components and elements need to be designed and studied along the way.
A system needs rules. In this phase we study the component hierarchy and map out the variables involved, which determine how many components and elements need to be designed and studied along the way.
Design
Once the study phase is over, it's time for action. We design the new components following the rules defined in the previous phases.
Once the study phase is over, it's time for action. We design the new components following the rules defined in the previous phases.
Accessibility and usability testing
Accessibility and usability are key goals of this kind of solution. We run quality tests to demonstrate and validate that the work is correct.
Accessibility and usability are key goals of this kind of solution. We run quality tests to demonstrate and validate that the work is correct.
