ITQuoter
ITQuoter Design System
A complete brand and product redesign for ITQuoter, helping modernise the platform and improve usability.
Design System
Product Design
UX/UI Design
Brand Identity
The Challenge
ITQuoter has a powerful quoting engine for managed service providers, but the product experience hadn’t evolved at the same pace as the technology behind it. The brand lacked clarity and the interface had grown organically, making complex quoting workflows harder to navigate.
The opportunity was to reimagine ITQuoter as a modern SaaS platform — refining the brand, simplifying the user experience, and establishing a scalable Design System that could support the product’s future growth.
The Brief
Design a unified product experience that connected brand, interface, and functionality into a single coherent system.
The project required a full brand refresh, a modern SaaS interface, and a flexible design framework that could scale as the platform expanded. The goal was to simplify quoting workflows, improve usability for MSP teams, and create a visual identity that positioned ITQuoter as a premium platform in the IT services market.
Empowered admin with real-time insights
I designed a clean, intuitive dashboard that brings key metrics into focus — revealing engagement trends, audience locations, and top-performing content at a glance. Clear insights drive faster decisions, helping teams refine programming and respond quickly to real user behaviour.
Simplified navigation for faster decision-making
ITQuoter’s previous navigation became cluttered and hard to use as features accumulated over time. Users found it difficult to locate tools efficiently, leading to a complete redesign of the information architecture.
I removed outdated features and consolidated the remaining ones by function and theme, resulting in a cleaner, more intuitive experience.
The Approach
Simplifying Complex Quoting
I began by redefining the visual identity — establishing a confident, modern brand language built around clarity, structure, and trust. Typography, colour, iconography, and layout principles were designed to communicate precision and reliability, reflecting the platform’s role in business-critical quoting workflows.
From there, I built a comprehensive design system in Figma. Every component — from data tables and pricing modules to navigation patterns and UI states — was designed as a reusable building block. This created a consistent visual rhythm across the platform while allowing the product team to move faster and scale new features without design debt.
Complex workflows were simplified through clear hierarchy, modular layouts, and focused interaction patterns. The interface was designed to surface the most important information first — helping users assemble quotes, compare products, and generate proposals with speed and confidence.
The Results
The result was a complete transformation of the platform — a modern SaaS experience that aligned brand, product, and usability into a single cohesive system. The new design system created consistency across the product, accelerated development, and established a scalable foundation for future features. Most importantly, it turned a complex quoting tool into an intuitive platform that helps MSP teams move from pricing to proposal faster.
ITQuoter
ITQuoter Design System
A complete brand and product redesign for ITQuoter, helping modernise the platform and improve usability.
Design System
Product Design
UX/UI Design
Brand Identity
The Challenge
ITQuoter has a powerful quoting engine for managed service providers, but the product experience hadn’t evolved at the same pace as the technology behind it. The brand lacked clarity and the interface had grown organically, making complex quoting workflows harder to navigate.
The opportunity was to reimagine ITQuoter as a modern SaaS platform — refining the brand, simplifying the user experience, and establishing a scalable Design System that could support the product’s future growth.
The Brief
Design a unified product experience that connected brand, interface, and functionality into a single coherent system.
The project required a full brand refresh, a modern SaaS interface, and a flexible design framework that could scale as the platform expanded. The goal was to simplify quoting workflows, improve usability for MSP teams, and create a visual identity that positioned ITQuoter as a premium platform in the IT services market.
Empowered admin with real-time insights
I designed a clean, intuitive dashboard that brings key metrics into focus — revealing engagement trends, audience locations, and top-performing content at a glance. Clear insights drive faster decisions, helping teams refine programming and respond quickly to real user behaviour.
Simplified navigation for faster decision-making
ITQuoter’s previous navigation became cluttered and hard to use as features accumulated over time. Users found it difficult to locate tools efficiently, leading to a complete redesign of the information architecture.
I removed outdated features and consolidated the remaining ones by function and theme, resulting in a cleaner, more intuitive experience.
The Approach
Simplifying Complex Quoting
I began by redefining the visual identity — establishing a confident, modern brand language built around clarity, structure, and trust. Typography, colour, iconography, and layout principles were designed to communicate precision and reliability, reflecting the platform’s role in business-critical quoting workflows.
From there, I built a comprehensive design system in Figma. Every component — from data tables and pricing modules to navigation patterns and UI states — was designed as a reusable building block. This created a consistent visual rhythm across the platform while allowing the product team to move faster and scale new features without design debt.
Complex workflows were simplified through clear hierarchy, modular layouts, and focused interaction patterns. The interface was designed to surface the most important information first — helping users assemble quotes, compare products, and generate proposals with speed and confidence.
The Results
The result was a complete transformation of the platform — a modern SaaS experience that aligned brand, product, and usability into a single cohesive system. The new design system created consistency across the product, accelerated development, and established a scalable foundation for future features. Most importantly, it turned a complex quoting tool into an intuitive platform that helps MSP teams move from pricing to proposal faster.
ITQuoter
ITQuoter Design System
A complete brand and product redesign for ITQuoter, helping modernise the platform and improve usability.
Design System
Product Design
UX/UI Design
Brand Identity
The Challenge
ITQuoter has a powerful quoting engine for managed service providers, but the product experience hadn’t evolved at the same pace as the technology behind it. The brand lacked clarity and the interface had grown organically, making complex quoting workflows harder to navigate.
The opportunity was to reimagine ITQuoter as a modern SaaS platform — refining the brand, simplifying the user experience, and establishing a scalable Design System that could support the product’s future growth.
The Brief
Design a unified product experience that connected brand, interface, and functionality into a single coherent system.
The project required a full brand refresh, a modern SaaS interface, and a flexible design framework that could scale as the platform expanded. The goal was to simplify quoting workflows, improve usability for MSP teams, and create a visual identity that positioned ITQuoter as a premium platform in the IT services market.
Empowered admin with real-time insights
I designed a clean, intuitive dashboard that brings key metrics into focus — revealing engagement trends, audience locations, and top-performing content at a glance. Clear insights drive faster decisions, helping teams refine programming and respond quickly to real user behaviour.
Simplified navigation for faster decision-making
ITQuoter’s previous navigation became cluttered and hard to use as features accumulated over time. Users found it difficult to locate tools efficiently, leading to a complete redesign of the information architecture.
I removed outdated features and consolidated the remaining ones by function and theme, resulting in a cleaner, more intuitive experience.
The Approach
Simplifying Complex Quoting
I began by redefining the visual identity — establishing a confident, modern brand language built around clarity, structure, and trust. Typography, colour, iconography, and layout principles were designed to communicate precision and reliability, reflecting the platform’s role in business-critical quoting workflows.
From there, I built a comprehensive design system in Figma. Every component — from data tables and pricing modules to navigation patterns and UI states — was designed as a reusable building block. This created a consistent visual rhythm across the platform while allowing the product team to move faster and scale new features without design debt.
Complex workflows were simplified through clear hierarchy, modular layouts, and focused interaction patterns. The interface was designed to surface the most important information first — helping users assemble quotes, compare products, and generate proposals with speed and confidence.
The Results
The result was a complete transformation of the platform — a modern SaaS experience that aligned brand, product, and usability into a single cohesive system. The new design system created consistency across the product, accelerated development, and established a scalable foundation for future features. Most importantly, it turned a complex quoting tool into an intuitive platform that helps MSP teams move from pricing to proposal faster.