All work
B2B e-commerce, retail

Breaking down the B2B digital wall

A self-service procurement app for contractors: tiered pricing, credit and logistics, all without a sales call.

Client
Telhanorte, Saint-Gobain
Year
2025
Platform
Mobile
Focus
Product design, UX research, UI design
Pro Telhanorte app splash screen on a phone
Problem

Contractors had to leave the e-commerce to negotiate prices and check credit with sales reps.

Solution

Live tiered pricing, always-visible credit and automated split deliveries.

Impact

Full autonomy over pricing, credit and logistics, and less manual work for the sales team.

What I found

A funnel audit, interviews with sales reps and surveys with professional buyers.

Funnel audit

High-volume carts dropped off at the pricing summary.

Sales interviews

Reps spent most of their day on manual price validation.

Pro surveys

Payment uncertainty was the top friction point.

Key insight

Contractors don't shop for products. They shop for cash flow and logistics.

How might we

Let contractors manage high-volume buying on their own, while increasing Telhanorte's commercial speed?

User flow

  1. 1

    Login and context

    Site and regional inventory load.

  2. 2

    Product and pricing

    Quantity drives tier pricing live.

  3. 3

    Cart and credit

    Credit stays visible.

  4. 4

    Logistics

    Split delivery when stock spans warehouses.

  5. 5

    Confirmation

    Credit validated, or an increase requested.

A screen for every decision

1Pricing

Pricing that responds to volume

What I designed

Unit and pallet prices sit together on the product screen, so contractors see right away when buying in bulk pays off.

Why it matters

Clear tier pricing turns a negotiation into a confident self-service decision.

Product page with the unit price tier activeProduct page with the pallet price tier unlocked and a savings banner
2Cart

A cart that explains logistics

What I designed

Credit usage, warehouse splits, quantities and delivery impact are visible before the order is placed.

Why it matters

Fewer surprises, and project planning stays in the contractor's hands.

Cart with credit bar and split delivery card
3Checkout

Checkout that makes risk visible

What I designed

Payment choice and credit status share the same space, with a clear path when the order goes over the limit.

Why it matters

A blocked purchase becomes a useful next step instead of a dead end.

Checkout review within the credit limitCheckout over the credit limit with a request credit increase button
4Confirmation

Confirmation built for follow-through

What I designed

Order details, delivery timing, downloadable documents and a progress timeline in one place.

Why it matters

A complete record replaces follow-up calls and gives every team one source of truth.

Order confirmation with order ID, PDF quote and timeline

Testing and iteration

After a critique with Sales, Logistics and Engineering, four changes made the logic easier to see.

AreaBeforeAfter
CreditA discreet progress barA persistent status header with an "Available" label
Pricing tiersA static price labelA live matrix that highlights the active tier
LogisticsA delivery days estimateStatus cards and a split-delivery toggle
Final stepA generic error messageA "Request credit increase" button

Visual guidelines

Palette
Signal orange#F3831F
Industrial black#000000
Success#22C55E
Danger#EF4444
Typography

Inter and Roboto

Clean, technical sans-serifs for dense data, operational states and high-volume buying decisions.

What I learned

Design for cash flow

Moving from "shopping" to "project finance" reduced abandonment.

Prototype the logic

A working pricing engine, not just screens, is what aligned engineering.

Defend the business

Solve the contractor's real operational friction.

Contact

Let's make something people trust.

I'm open to full-time Product Designer roles in AI. I usually reply within a day or two.

hello@prisjanuario.com