Design System setup
Set the rules, define the components, and bring structure to your product design.
Design System setup
Set the rules, define the components, and bring structure to your product design.
What’s included in this bundle?
Understanding the context
Kick-off meeting
Setting goals, timelines, and key context before we dive in.
Design audit
Reviewing your current design to catch issues that could impact your system setup.
Listing reusable components
Listing the needs for design system elements.
Ideation
Exploring possible solutions based on what we learned from users.
Definition sitemap architecture
Organizing content so users can find what they need with ease.
UI Design
Visual design of screens, using your brand or a clean default style.
Foundation setup
We set the core of your design system, colors, typography, iconography, ...
Component library
Reusable UI blocks designed for consistency and speed
Design system documentation
Making it easy for teams to find, understand and use your system.
Developer handoff
Dev-ready files, assets, and annotations to streamline implementation.
Dev testing
We review on staging to make sure everything works as intended.
Shared Figma
We design in Figma so you can comment in real-time, and stay in the loop.
Defining the approach
Kick-off meeting
Setting goals, timelines, and key context before we dive in.
Design audit
Reviewing your current design to catch issues that could impact your system setup.
Listing reusable components
Listing the needs for design system elements.
Ideation
Exploring possible solutions based on what we learned from users.
Definition sitemap architecture
Organizing content so users can find what they need with ease.
UI Design
Visual design of screens, using your brand or a clean default style.
Foundation setup
We set the core of your design system, colors, typography, iconography, ...
Component library
Reusable UI blocks designed for consistency and speed
Design system documentation
Making it easy for teams to find, understand and use your system.
Developer handoff
Dev-ready files, assets, and annotations to streamline implementation.
Dev testing
We review on staging to make sure everything works as intended.
Shared Figma
We design in Figma so you can comment in real-time, and stay in the loop.
Producing the assets
Kick-off meeting
Setting goals, timelines, and key context before we dive in.
Design audit
Reviewing your current design to catch issues that could impact your system setup.
Listing reusable components
Listing the needs for design system elements.
Ideation
Exploring possible solutions based on what we learned from users.
Definition sitemap architecture
Organizing content so users can find what they need with ease.
UI Design
Visual design of screens, using your brand or a clean default style.
Foundation setup
We set the core of your design system, colors, typography, iconography, ...
Component library
Reusable UI blocks designed for consistency and speed
Design system documentation
Making it easy for teams to find, understand and use your system.
Developer handoff
Dev-ready files, assets, and annotations to streamline implementation.
Dev testing
We review on staging to make sure everything works as intended.
Shared Figma
We design in Figma so you can comment in real-time, and stay in the loop.
Delivering the assets
Kick-off meeting
Setting goals, timelines, and key context before we dive in.
Design audit
Reviewing your current design to catch issues that could impact your system setup.
Listing reusable components
Listing the needs for design system elements.
Ideation
Exploring possible solutions based on what we learned from users.
Definition sitemap architecture
Organizing content so users can find what they need with ease.
UI Design
Visual design of screens, using your brand or a clean default style.
Foundation setup
We set the core of your design system, colors, typography, iconography, ...
Component library
Reusable UI blocks designed for consistency and speed
Design system documentation
Making it easy for teams to find, understand and use your system.
Developer handoff
Dev-ready files, assets, and annotations to streamline implementation.
Dev testing
We review on staging to make sure everything works as intended.
Shared Figma
We design in Figma so you can comment in real-time, and stay in the loop.
The Design System setup bundle usually costs between €6,000–9,600 for small projects and lasts around 7–9 weeks. Custom project? Reach out.
Ready to take your SaaS product to new heights?
Schedule a free 30’ intro call and find out if we are the creative partner you are looking for.
