My Role
Senior UX/UI Designer
Stakeholders
UX/UI Designer, React Developers, Backend Developer, Business Analyst and Architect
Company
PrideMobility (USA & Canada)
Tools
Figma, FigJam, Adobe Photoshop, Miro, Jira and Confluence
Pride Mobility 365 is critical for providers and dealers managing quotes, orders, and parts. However, key workflows were slowing users down and increasing errors.
Providers and dealers follow approval-driven purchasing workflows. Most transactions start as quotes and are later converted into orders, while urgent purchases move directly to order placement.
Research combined real usage observation, support feedback, and business workflow reviews. Instead of redesigning the entire platform, improvements focused on high-frequency and high-risk workflows.
Providers and dealers struggled to locate correct parts quickly, especially when working with serial numbers and product hierarchies. Search results often required manual verification using documents or support teams.
Introduce a unified search experience supporting product name search and serial number hierarchy discovery, allowing users to understand parent-child part relationships directly within search results.
Introduced a new discovery pattern requiring users to understand part hierarchy structure, but significantly improved accuracy and reduced downstream ordering errors.
Users frequently add multiple products and parts to cart before deciding whether to save the cart as a quote or place an order. In the previous experience, quote and order workflows were separated, forcing users to repeat steps or rebuild carts when switching between quote and order, slowing down high-volume B2B workflows.
Design a cart-driven commitment model where users choose Convert Quote or Convert Order directly from the cart, and complete a shared checkout flow. Both paths use the same address, shipping, and review experience, while payment is required only when placing an order.
Payment collection only for orders, Different validation rules for quote vs order, and Different final commitment actions.
Quotes and orders required the same address, shipping, and review steps. Separate checkout experiences would duplicate user effort and increase friction when users needed to switch from quote to order.
Design a single checkout experience shared by quotes and orders, where payment is conditionally shown only when placing an order, while maintaining the same structure for both flows.
Required more complex checkout logic to dynamically handle payment, validation rules, and final completion actions based on user intent.
Users frequently return to saved quotes to review, modify, or convert them into orders. In the previous experience, quote status, priority, and next actions were difficult to identify quickly, forcing users to open multiple quotes before taking action.
Redesign the quote list and quote details experience to highlight status visibility, quick actions, and clear conversion paths from quote to order.
Required redesign of list interaction patterns and status definitions to support quick decision making without overwhelming users with excessive data.
After placing orders, users needed to quickly track order status, review order details, and reorder frequently purchased products or parts. In the previous experience, order tracking and follow-up actions required navigating across multiple screens.
Redesign the order list and order details experience to emphasize status visibility, shipment awareness, and quick reorder actions directly from list and detail views.
Required clear order status definitions and consistent system messaging to ensure users understood order progress without introducing additional UI complexity.
Collaborated closely with developers to ensure accurate Figma-to-code implementation, delivering designs with clear specs, interaction notes, and component guidelines. Participated in weekly UI reviews to refine spacing, responsiveness, and UX alignment. Internal QA used real provider workflows, leading to quick improvements in validation, layout clarity, and step progression across Quote Builder and checkout.
"The new experience makes our job faster—we don’t have to second-guess part numbers or quotes anymore."
The redesign is now actively used across the U.S. and Canada and continues to receive updates based on live feedback from providers and retailers.