VISA
Data-Driven
WHO IS IT FOR?
Visa RTX Help Centre is a support platform for businesses and developers using Visa’s real-time payment services.
WHAT IS IT ABOUT?
It provides clear guidance on the benefits, terminology, and integration of RTX. As an access channel, Visa RTX simplifies the use of multiple payment services through a single connection, offering a unified experience that streamlines financial transactions and enhances operational efficiency.
MY ROLE
Lead Product Designer
A screenshot of the Visa RTX Help Centre.
TASK COMPLETION
100
%
Every test participant successfully completed the test without assistance
FASTER
86
%
Time to find key content dropped from 35 to 5 seconds on average
FEWER TICKETS
28
%
Number of support tickets decreased after rolling out the Help Centre
DEV HOURS SAVED
40
%
Building the contextual side-panel in-house would have cost significantly more

The Challenge

Context

Visa already had an RTX (real-time payments) platform in place but needed a Help Centre to guide new and existing users—especially developers and businesses—on key features, terminology, and integration steps.

Objectives

Establish a User-Centric Foundation. Translate user needs and business objectives into intuitive designs for the Help Centre, relying on user testing data to validate each iteration.

Drive Data-Driven Decisions. Leverage both qualitative and quantitative feedback (via UserTesting.com and stakeholder input) to refine the Help Centre’s navigation, layout, and content hierarchy.

Foster Cross-Functional Collaboration. Work closely with the Project Manager, Business Analyst, and fellow Designer to ensure that design solutions meet technical feasibility, business goals, and user expectations.

Team Structure

Lead Product Designer (Me). Oversaw all design activities, from conceptualising wireframes to leading user testing on UserTesting.com. Translated test insights into actionable design improvements.

Supporting Product Designer (Colleague). Assisted with setting up the user testing platform, participant scheduling, and synthesizing insights.

Project Manager. Served as the primary liaison between the design team and higher-level stakeholders. Defined the overall objectives and ensured alignment with the broader business roadmap.

Business Analyst. Conducted competitive benchmarking of existing help centres, compiled content requirements, and structured the information architecture in collaboration with the design team.

Approach & Methodology

1
Research & Planning

Aligned with product leaders to clarify user expectations, business goals, and potential “pain points” in navigating multiple services.

Defined user testing scenarios on UserTesting.com, focusing on how participants accessed Help from the top navigation, whether through text labels or icons.

User Testing dot com logo.
2
Prototyping & Testing

Developed three prototypes featuring different Help Centre access points: a “Help” text label, a “?” icon, and a “lifebuoy” icon.

Tested with a 5-user functional sample to capture qualitative feedback on usability.

Ran a questionnaire with ~30 participants to collect quantitative insights on navigation preferences and comprehension of Help Centre structure.

A screenshot of the first prototype.A screenshot of the second prototype.A screenshot of the third prototype.
3
Data-Driven Iterations

Hierarchy & Discoverability. Found that the text label “Help” outperformed the icons by clearly indicating a help resource. The “?” icon was more intuitive, while the “lifebuoy” symbol caused confusion.

Contextual Assistance—Build or Buy?. Multiple participants wanted in-flow, contextual help (e.g., a side panel) to minimise context-switching. I evaluated the time and cost of building such a solution in-house vs. integrating a third-party tool. Together with the Project Manager, I recommended Richpanel for faster deployment, robust in-app messaging, and lower long-term maintenance overhead.

A screenshot of one of the prototype flows.

Key Outcomes

100% Task Completion Rate

Every test participant successfully completed the test without assistance.

Observed in moderated sessions (via UserTesting.com), recorded in session logs and participant surveys.

Time on Task Reduced by 86%

Average time to find “Entity Management” dropped from ~35 seconds to ~5 seconds.

Tracked via screen recordings and completion timestamps in UserTesting.com analytics.

28% Fewer Support Tickets

Notable decrease in newly submitted tickets after the Help Centre’s launch. Historically, we handled around 25 new-user tickets per month.

Customer support logs and ticketing system reports compiled by the Project Manager over a one-month pilot.

40% Dev Hours Saved

Building the contextual side-panel in-house vs. using Richpanel would have cost significantly more developer resources (5 devs over 2 sprints).

Development estimations and timeline planning with the Engineering Team and Project Manager comparing in-house efforts vs. Richpanel’s setup.

Before
Learning Centre at the Top

Originally, the Learning Centre occupied prime space at the top, with no dedicated search field in the header. This layout caused users to overlook the Platform section and struggle to find “Entity Management.”

A screenshot of the Help Centre before the changes based on the user feedback.
After
Streamlined Layout & Search

By moving the Learning Centre to the bottom, emphasising the Platform section, and adding a search field in the header, users reduced their time on task by 86%—from about 35 seconds down to 5.

A screenshot of the Help Centre after the changes based on the user feedback.

Impact & Reflections

UX Leadership

Demonstrated by guiding product owners toward clarity in site navigation through well-structured user research.

Strong Collaboration

Showcased with stakeholders, balancing business objectives, technical feasibility, and user needs.

Data-Driven Design

Reinforced at each step, from wireframes to hi-fidelity prototypes, validating decisions through user research.

Reduced Support Reliance

Positioned the Help Centre as a dynamic resource, easing customer support load and fostering user independence.

Personal Growth

Champion User-Centric Decisions

I learned to confidently back up design recommendations using data from usability testing and user feedback.

Navigate Ambiguity

Stepping into an existing platform and clarifying the product roadmap required me to proactively define challenges, hypothesize solutions, and iterate quickly.

Balance Business & Technical Constraints

Evaluating build-vs.-buy scenarios for contextual help forced me to consider cost, time-to-market, and long-term maintenance—a pivotal experience in product strategy.

Communicate Across Stakeholders

I honed my presentation skills, ensuring that product leaders, engineers, and fellow designers understood both user pain points and the ROI of proposed solutions.

Interested in
working together?

GET IN TOUCH