top of page

Bill Matrix® | Fiserv 

BillMatrix® from Fiserv is a single solution for billing and payments that gives your customers secure, convenient payment options.  

Product: BillMatrix® from Fiserv is a single billing and payment solution that offers customers secure, convenient payment options.  

My Role: Senior UX Designer (Research, Product Design, UX Writing)​

Goals - Business, Product and Content Design

  • Business Goals

    • Streamline reconciliations to enable faster payments and fewer collection issues for clients.

    • Give customers the ability to pay bills in real time or schedule payments in advance.

  • Product Design Goals

    • ​Redesign key user flows to reduce cognitive load and streamline task completion.

    • Implement a system for tailoring the product interface based on user behavior and preferences.

  • Content Design Goals

    • Develop and implement a comprehensive content style guide and brand voice guidelines for all communication channels.

    • Redesign digital content to meet WCAG (Web Content Accessibility Guidelines) standards and create more inclusive language guidelines.

 

Scope:

(1) Administrator Portal: Design an efficient and usable interface to allow admins to onboard clients, configure settings, and manage accounts.

(2) Consumer Portal: Design an intuitive, responsive, and user-friendly interface to enable consumers to pay bills quickly.

Team Size: 22

 

Approach: The end-to-end design process is outlined below.

Research

  • Designed and conducted user studies to understand pain points, user goals, and the expected experience of target users. 

  • Create proto-personas to inform design concepts and product roadmap.

Strategy 

  • Collaborate with stakeholders to understand product vision and goals.

  • Analyzed and studied business specification documents to understand the bigger picture and the ecosystem.

  • Collaborated with product owners and business analysts to refine and groom user stories to create a UX roadmap. 

  • Led the design function across six agile scrum teams by partnering with Product Management and Engineering in an agile environment.

Design - Product and Content Design

  • Conducted UX audit to - Identify usability issues, evaluate information architecture, assess content effectiveness, and prioritize improvements to support data-driven decisions.

  • Created paper sketches and low and high-fidelity mockups, conducted design walkthroughs, and supported the development teams.

  • Review completed designs and discuss future iterations.

  • Collaborated closely within and across cross-functional teams to produce engaging content that explains FinTech products accurately and persuasively.

  • Ensured all fintech content was on-brand, compelling, visually appealing, and optimized for intended audiences and channels. Maintain brand and editorial guidelines.

Accessibility WCAG 2.1 Compliance 

  • Included accessibility in initial requirements and project planning.

  • Advised teams on implementing accessible design solutions and WCAG 2.1 compliance.

  • Created accessibility documentation and training materials.

  • Presented recommendations to stakeholders and championed accessibility initiatives.

  • Reviewed designs together with development teams using accessibility tools and patterns.

  • Tracked and reported on accessibility metrics and compliance.

  • Shared insights from accessibility testing with stakeholders.

Impact

  • Increased BillMatrix® customer satisfaction by 40% via redesign.

  • Build a process for effective cross-functional collaboration using agile methodologies to involve designers in the early stages of product planning and development. This process was adopted by 14 scrum teams in the United States and India

This product was integrated into thousands of Banks and Credit Unions in the US through responsive web, iOS, and Android plugins and consumer portals.

Activities: User Research, Persona Creation, Customer Journeys, Task Analysis, UX Strategy, Product Roadmap, Conceptual Design Prototyping (Static and Interactive), A/B testing, Product Design Walkthrough, and UX Writing

 

Tools: Paper Sketches, Axure RP, Miro, Presentations.

The detailed design process is described below.

Personas

Desk research and empathy mapping were critical in creating proto-personas. The proto-personas were presented to the product management team and subject matter experts to validate and refine them. Insights from the finalized personas were shared with product management to assist in prioritizing features and product decisions.

Screen Shot 2022-01-28 at 6.45.17 PM.png

User Research - Persona Building

  • Conducted desk research to gain an initial understanding of users

  • Validated findings with product and business subject matter experts

  • Developed empathy maps to capture user needs and behaviors

  • Built proto-personas and refined through SME feedback

  • Presented final personas to product manager and development teams

  • Defined user scenarios to inform product features and functions

Approach

  • Performed desk research through websites like Facebook and LinkedIn to understand the target audience.

  • Developed preliminary personas based on insights from desk research.

  • Validated understanding with product and business subject matter experts.

  • Refined personas through feedback from SMEs.

  • Presented final personas to product management and development teams.

  • Validated design solutions against insights derived from the personas.

Screen Shot 2022-01-28 at 6.41.38 PM.png
Early Concepts: Wireframes
Mobile
Welcome.png
Login.png
Home.png
Payment.png
Order Status.png
Success.png
Desktop
Home.jpeg
Search Results.jpeg

After initial discussions with product owners, I created paper sketches and task flows. I displayed these in the UX lab for collaborative working sessions with stakeholders, including Product Owners, Business Analysts, Tech Leads, and Development teams. In these huddles, I provided walkthroughs of the concepts, after which we revisited user needs, product functionality, and technical considerations to inform the next round of conceptual designs. This iterative process enabled alignment across teams.

Conceptual Design
Mobile
Welcome.png
Login page.png
Home.png
Order Status.png
Payment.png
Success.png
Desktop
Screenshot 2023-10-05 at 1.20.46 AM.png
Screenshot 2023-10-05 at 1.20.28 AM.png

Task flows were created to document functionality and user flows before prototyping. These were presented to all stakeholders to align their understanding of the product capabilities and workflow. Like the paper sketch reviews, remote teams used low-fidelity prototypes to refine concepts and plan the next steps. In collaboration with Product Management, early concepts were also shown to users to gather feedback.

© 2024 by Neha Kulkarni. Powered and secured by Wix

bottom of page