Zilliant | Platform Design, Design Systems

Standardizing a fragmented CPQ platform and improving workflows at Zilliant

Faster workflows • In-context editing • Consistent interaction patterns

Zilliant CPQ item details interface.

Role

Product Design

Team

Product, Engineering, Design Systems

Timeline

Ongoing updates over 12 months

Overview: Standardizing CPQ and improving core workflows

Zilliant’s acquired CPQ platform (a Configure, Price, Quote tool for sales teams) was a fragmented experience that lacked the polish and efficient workflows of other similar tools.

I led efforts to create a more consistent user experience across the product, standardizing interaction patterns and reducing friction in high-frequency tasks while working within front-end-only constraints. This work established a foundation for scaling CPQ as part of Zilliant’s broader pricing and analytics ecosystem.

Context: A fragmented platform in a growing ecosystem

The existing CPQ platform had been built by engineers with minimal design input and had grown organically over time, resulting in inconsistent patterns and a dated user experience. At the same time, Zilliant was investing in a broader product ecosystem, including new pricing and analytics platforms, where CPQ would play a key role.

The goal was to bring CPQ up to a level of consistency and usability that matched newer products, working within front-end constraints rather than re-architecting backend systems.

Problem: Inconsistent patterns and slow, disconnected workflows

The platform’s biggest issues weren’t missing features, they were inconsistency and friction.

Original Zilliant CPQ quote interface.
Original Zilliant CPQ quote edit details interface.
Navigating between the original screens took 5–10 seconds each way, forcing users to repeatedly leave workflows to make basic edits.

Users encountered:

  • Different interaction patterns for similar actions
  • Dense data tables with too many actions always available, often making it challenging to find the desired controls.
  • Slow workflows that often required navigating back and forth between multiple pages
  • Difficulty managing complex configurations efficiently

These issues made the product harder to learn, slower to use, and difficult to scale across different user types. They were compounded by the lack of a shared system or even consistent styling, making the product difficult to scale or improve consistently.

Approach: Improving workflows within real-world constraints

Rather than redesigning the platform from the ground up, I focused on improving workflows within existing constraints.

This required two parallel efforts:

  • Standardizing interaction patterns to create consistency across the product
  • Reducing friction in high-frequency workflows without relying on backend changes

To support this, the design team collaboratively developed a shared design system that would be applied across CPQ as well as other Zilliant platforms, creating a foundation for consistent experiences.

The engineering team was also based in an opposite time zone, requiring clear documentation and asynchronous collaboration to keep momentum and deliver results each sprint. This reinforced the need for consistent patterns and well-defined components, ensuring that design decisions could be implemented reliably without constant back-and-forth conversations.

Early Focus: Simplifying core workflows

Zilliant CPQ new agreement interface.
The new interface simplified and standardized core workflows, reducing navigation and making high-frequency tasks faster to complete.

I focused first on how users interacted with the product day-to-day, following the sales user journey to identify opportunities to simplify workflows and reduce unnecessary steps. This uncovered a number of non-standard patterns and led to introducing more consistent, in-context interaction models that could be reused across the platform.

Solution: Streamlining workflows and standardizing interactions

In-context Editing

Eliminating page reloads in core workflows

Replacing multi-page navigation with a slide out drawer made the application feel far faster, even if backend processes hadn't been updated.

Previously, editing a line item required navigating to a new page, waiting for it to load, then reloading the original view after making changes. For a platform that power users treat like a spreadsheet this was a massive bottleneck, breaking a user’s flow and forcing them to wait for the product to update.

I replaced this with a slide-out drawer, allowing users to view and edit details without leaving their current context. Even though speeding things up on the backend wasn’t an option, this change made the platform feel faster (and a number of users and internal SMEs commented on what a huge upgrade this was).

Consistent UX Patterns

Making the product predictable and adaptable

Zilliant CPQ customize table interface.
Zilliant CPQ localize label interface.

I standardized interaction patterns across the platform, ensuring similar actions behaved consistently regardless of where users were working. This also included introducing flexible configuration patterns that allowed users to tailor the interface while maintaining consistency.

Overall this reduced cognitive load and made the system easier to learn and navigate for users.

Design System

Creating a shared foundation across products

Zilliant CPQ design system components.
The new design system standardized components and patterns across all of Zilliant's products.

I collaborated with the design team to define and build a shared design system used across Zilliant’s CPQ platform, pricing, and analytics products. This created a consistent visual and interaction language while enabling faster iteration and alignment across teams.

Results: Faster workflows and a more consistent platform

  • Reduced friction in high-frequency workflows
  • Improved consistency across the platform
  • Established a scalable foundation for future development

While the product unfortunately didn't reach full launch before I left, these improvements moved CPQ from an isolated produc to a cohesive part of Zilliant’s broader product ecosystem.

More importantly, the work demonstrated how meaningful improvements could be made within real-world constraints, using system-level thinking to scale consistency across a complex product with limited engineering resources.