Each visit is an opportunity to nudge a high-intent prospect even further down the funnel.
PubNub, likes most SaaS companies, has three-tier pricing plans that are relatively easy to understand: Free, Starter, and Pro plans. The problem is PubNub displayed the formula in a plain-text long-form table with 100+ items categorized by how many times a single transaction passes or how it is computed using our services. Not to mention, the list of the items is full of technical jargon such as replicated or edge transactions, function execution, data persistence... etc. As a result, users often get even more confused after reading the pricing table.
The users can sign up for a free trial until they reach a certain amount of usage. Unfortunately, our pricing page failed to make it clear by calling it the Free Trial. As a result, self-served customers often got too confused to sign up or take any further actions.
The features listed in the comparison tables were grouped by PubNub Chat vs. Real-time Communication Platform (see below for reference). After I took a deep dive into the research of pages views and income/outgoing traffic (the users' visits right before and right after the Pricing Page), it shed some light on the fact that visitors didn't understand what Real-time Communication Platform was, and had to go back and forth between Pricing Page and Product Pages to figure out the differences and their correlated use cases on their own.
As a Growth Designer, I always strive for higher conversion and a better engagement, given how important this page was to the high-intent prospects in their purchasing cycle.
After identifying the problems, collecting the feedback from WIN/LOSS interviews, analyzing the visitors' data gathered from Google Analytics, Heap, Segment, and HotJar, I wrote down the intent of the new Pricing Page:
To provide the potential customers the ease of understanding our pricing plans and the confidence of choosing a plan.
Following up on the intent of the new Pricing Page, I proposed to the team that the new Pricing Page should have the following elements:
Side notes:
Sections marked in green are the new content that I proposed to add to the Pricing Page
New Pricing Page where a pricing calculator is displayed as a popup when the visitors are interested in Starter Plan.
Feel free to review my original design artwork and high-res prototype on UXPin.
Previous Pricing Page (for comparison purpose)
The new Pricing Page results in a CVR 255% higher!
2.35% is the average CVR of the Pricing Page before the week of March 7, 2021.
During the 4 weeks of A/B testing, the CVR went from 2.29% up to 5.37%. We also started by setting 50/50, then moved to 80/20 during that same period of time.
The CVR has been consistent at around 6% since the final release of the new Pricing Page on the week of May 5, 2021.
As I designed to have the ballpark estimate displayed at the end of the page and linked it from the top, we can see that 32% of the visitors reach the bottom of the entire page.
The detailed pricing calculator is a big success. It replaced the 100+ item long-form pricing table, providing transparency and cost predictability to the visitors and the trust we need!
"JJ is a passionate, dedicated worker who thrives when she is able to go deep into the research, being able to focus on the analytics of design choices, to then come back up with designs that beat the business targets set. The pricing page is a good example of this."
- Joshua Carr, Dir of Growth, PubNub
Copyright © 2021 JJ Tso - All Rights Reserved.
Powered by GoDaddy
We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.