Consolidating and enhancing three existing HP MPS portals into a unified platform — improving usability, establishing a scalable design system, and streamlining complex enterprise workflows for global partner and reseller teams.
HP Managed Print Services (MPS) is a strategic partnership that helps organisations embrace a modern workplace — covering hybrid work, digital workflows, cloud, security, and sustainability solutions. This engagement was not a greenfield project; it was an ongoing enhancement effort based on requirements from Business Analysts, iteratively improving three existing portals used by global HP partners and resellers.
The core objective was to consolidate and revamp the HP MPS portals, creating a unified platform that enhances user experience and streamlines access to services and resources for partners worldwide.
The engagement followed a structured UX process — beginning with thorough research and stakeholder alignment, then moving into information architecture, wireframing in Axure RP 10, and iterative design refinement. Each sprint was driven by requirements from Business Analysts, with UX decisions grounded in user research findings.
Created detailed FigJam flowcharts mapping the complete pMPS system — covering all major flows including Dashboard, Opportunities, Proposals, Customer management, and the full Onboarding journey. These diagrams served as the single source of truth for the entire BA and engineering team.
Every screen went through multiple wireframe iterations in Axure RP 10, incorporating BA requirements and usability review feedback. Below is an example of the Add Accessories modal — a complex, data-heavy screen that underwent significant structural redesign. The original had poor information hierarchy and lacked usable interaction patterns. The revamped version introduces proper table structure, column headers, editable inline fields, and action buttons.
HP uses the Veneer Design System for unified user experiences across all products. For the MPS portal, the design system was implemented in Figma — covering typography, colour palette, iconography, and component states. All 30+ screens adhere to these standards, ensuring consistency across every portal and supporting rapid iteration.
The final solution delivered a unified, scalable portal system — consolidating three separate experiences into one platform with a shared design language. All screens were built iteratively: wireframed in Axure RP 10 to validate structure and interactions, then translated to high-fidelity designs in Figma using the HP-MPC design system, before handoff to the engineering team.
