←Back to Portfolio

Case Study · SaaS · Workflow Design

Saaslogic — Subscription Workflow Redesign

Reduced a multi-step subscription process into a single-page workflow — cutting context switching and improving task efficiency for operational users

Role Product Designer
Platform Web (B2B + B2C)
Scope End-to-end workflow redesign

Final Design

Final single-page subscription workflow for Saaslogic

Final single-page subscription workflow designed to reduce navigation, preserve context, and help operational users complete subscription setup more efficiently.

Challenge

Operational users were losing time to the workflow itself

Customer success teams needed to complete subscription setup quickly, but the existing multi-step workflow required constant navigation and context switching.

Key Insight

“Operational users preferred speed over guided steps.”

Initial Approach

The first design: a guided step-by-step flow

I initially designed a guided, progressive workflow based on common SaaS patterns — breaking the setup process into six sequential steps:

01 Customer
→
02 Product
→
03 Plan
→
04 Add-ons
→
05 Attributes
→
06 Checkout
01 Customer
Step 01 — Customer selection screen
02 Product
Step 02 — Product selection screen
03 Plan
Step 03 — Plan selection screen
04 Add-ons
Step 04 — Add-ons selection screen
05 Attributes
Step 05 — Attributes configuration screen
06 Checkout
Step 06 — Checkout screen

Plan comparison and Add-on dual-panel interactions were designed to support decision-making within each step.

Why It Didn’t Work

The flow worked for new users — not experienced ones

Design Shift

The pivot: from guided steps to everything in one place

Based on workflow feedback gathered by the Product Owner from customer success users, the workflow was redesigned into a single-page experience that allowed users to view and edit all selections in one place. The goal shifted from guiding users step-by-step to enabling faster task completion for experienced users.

Final Solution

One page. All context. Fully editable.

The redesigned workflow collapsed all six steps into a single page, giving users complete visibility and control without navigating away.

Before

Multi-step Guided Flow

Step 01 — Customer Step 02 — Product Step 03 — Plan Step 04 — Add-ons Step 05 — Attributes Step 06 — Checkout
  • Multiple steps required
  • Linear progression only
  • Limited visibility
→
After

Single-page Workflow

Final single-page subscription workflow
  • All in one view
  • Non-linear editing
  • Full context visibility

Customer Portal — Upgrade Plan Experience

A different user type — a different approach

In addition to the internal workflow, I designed an upgrade experience for the customer portal to help users compare plans and make informed decisions. The focus here was on clarity and reducing confusion for users making less frequent decisions.

01 Current Plan
Current Plan — customer portal screen

User views current subscription details

02 Select Plan
Select Plan — customer portal screen

Available plans displayed with clear pricing

03 Compare Plans
Compare Plans — customer portal screen

Feature comparison supports decision-making

“Unlike internal users, customers needed guidance to understand options rather than speed to complete tasks.”

Outcome

A single-page workflow designed for experienced users

Key Takeaways

What this project reinforced

Design for expertise level

→ Power users prioritize speed over guidance

Design from workflow feedback

→ Feedback gathered from users through the Product Owner helped reveal where the existing workflow created unnecessary friction

Challenge default patterns

→ Multi-step flows are not always optimal

Explore More Work