Zoom Checkout Redesign
Project overview
This project focused on redesigning the Zoom checkout experience to create a more seamless and intuitive process for both new and existing users. By addressing pain points and optimizing the user journey, the goal was to enable effortless purchases of Zoom products online, ultimately driving revenue growth and increasing monthly recurring revenue (MRR). The redesign delivered significant results, boosting conversion rates of 55%.
Tool
Figma
Baymard
UserTesting
Method
Competitor Research
User Survey
Wireframe
Prototype
Role
Lead UX designer
Timeline
Jan - March 2023
Design Deliverables
Project Impact
55%
Increase in conversion rate in the first month of launch
93%
Increase in AOV (average order volume) for add-ons from $23 to $44
133%
over target for MRR (monthly recurring revenue)
Project Background
Problem
The existing Zoom checkout process was lengthy and cumbersome, making it difficult for users to configure their purchases efficiently. A lack of differentiation between user types and an ineffective upsell experience further hindered conversions. Additionally, the absence of payment options, mobile responsiveness, and a user-friendly design contributed to unnecessary friction and user drop-offs.
Solutions
The redesign streamlined the checkout process, introducing a simplified flow that tailored the experience for different user types. Key enhancements included responsive and mobile-friendly layouts, improved payment options, and a more effective upsell strategy. These changes not only reduced friction but also created a more intuitive and enjoyable purchasing experience.
Challenges
For the team, we faced tight deadlines with limited resources, requiring fast turnarounds without sacrificing quality. As a fast-growing team, the lack of an established process added complexity. For me, transitioning to a new design system and balancing management responsibilities while ensuring scalability for future buy flows were significant challenges.
Legacy Experience
Design Process
User Research
To ensure the redesign addressed user needs effectively, extensive research was conducted using both quantitative and qualitative methods. A Qualtrics survey to 50 users who recently purchased at Zoom provides direct user feedback, while collaboration with the data science team offered insights into behavioral patterns and metric measurements. This comprehensive research approach established a clear foundation for identifying pain points and areas for improvement.
Design Research
To inform design decisions, best practices were analyzed using Baymard Institute’s resources, while Mobbin offered competitive insights into industry standards. This research helped shape a more user-centered approach, ensuring the design adhered to modern usability principles and aligned with user expectations.
Concept
The initial phase of the design process focused on brainstorming and exploring early concepts for streamlining product configuration and user information collection. Multiple ideas were generated to address user pain points and improve the overall checkout experience, laying the groundwork for an intuitive and efficient flow.
Wireframes
Based on the early concepts, detailed wireframes were created to map out the user journey and establish the structure of the new checkout process. These wireframes served as a blueprint, ensuring clarity in the design approach and getting feedback from the stakeholders.
Design System
As part of the redesign, we built reusable components tailored to the checkout experience and integrated them into the global design system. These components were designed to maintain consistency, scalability, and efficiency across the product. By adding these elements to the global library, we ensured that the entire team could leverage them for future projects, streamlining workflows and fostering a cohesive design language across the platform.
QA
The final design underwent rigorous QA testing to identify and resolve any usability or technical issues. This step ensured a polished, reliable user experience that seamlessly supported both desktop and mobile platforms.
Future Iterations
To continuously optimize the checkout experience, we planned future iterations focused on data-driven improvements.
A/B testing will be conducted to evaluate the impact of design changes and refine key elements such as upsell strategies, user flows, and payment options. Additionally, incremental updates will address emerging user needs and ensure the design evolves with business objectives, maintaining a seamless and high-performing checkout process over time.
