Modernizing HP's Special Deals Platform
A Clean, Responsive Redesign of the Special Pricing Experience
![[HP 1] Image for Header](http://images.ctfassets.net/xooissnm36jt/4MpB6yy5bGYhPUXIYjDliJ/261e2019bcdf192919ff3e093d020d21/Banner__12_.svg)
![[HP 1] Image for Header](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=)
Modernizing HP's Special Deals Platform
A Clean, Responsive Redesign of the Special Pricing Experience
![[HP 1] Image for the Challenge](http://images.ctfassets.net/xooissnm36jt/7yFKzXgvwnCno4zoTA6f3y/f8c3ea0cf54a8ed815cbf734ca117c9a/Group_54__11_.svg)
The Challenge
HP’s internal Eclipse Suite supports the end-to-end management of special pricing deals—from request to approval to quote generation. However, the existing interface for the Deal Manager module had become dated, complex, and cumbersome to use. Sales support teams faced friction when entering deal data, managing product hierarchies, and validating configurations.
HP needed a scalable, modern redesign that enhanced usability, minimized errors, and followed best practices in accessibility and responsive design.
The Solution
Topcoder ran multiple design and development challenges to modernize key popup flows within HP’s Deal Manager module.
Designers used HP’s Figma-based system to streamline complex tasks like customer lookup, product search, and opportunity imports. Developers translated these into responsive React components using Material UI and TypeScript. A powerful, reusable table component was also created with features like filtering, sorting, and export—ensuring consistent UX across screens.
Challenges we ran:
• HP DMT Special Deals Platform UI Redesign Challenge
• HP DMT Special Deals Platform UI Redesign Challenge 2
6
Challenges
250
Participants
62
Submissions
The Impact
The redesigned Special Deals Platform streamlined deal creation, reduced user error, and aligned fully with HP’s design and accessibility standards.
The new flows significantly improved performance, consistency, and overall user experience for sales support teams across the globe. The reusable UI components laid the foundation for future screens, accelerating design and development velocity for subsequent enhancements.
Achieve high-quality outcomes with
Topcoder.
Achieve high-quality outcomes with Topcoder.