SurveyMonkey Pricing redesign
Refreshing the SurveyMonkey pricing page to improve clarity and meet new standards
SurveyMonkey, a long standing online survey platform for over 20 years launched a refresh of their brand and were in the process of applying it to their web pages.
The pricing page was long neglected and our team took this opportunity to re-evaluate if our offerings were clearly promoted on the pricing page, considering the layout, the features, and the content.
Goals
Relaunch the pricing page to better showcase our offerings while increasing our conversion rates.
Role
Product Designer, Growth
Existing pricing page
We started by running user tests to understand where users were having trouble on our existing pricing page
User testing results
The existing pricing page required a high cognitive load and it was hard to see the differentiation of the plan packages.
-
Users wanted a plan that worked for them, but they didn’t want to sift through all the features.
-
User valued the ability to compare features across plans
-
New users needed to read the tooltips to understand what the features were and tended to err on not needing the features they didn’t understand.
-
Users who were familiar with survey software had specific features in mind that they use in their surveys and searched for them.
Results
+5% conversion increase
The 5% increase in conversion did not affect our annual package purchases negatively. This held steady for 6 weeks and became our new default page.
Hypothesis
We hypothesized that by providing more visual clarity and comprehension across plans we could increase the conversion of unpaid users to paid users. We conducted several tests isolating layouts, feature language, the order of plans, and readability before we converged on a clear winner.
What we changed
The new pricing page was refreshed with our new brand scheme and structured with a card layout that showed the most important features in each plan. More drastically, we reduced the prominence of the free plan which did not decrease the number of users signing up for the free plan as we expected.
The comparison factor
Keeping the user studies in mind, we allowed users to compare across plans by highlighting the feature across all plans and opening a tooltip on the hover. This allowed the user to quickly see which plan the feature was offered in and they could quickly see what the feature did. This eliminated an extra click to view the tooltip.
Winning Experiment
Experiment 1
+2% conversion increase
Experiment 1 results
-18% in annual package rates
What we learned
The new card layout and refreshed look was increasing our conversion, but didn't have the desired plan package mix that we would have hoped for.
Experiment 2
Experiment 2 results
-7% conversion decrease
What we learned
In this experiment, we merged multiple elements together, adding illustrations, breaking up the content, added marketing text, and we listed features in an additive fashion.
Ex: If the user chose the Advantage plan, they would also receive features in the lower tiered plan.
We discovered in qualitative testing:
-
Users have a hard time reading the features in a left-to-right horizontal fashion
-
Users couldn't compare feature-to- feature across the plans
-
Users tended not to scroll down, which indicated that the cards were too high above the fold and there was no signifier for the user to scroll downward.
Redesigned Pricing Details Page
Results
+2.2% conversion increase
The 2.2% increase in conversion showed that users were purchasing the Advantage plan.
Pricing details redesign
Knowing that the main factor of a successful pricing page is the ability to compare, we also experimented with our pricing details page. With so many features, we kept the pricing grid because it was the best layout for seeing all the features across all plans. The goal was, again, to update the UI to match the brand, but also to provide functionality for users to easily find what they are looking for, such as collapsible sections and cleaner UI.
What we learned
After several small experiments adjusting color and copy, we finally landed on a pricing details page that converted users to paid users. We ran several rounds of user testing and discovered that the colored column on the Personal Advantage plan helped users anchor to a plan and make a choice.
Experiment: Features By Category
Experiment: Teams Additive Pricing
Experiments like the above, are examples of how small changes make big impacts on our pricing page and it's extremely important to understand our users as we improve and move our initiatives around.
