ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
Home Depot PRO Pricing Insights Dashboard
(B2B/Home Improvement Concept Project)
Unified desktop and mobile experience bringing pricing clarity, loyalty rewards, and cost control to professional customers
across digital and in-store channels.
Company: Home Depot | Role: Principal UX & CX Designer |
Home Improvement/Enterprise B2B | Tools: Figma, Miro | Platforms: Web & Mobile
Overview
A predictive pricing dashboard and mobile companion designed for Home Depot PRO customers including contractors, builders, and property managers, to view discounts, forecast costs, and manage projects seamlessly across desktop, mobile, and in-store channels.
Research & Discovery
Understanding how PROs shop across channels uncovered critical friction points in discount visibility,
quote creation, and checkout consistency.
Visual narrative of the end-to-end PRO experience, highlighting moments of confusion around discount tiers and in-store follow-through. Created in Miro using insights from UserTesting sessions.
Home Depot’s PRO customers move fluidly between mobile, desktop, and in-store interactions.
The multi-channel map visualizes where expectations break down — and how connected experiences can close the gap.
Cross-platform matrix showing channel overlaps and hand-offs between web, mobile, and store associates. Mapped in Miro using swimlanes for customer, associate, and system touchpoints.
Insights & Opportunities
Following the research phase, I synthesized data from user interviews, analytics,
and in-field observations of PRO customers interacting with the pricing tool.
The result revealed several key pain points and clear opportunity areas to improve trust, transparency,
and efficiency in the PRO buying journey.
Aggregated findings from UserTesting and EnjoyHQ sessions showing recurring PRO customer frustrations across the buying journey.
Pain points clustered by theme to inform design priorities.
Visualization of pain points and their aligned opportunity zones, created in Miro using clustered affinity mapping.
Each opportunity links directly to an upcoming feature concept in the Pricing Insights Dashboard.
Service Design
Bridging customer intent with backend systems required mapping every digital and human touchpoint.
This blueprint clarified where UX, technology, and business processes intersected.
End-to-end blueprint visualizing the PRO Pricing ecosystem including customer actions, front-stage interfaces (web, mobile, POS), and backstage services (pricing engine, promotions API).
Created collaboratively in Miro using standardized service design layers.
Design Execution
Built around the needs of professional contractors, the Home Depot PRO Pricing Experience delivers a connected,
multi-device journey that supports both project management in the office and quick decisions in the field.
The following screens demonstrate the progression of the design system across desktop and mobile contexts,
emphasizing clarity, transparency, and efficiency.
Persona
Carlos Ramirez, 38, PRO Contractor
Carlos is a 38-year-old small business owner managing multiple construction projects.
He values predictable pricing, time savings, and consistent digital-to-store experiences.
Carlos represents PRO customers who need confidence in cost transparency and time efficiency across every purchase.
Design System Overview
PRO Dashboard
To provide a unified snapshot of projects, spend, savings, and pricing insights at a glance.
Desktop Features: Project cards with real-time spend and savings, Quick navigation to “Pricing Insights” and “Calculator”,
Data visualizations for total spend and promo savings
Mobile Features: Condensed savings summary, Active project quick actions, Access to “Pricing Summary” and “Order Tracking”
A responsive dashboard experience—delivering consistent visibility into savings and project status whether at the office or on-site.
Project Overview
To track job-level performance, budgets, and materials in one centralized view.
Desktop Features: Multi-project navigation, Real-time cost and schedule updates, Supplier quote comparison and document links
A single source of truth for every active job—reducing friction in communication and spend tracking.
Pricing Insights & Pricing Summary
To give PROs visibility into cost structures, tiered discounts, and purchasing opportunities.
Desktop Features: Interactive charts of price trends and bulk discounts, Side-by-side supplier comparison, Highlighted “PRO-only” tiers
Mobile Features (Pricing Summary): Simplified price comparison cards, Real-time updates by quantity or vendor, Color-coded indicators for savings eligibility
Empowers smarter purchasing decisions through transparent, data-driven pricing information across screens.
Savings Calculator & Bulk Order Summary
To let contractors simulate cost scenarios and finalize orders efficiently.
Desktop Features (Savings Calculator): Quantity sliders with instant recalculation, Supplier and discount toggles,
Scenario comparison for forecasting
Mobile Features (Bulk Order Summary): Line-item verification for order accuracy,
Editable quantities and delivery details, “Approve & Send” confirmation button
Predictive planning meets field flexibility—contractors can calculate and confirm orders from anywhere.
Confirmation Summary & Order Tracking
To close the loop with transparent order confirmation and real-time tracking.
Desktop Features: Detailed order summary and savings report, Reorder shortcuts and export options
Mobile Features (Order Tracking): Real-time status bar with delivery milestones, Alerts for pickups, delays, or substitutions
Builds trust at the final stage—offering instant confirmation and delivery transparency across devices.
Outcome
The redesigned PRO Pricing system reduced average quote creation time by 28% and improved perceived pricing transparency by 44% during usability testing.
“I finally understand what I’m saving — before I even check out.” — PRO customer participant