How payment works
To get started with hosting webinars as a premium customer, we want to make the payment process fluently. Find out how we made tweaks to the process before a lead becomes a paid customer.
![Payment and Subscription Header.jpg](https://static.wixstatic.com/media/f196ba_6d4e31d00ce1426fb7581498c1ff8477~mv2.jpg/v1/fill/w_1092,h_596,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Payment%20and%20Subscription%20Header.jpg)
Overview
As WebinarGeek claimed to be easy-to-use, we want leads to experience the same slogan during the payment process and managing their subscription.
I was the main Product Designer working on this improvement in August 2021 with a team of two engineers and a product manager.
![Subscription overview.jpg](https://static.wixstatic.com/media/f196ba_128d1195783740dfb778e0f2aa490f2d~mv2.jpg/v1/fill/w_979,h_534,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Subscription%20overview.jpg)
An improved overview of the subscription
The Problem
WebinarGeek interacts directly with customers via the live chat on weekly basis. Many incoming questions from lead as well as customers concerning information about the subscription along with the management of the plan.
As result, new leads often gets confused how the subscriptions works that causes them looking into other webinar solutions. In addition, existing customers had difficulties with changing plans, managing add-ons or payment information.
Accordingly, it meant making changes to the way the payment process and management has worked from the start.
![Feedforward-billingcyle.jpg](https://static.wixstatic.com/media/f196ba_f0df257e58f141859cc65d351613647d~mv2.jpg/v1/fill/w_980,h_535,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Feedforward-billingcyle.jpg)
Enhanced the experience with new components
Pay is a crucial aspect of any job but it can also be technically complex. The most difficult part about designing this feature was the technical limitations how the payment structure was set up with from the start.
Instead of starting a big T-shirt project, the team decided to keep this initiative compact enough to make big impact for users. To maintain the slogan 'easy-to-use' with leads and customers, we used concise copy and clear visuals to help them understand what was happening at each step and to guide them resolve any obstacles.
Goals
For User
Our solution should help the leads to get on board safely, easy management of their subscription.
For Business
Increase the conversion rate from lead to paid customer and to decrease incoming questions about subscription and payment.
For Product
Keeping the same payment structure we have and avoid making big technical changes. Our solution should help the leads to get on board quick and easy as possible but to also keep the same payment structure we have.
Research
Determined to make the payment process smoother than before, we analyzed incoming feedback from leads and customers in Intercom (live chat tool) to have an understanding how the experience has been so far. Along with conducting quick remote user testing with iterations based on feedback, focused on the next principles:
1. Control & Accessibility
2. Easy to use
![New payment-explanation.jpg](https://static.wixstatic.com/media/f196ba_d1624699550c4b8ebd2ceb54bb6ba2b4~mv2.jpg/v1/fill/w_980,h_535,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/New%20payment-explanation.jpg)
First time to get a paid subscription
The team mainly focused on the editor where the user can control the content, branding and channel settings. The structure emplacement of every manageable information was crucial. Complex challenges like this were among several identified during user testing sessions and validating this and other solutions before implementation was the key to setting a new basis for the feature.
The interactions we mainly focused on were repetitive feedforward throughout the payment process and the subscription overview to have a better understanding how the payment and billing structure works. To surpass the experience improvement, we validated solutions including information emplacement and visuals.
How it works
From trial to paid subscription
In the previous version, people often get confused regarding the billing cycle due to the toggle component in the pricing table. For that reason, we made each step of the product selection accessible and clear enough for users to understand. From selecting an option, and customizing the subscription to the billing cycle.
![Trial to paid subscription.jpg](https://static.wixstatic.com/media/f196ba_978f73477ab14781b85826c7b7d35652~mv2.jpg/v1/fill/w_977,h_715,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Trial%20to%20paid%20subscription.jpg)
Billing cycle
Increment questions about the billing cycle were one of the confusion the users were challenged by. Following the range of our customers have different levels of technical understanding, hence we chose clear buttons and cohesive words to differ the billing cycle on visual and verbal levels.
![Billing cycle.jpg](https://static.wixstatic.com/media/f196ba_9b2fdff7011d455a800546c3c89c8d79~mv2.jpg/v1/fill/w_977,h_550,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Billing%20cycle.jpg)
Summary of the payment
Historically, no insight information was shown concerning how the total amount was set up. As result, customer support was overwhelmed by incoming questions to acquire that insight information. In addition, informing about the auto-renewal of the subscription is crucial during the checkout.
![Summary of payment.jpg](https://static.wixstatic.com/media/f196ba_1652744ecc6f4d5cbf192505eb912d17~mv2.jpg/v1/fill/w_977,h_550,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Summary%20of%20payment.jpg)
Current plan overview
Previously, users don't a clear insight into how the subscription has been built up. Although existing customers often customize their plans based on their business needs.
![Plan overview.jpg](https://static.wixstatic.com/media/f196ba_c56a69b83f3b42de96a9aaf52b38b0c0~mv2.jpg/v1/fill/w_977,h_550,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Plan%20overview.jpg)
Changing subscription in account
![Changing subscription in account.jpg](https://static.wixstatic.com/media/f196ba_45becdaad2ed405bab7b76ef3072d343~mv2.jpg/v1/fill/w_977,h_550,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Changing%20subscription%20in%20account.jpg)
Discover the overview of pricing table here (similar like in-app):
![arrow.png](https://static.wixstatic.com/media/f196ba_e2ec4495c7884373addf2930c29519e4~mv2.png/v1/fill/w_36,h_15,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/arrow.png)
Results
Ensuing the new update of the payment process a decrease in questions in general. The impact was to also take away the workload for the Customer Support team.
We slowly created a value of having a flexible subscription structure that attracts new customers as well as keeps the retention rate high. As result, we managed to achieve a conversion rate of 16% more than before.