Rate Change

Empowering customers to make informed decisions about an increase to their monthly sponsorship rates for the first time in fifteen years.
Project hero image of a desktop layout
Details
Project Length
4 months
Role
UX Architect, Project Lead
Collaboration
Development, IT, Marketing, Customer Support
Overview
Objectives
  • Inflation, drought, and economic instability meant that Compassion needed to ask supporters to increase their monthly sponsorship rates for the first time since 2009. In collaboration with our marketing and IT teams, my primary responsibility was to develop an intuitive and user-friendly experience that effectively communicated the rationale behind the rate increase to our customers.
  • A key objective was to foster trust through transparency, ensuring that customers had a clear understanding of the rate increase's impact on their specific circumstances and enabling them to make informed decisions based on their individual needs.
Approach
  • Focus on reconnecting supporters with the reasons behind their original commitment to sponsor a child and change lives.
  • Explain the rationale behind the rate increase and highlight how this translated to tangible needs in the field.
  • Present each supporter's commitments in a clear and concise manner that would facilitate their understanding of sometimes complex information, empowering them to make informed decisions.
Results
$60 Million
Increase in revenue each year
86%
Opt-in rate across all segments
Project Kickoff

Understanding the Problem

There were three distinct supporter categories identified by the Marketing and Business Insights team – each category require tailored approaches based on their specific circumstances.
Image showing the current state of desktop and mobile navigation

Business Requirements & User Need Statements

As the team lead, I facilitated the collaborative process of generating User Need Statements and Business Requirements to ensure alignment before we began searching for solutions.

Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Determining the Approach

User Flow Diagrams & Content Strategy

Based on the core project team’s initial discussions & the established business requirements, I developed user flow diagrams that mapped out each user segment’s journey through the rate change experience, from initial drumbeat emails to final confirmation.

Flow Diagrams

  • Helped the team align on the overall marketing strategy as well as the feasibility of the technical architecture that would be required to achieve it.
  • The user flows went through several iterations, helping me identify potential pain points, areas of confusion, and key decision points. The flow diagrams also helped foster collaboration and alignment with the project stakeholders, including the IT, marketing, project management, and executive teams.
  • These diagrams helped us communicate effectively as we made important decisions around data requirements, PII, security, and the overall flow of the rate change process.
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation

Content Strategy

  • Having identified our goals for each user group and with a clear and shared understanding of the user journey, we began working on the content strategy for each step in the process.
  • This involved close collaboration with our content & creative team to identify key information that needed to be highlighted, craft moving content that could persuade users to accept the rate change, and anticipate and address the most probable questions and concerns that users might have.

Key Learnings from this Phase:

  • The marketing leads wanted to present similar content, but in different orders for various demographics.
  • For 'automatics,' they wanted to place an emotionally-charged video explaining the reasonings & needs for the rate increase in order to convince users not to opt-out.
  • For 'electives,' the marketing leads prioritized putting the user's information table above the fold in order to allow them to make a quick, informed decision, with the video below if they still needed a nudge.
Initial Concepts

Lofi Mockups

The next phase involved creating low-fidelity mockups in order to to quickly sketch and iterate while focusing on layout and structure.

I created low fidelity mockups that focused on content-blocking, page structure and layout, and flow from page-to-page at key decision points.

  • The low-fidelity representation of the user interface helped the team visualize the overall layout, content structure, and user experience without getting distracted by specific wording or visuals.
  • This approach enabled us to iterate quickly, gather stakeholder feedback, and align the team’s vision for each step in the users’ journeys early on.
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation

Key Learnings from this Phase:

  • Multi-child sponsors:
    • Working with our data analysts, we discovered that many users sponsor more than 5+ kids, so creating a table with an individual line item for each is likely not the best option.
    • We determined that at six or more children sponsored at the same rate, we should group them together into a single line-item with a short rate summary for the whole group.
Refined Concepts

Hifi Mockups

Created to provide a more detailed representation of the page layouts to help stakeholders and users visualize the end result and identify specific design issues.

I took all of the feedback from the lofi mocks and fleshed them out into responsive, high-fidelity Figma mockups.

  • These were created “near pixel-perfect” in order to allow the team to visualize hierarchy, spacing, typography, etc.
  • One key element for all user segments was the table showing each user’s individual charges and how they would be uniquely affected by the rate change.
  • By iterating and refining the table design multiple times, I ensured that it effectively presented this critical information in a clear and organized manner so users could make an informed decision.
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation

Key Component: Tables

  • IT’s Lead Architect and I worked closely to identify that the user payment tables could become fairly complex as Compassion allows users to sponsor multiple children at different rates as well as being charged at different frequencies or time periods.
  • Additionally, the number of sponsored children could vary from zero to in the 50's, so I had to find a way to represent the typical cases as well as edge cases.
  • Finally, every UX designer knows tables on mobile devices are difficult to execute well - so I had to find a balance between displaying pertinent information and not overwhelming the user.
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Concept Validation

Usability Testing

In order to identify and address pain points in the user experience, ensuring that the final product is intuitive, efficient, and viewed positively (despite the context) by the target audiences.

Objectives:

  • Assess usability: Understand how users interacted with the table designs, including their ability to navigate, comprehend information, and perform desired actions.
  • Gather Feedback: Hear from users about their overall experience, their understanding of the rate change details presented in the tables, and their impressions of the design.
  • Validate Design Decisions: Confirm that the information presented was clear, concise, and met users' expectations and needs when it comes to the implications of the rate change and the rationale behind it.
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation

Other Takeaways

  • User Sentiment:
    • The alpha test user group actually viewed the rate change as a positive move. Many expressed sentiment that they understand inflation and other economic challenges.
    • A smaller subset of the alpha group expressed initial surprise at the rate increase, but were quickly understanding when they saw the content explaining the rationale behind it.
    • Overall, all users in both studies were able to achieve their goals with very little issues and only minor improvements suggested.
Concept Refinement

Minor Tweaks to the Concepts

Usability testing revealed no major issues and a few minor tweaks that could help provide clarity for users as they examine their payment tables and make decisions.
Image showing the current state of desktop and mobile navigation
Image showing the current state of desktop and mobile navigation
Results

Deployment & Results

After making the previously identified changes, I relaunched the usability test to validate the changes I had made. From there, we were ready to deploy to the main audiences.
$60 Million
Increase in revenue each year (projected).
86%
Opt-in rate across all segments. Target was 82% opt-in to meet projected revenue goals.

Other key results:

  • Our business insights team detected no drop in our NPS score over the course of the 'active' months that the rate change took place.
  • Leadership was extremely happy with the revenue, opt-in rates, and user sentiment shared via the customer support center and surveys.
A few key quotes around the positive user sentiment:
To raise the requirement from 38 to 45 .... it must be real and not to be wasteful. If that is what it costs ... ok
Please make is easier to change sponsorship amount if willing to give more.