With all of the user insights/requests and a little researched it came to light that these extra parameters are crucial and play an important role for the Sales-Rep making the sale through the app.

Building WizCommerce : a collection

A quick note before you dive in
Over the past two years, I’ve been part of a small, focused design team shaping WizCommerce for the US B2B market. This collection brings together the systems, workflows, and design decisions that helped turn vision into product—one screen at a time. While these snapshots can’t fully capture the depth, effort, and energy behind the work, they’re a window into the journey we’ve been on.

WizPay, scaling B2B payments

Now generating $5M + monthly revenue

WizPay is a payment module designed to handle B2B transactions at scale.

As real-world edge cases surfaced—from credit holds to recurring billing, we continuously redesigned WizPay to support a growing range of B2B payment flows. Over time, it evolved into a dedicated module with its own logic, states, and UX patterns.

Today, WizPay serves over 100 small and mid-sized SMBs across the US wholesale market—processing 4000+ transactions monthly and generating $5M+ in monthly volume, with that number steadily rising

Wizpay flows

Wizpay flows

Modular blocks built for diverse B2B payment scenarios

Modular blocks built for diverse B2B payment scenarios

Offline mode

Designing for structural syncs

Offline Mode was a critical feature aimed at supporting sales reps who work in low or no network zones ie, trade expos, warehouses, and remote field operations.

This case challenged me to balance technical constraints with usability needs, especially around syncing large volumes of data and media.

Challenges

Initial sync was heavy and time-blocking

> Syncing all required data took time, and in its early form, it blocked the UI.

> Media files, in particular, were large—causing delays and frustration.

No visibility during sync or offline state

> Users didn’t know what data was synced or what actions were safe to perform.

> There was no indicator when the app went offline.

Initial sync was heavy and time-blocking

> Syncing all required data took time, and in its early form, it blocked the UI.

> Media files, in particular, were large—causing delays and frustration.

No visibility during sync or offline state

> Users didn’t know what data was synced or what actions were safe to perform.

> There was no indicator when the app went offline.

Challenges

We disintegrated the sync data based on how quickly each type could be processed—prioritizing essentials like customers and orders, and deferring heavier media into later stages.

We disintegrated the sync data based on how quickly each type could be processed—prioritizing essentials like customers and orders, and deferring heavier media into later stages.

User controlled syncing methods

Incremental sync continued in the background enabling seamless sync

Incremental sync continued in the background enabling seamless sync

State translations interactions

State translations interactions

Task manager cards

Process-layer made legible

As the platform scaled across modules, it became essential to bring all triggered actions—downloads, approvals, imports—into a single, accessible layer. We designed Task Manager as a lightweight notification system built on three core atoms: category, state, and action. This structure made it easy to scan, understand, and respond—without leaving context.

Atoms of the

notification card

Atoms of the notification card

Integrated atoms in the notification card structure

Integrated atoms in the notification card structure

Learnings

From zero to something real—this journey has meant diving deep into systems thinking, collaborating across functions, and obsessing over B2B work flows. I’ve worked with multiple PMs, engineers, and stakeholders along the way, shaping workflows that actually hold up in the wild. This isn’t the full picture—just a slice. More to come, more to show.

Good afternoon of the fifth
Good afternoon of the fifth