MSC Direct ControlPoint Mobile Experience

MSC Direct ControlPoint Mobile Experience

MSC DIRECT | Specialist Interactive + UX Lead

My role Transforming MSC Directs Mobile-First B2B Inventory & Ordering Experience

Led UX analysis and concept design to translate MSC Direct’s B2B e-commerce ecosystem into a scalable mobile application enabling efficient inventory replenishment, flexible ordering, and streamlined purchasing workflows for industrial customers.

MSC Direct sought to transform its B2B e-commerce platform into a mobile experience for recurring inventory ordering. The existing app lacked UX clarity and deployment readiness, requiring redesign to support efficient replenishment, ordering, and purchasing workflows across diverse industrial and business users.

INDUSTRIAL

Product Delivery

E-COMMERCE

MOBILE

Visual Design

Prototyping

Usability

B2B

Opportunities

Mobile-First Ordering

Mobile-First Ordering

Build a mobile-first ordering and replenishment experience for recurring B2B purchases

Simplified Workflows

Simplified Workflows

Simplify navigation and workflows for diverse professional user groups


Simplify navigation and workflows for diverse professional user groups


Faster Replenishment

Faster Replenishment

Improve inventory replenishment efficiency via barcode scanning and quick ordering


Improve inventory replenishment efficiency via barcode scanning and quick ordering


Order Approval Support

Order Approval Support

Streamline order management and approval workflows for enterprises


Streamline order management and approval workflows for enterprises


Improved Navigation

Improved Navigation

Re-architect app navigation for better discoverability and usability


Re-architect app navigation for better discoverability and usability


Ecosystem Alignment

Ecosystem Alignment

Align mobile experience with existing
e-commerce ecosystem and purchasing systems

Align mobile experience with existing
e-commerce ecosystem and purchasing systems

Approach

Heuristic Evaluation & Product Audit

Heuristic Evaluation & Product Audit

Conducted heuristic analysis of both the existing website and development-stage application to identify usability gaps, workflow inconsistencies, and features requiring redesign or alignment with real B2B ordering behavior.

Conducted heuristic analysis of both the existing website and development-stage application to identify usability gaps, workflow inconsistencies, and features requiring redesign or alignment with real B2B ordering behavior.

Business & Stakeholder Alignment

Business & Stakeholder Alignment

Facilitated discussions and workshops with business stakeholders to communicate UX opportunities, align expectations, and position the mobile app as a scalable ordering and inventory management tool.


Facilitated discussions and workshops with business stakeholders to communicate UX opportunities, align expectations, and position the mobile app as a scalable ordering and inventory management tool.


User & Workflow Understanding

User & Workflow Understanding

Analyzed usage patterns of business owners, contractors, and industrial buyers to prioritize quick ordering, repeat purchases, and remote inventory management as primary design drivers.

Analyzed usage patterns of business owners, contractors, and industrial buyers to prioritize quick ordering, repeat purchases, and remote inventory management as primary design drivers.

Information Architecture Redesign

Information Architecture Redesign

Redesigned the information architecture to consolidate scattered navigation and create clearer mobile flows that support ordering, inventory replenishment, and account management seamlessly.

Redesigned the information architecture to consolidate scattered navigation and create clearer mobile flows that support ordering, inventory replenishment, and account management seamlessly.

Impact and Outcomes

UX Foundation Established

UX Foundation Established

Established a strong UX foundation for MSC Direct’s mobile ordering ecosystem

Stakeholder & Product Alignment

Stakeholder & Product Alignment

Enabled alignment between business stakeholders and product design direction

Enabled alignment between business stakeholders and product design direction

Workflow Simplification

Workflow Simplification

Simplified complex B2B ordering workflows for mobile environments


Simplified complex B2B ordering workflows for mobile environments

Deployment Readiness

Deployment Readiness


Deployment Readiness

Prepared the application for scalable deployment once development resumed post-pandemic delays

Prepared the application for scalable deployment once development resumed post-pandemic delays

Glimpse of Outputs

Glimpses on screens

Controlpoint Login

Process

Heuristic analysis and analysis existing web application

Information Architecture

Defining a ideal IA for mobile

Glimpses on screens

Navigation from hero page to ordering

Glimpses on screens

Ease in adding product and checkout

Glimpses on screens

Order placed

Next Case

Next Case

Next Case

Boosting Conversion Through Design

Boosting Conversion Through Design

Boosting Conversion Through Design