Back to All Work
Technology · B2B Enterprise UX Configuration UX Heuristic Evaluation

Hewlett Packard Enterprise —
One Configuration Advanced (OCA)

Client
Hewlett Packard Enterprise
Role
Sr. UI/UX Designer
Duration
February 2016 – March 2016
Location
Houston, TX

Project Overview

HPE's One Configuration Advanced (OCA) application enables enterprise customers to configure complex hardware products, servers, storage, networking, before purchase. The challenge: a B2B configurator serving technical buyers who need precision and speed, but the existing UI was adding friction instead of removing it.

The goal: design a product configuration experience that reflects HPE's enterprise brand standards while dramatically improving usability for technical buyers.

UX Process & Flow

Conducted a systematic heuristic evaluation of the existing OCA interface, then mapped an improved user flow prioritising clarity, progressive configuration steps, and reduced decision fatigue.

HP Enterprise OCA UX process flow
UX process flow, analysing existing experience and mapping redesigned configuration workflow

Service Blueprint

Mapped the end-to-end product configuration journey, front stage (user actions) against back stage (HPE system processes and integrations), to identify where the experience broke down.

HP Enterprise service blueprint
Service blueprint, HPE OCA configuration journey from product selection through order confirmation

Final Design

Delivered a responsive, WCAG-compliant design system aligned to HPE's digital brand standards, with a structured configuration layout that guides users through complex product decisions without overwhelming them.

HP Enterprise OCA final design
Final UX design, HPE One Configuration Advanced. Responsive layout with clear product hierarchy and guided configuration steps.

What I Did

Heuristic Evaluation

Systematic review of existing OCA interface, identified usability gaps and friction points in the configuration flow.

User Flow Design

Redesigned product configuration workflow, reducing steps and clarifying decision points for technical enterprise buyers.

Wireframes & Prototypes

Interactive prototypes in InVision and OmniGraffle, validated with stakeholders before visual design.

Responsive UI Design

Final visual designs in Adobe Creative Suite, aligned to HPE brand guidelines, responsive across devices.

Design Process

01
Evaluate

Heuristic evaluation of legacy OCA, 10+ Nielsen heuristics applied

02
Map

User flow redesign and service blueprint, front to back stage

03
Prototype

InVision & OmniGraffle wireframes, stakeholder review and iteration

04
Design

High-fidelity responsive UI, HPE brand aligned, dev-ready specs

Tools & Environment

InVisionAxure RPOmniGraffleAdobe Creative SuiteHTML5 / CSS3JavaScriptBootstrapAgile / Scrum