Salesforce B2B Commerce Enterprise UX Design System Capita PLC

Evolution of Sales (EOS) B2B Commerce Platform

Architected an end-to-end B2B commerce experience on Salesforce, transforming manual quoting into an automated storefront and projecting a 52% uplift in product sales revenue.

EOS B2B Commerce Platform - Fire Service College storefront homepage
Timeline
2024 – Present
My Role
Lead UX Architect
Platform
Salesforce B2B Commerce
Client
Fire Service College

The Challenge

Capita's Fire Service College needed to modernize their course booking and product sales process. The existing system relied on manual quoting, phone calls, and spreadsheets—creating friction for both customers and internal teams.

The business goal was clear: transform this into a self-service digital storefront while maintaining the personalized service that their B2B customers expected.

Key Problem Statement: How might we create a B2B commerce experience that handles complex course configurations while feeling as simple as a B2C shopping experience?

Understanding the Problem Space

1

Stakeholder Interviews

Conducted sessions with sales teams, operations, and leadership to understand pain points and business objectives.

2

Competitive Analysis

Evaluated 5+ B2B commerce platforms to identify best practices for complex product configuration.

3

User Research

Interviewed training coordinators from fire services to understand their booking needs and workflows.

4

Platform Assessment

Analyzed Salesforce B2B Commerce capabilities and limitations to inform design decisions.

Key Findings

Designing the Experience

1. Product Discovery & Catalogue

Created a visually-rich storefront that showcases courses by category, with hero imagery and clear value propositions.

Homepage featuring top selling products and promotional items

Homepage featuring top-selling courses, promotions, and categorical browsing

2. Course Configuration & Booking

The product detail page handles complex configuration while maintaining clarity. Users can select dates, number of delegates, and accommodation—with real-time pricing updates.

Product detail page with pricing and configuration options

Course detail page with inline configuration, terms acceptance, and suggested products

3. Cart & Checkout

The cart experience allows easy modification of quantities and provides clear pricing breakdown including discounts.

Shopping cart with multiple courses and pricing summary

Cart with quantity controls, pricing breakdown, and checkout flow

Design Decisions

Tools & Technologies

Figma Salesforce B2B Commerce Lightning Web Components Jira Confluence

Projected Impact

+52%
Projected Sales Uplift
-35%
Order Fulfillment Time
+28%
User Satisfaction
-40%
Support Tickets
24/7
Self-Service Booking
5min
Avg. Booking Time

Recognition

This project contributed to receiving the Fearless Innovation Award 2025 from Capita PLC.

What I Learned

Next Case Study

Capita.com Global Website Redesign

View Project