B2B SaaS
CPQ REDESIGN

B2B SaaS
CPQ REDESIGN

B2B SaaS
CPQ REDESIGN

Transforming a B2B SaaS portal into a polished, user-friendly platform

Overview

Overview

Overview

Partnerite, an early stage B2B startup, developed a co-selling and CPQ (Configure, Price, Quote) platform for business partners to manage customers, quotes, and product data.

Their early users struggled to navigate the portal. Key actions like generating quotes or viewing product info were difficult or impossible to find, leading to dead ends. The CEO recognized the need for a user experience redesign that not only fixes usability issues but also reflects a modern, professional brand image.

  • Role: UX/UI Designer, UX Strategist (BDE Studio)

  • Team: Solo project in collaboration with the Partnerite CEO and founding team

  • Timeline: 3 months

  • Scope: End-to-end portal redesign covering navigation, quote generation, product management, and visual design system

Impact

100%

REDESIGNED

PORTAL EXPERIENCE

100%

REDESIGNED

PORTAL EXPERIENCE

0

DEAD ENDS

IN QUOTE FLOW

0

DEAD ENDS

IN QUOTE FLOW

50

COMPONENTS FOR

SCALABLE DESIGN

50

COMPONENTS FOR

SCALABLE DESIGN

Problem

Problem

Problem

  • Users couldn’t find key features like quote generation or product information.

  • Buttons and menus were placed inconsistently, leading to “dead ends.”

  • The interface lacked a sleek and modern look and feel, limiting the product’s appeal to potential enterprise customers.

  • The portal was built without UX input, resulting in visual clutter and poor information hierarchy.

How might we streamline PartneRite's existing product so business partners can complete tasks quickly and confidently,?

Discovery

Discovery

Discovery

I began by reviewing feedback from Partnerite’s first few customers and mapping out the original user flows for core actions like:

  • Generating and exporting quotes

  • Adding or managing partners

  • Viewing and filtering product data


Key Insights:

  • Navigation lacked a clear visual hierarchy.

  • Core actions were buried in dropdowns or side menus.

  • Button labels didn’t align with user terminology (e.g., “Execute” instead of “Generate Quote”).

  • Users didn’t feel confident completing tasks—too many places to click, too little feedback.

Design drivers

Design drivers

Design drivers

Clarity

to make critical actions easy to locate and understand.

Consistency

to unify layout, color, and interaction patterns.

Efficiency

to reduce clicks and visual noise to streamline workflows.

Credibility

to give the product a sleek, modern look that feels enterprise-ready.

Before & Afters

Before & Afters

Before & Afters

Before

Core features were buried and unfindable. For example, customers would have to export their quote before fully creating the quote, so they were missing the feature.

Before

Core features were buried and unfindable. For example, customers would have to export their quote before fully creating the quote, so they were missing the feature.

After

Key actions like quote creation are moved out of the "Create quote" flow and into the quote summary page (see below). Navigation is streamlined and a "Save draft" feature is identified and added for efficiency.

Before

The space on the page needed to be used more accurately and efficiently. The overall look and feel needed an upgrade.

After

Quote export is added to the quote summary page along with an Edit function. Other essential quote features (Terms and Conditions and Attachments) were identified and included on this page. A new, cohesive visual system brings a modern, professional polish aligned with Partnerite’s brand.

Design process

Design process

Design process

Information architecture & flows:

  • Reorganized primary navigation by task (Quotes, Partners, Products, Reports).

  • Simplified quote generation, review, and export.

  • Added visual feedback for loading, success, and errors to improve user confidence.


UI Redesign:

  • Introduced a modular grid and consistent spacing system.

  • Designed reusable components for partner and customer data.

  • Updated the visual language with different corner radii, border color, layout, form fields, modern typography, and more.


Feature improvements:

  • Quote exports: Made the export action visible on all quote states with a confirmation message.

  • Partner management: Introduced hover interactions and bulk action options for faster workflows.

  • Product information: Added visual grouping and filters for quick comparison.


Information architecture & flows:

  • Reorganized primary navigation by task (Quotes, Partners, Products, Reports).

  • Simplified quote generation, review, and export.

  • Added visual feedback for loading, success, and errors to improve user confidence.

UI Redesign:

  • Introduced a modular grid and consistent spacing system.

  • Designed reusable components for partner and customer data.

  • Updated the visual language with different corner radii, border color, layout, form fields, modern typography, and more.

Feature improvements:

  • Quote exports: Made the export action visible on all quote states with a confirmation message.

  • Partner management: Introduced hover interactions and bulk action options for faster workflows.

  • Product information: Added visual grouping and filters for quick comparison.

Outcome

Outcome

Outcome

Business partners can now easily find what they need without guesswork or extra clicks. The redesigned portal simplified everyday tasks like creating and exporting quotes, helping users complete their work faster and with less frustration. The clean, modern interface also built more trust and confidence in the platform, turning what once felt like a confusing tool into a product users actually enjoy using.

I came in to transform their product into a sleek, intuitive, and visually cohesive experience that could impress both customers and investors while preserving engineering feasibility.

I restructured navigation and simplified workflows (quote creation, product management).

  • Improved information hierarchy and task flows.

  • Consolidated scattered actions and reduced dead ends.

  • Created a unified component system that improved usability and consistency.

Business partners can now easily find what they need without guesswork or extra clicks. The redesigned portal simplified everyday tasks like creating and exporting quotes, helping users complete their work faster and with less frustration. The clean, modern interface also built more trust and confidence in the platform—turning what once felt like a confusing tool into a product users actually enjoy using.

I restructured navigation and simplified workflows (quote creation, product management).

  • Improved information hierarchy and task flows.

  • Consolidated scattered actions and reduced dead ends.

  • Created a unified component system that improved usability and consistency.

Reflection

Reflection

Reflection

This project reinforced the importance of translating functionality into user-centered design. It taught me how to balance client needs, technical constraints, and usability standards while bringing professional polish to a SaaS platform.


Working directly with the CEO and engineers gave me a front-row view of how early stage startups evolve their product market fit. This project reinforced the power of applying design thinking early, not just to polish UI, but to make the core product actually usable and scalable for growth.

This project reinforced the importance of translating functionality into user-centered design. It taught me how to balance client needs, technical constraints, and usability standards while bringing professional polish to a SaaS platform.

Working directly with the CEO and engineers gave me a front-row view of how early-stage startups evolve their product-market fit. This project reinforced the power of applying design thinking early, not just to polish UI, but to make the core product actually usable and scalable for growth.

LET'S CONNECT

LET'S CONNECT

LET'S CONNECT