PARTNERSHIP LANDING PAGE
Unleash the power of the Partner Page via redesign
📋 About
To revamp and enhance the Partner Page so that it contains useful and updated information that enables every visitor to reach Sign Up while providing them an overall seamless experience
📱Status
Design 3.0 is live
🙋My Role & Team
1 Product Designer, 1 Illustrator. I collaborated with the PMs to understand reasons and impact for revamp, stories, and framework supporting it.
⏳Duration
1 Month of Designing
What is the Razorpay Partnership program all about?
It’s a distribution and referral channel where anyone could become our partner and if they happen to bring in successful transacting merchants they earn referral bonuses and lifelong commissions.
What does the existing experience look like?
The primary objective is to create a compelling landing page that not only provides useful and up-to-date information but also motivates every visitor to sign up as a partner. Additionally, the revamped page should facilitate a seamless onboarding process, ensuring an overall exceptional experience. To achieve this, we will focus on the following key areas:
1. Information Enhancement:
We will thoroughly review and update the content on the Partner Page, ensuring that it contains comprehensive and relevant information. This will eliminate any ambiguity and clearly highlight the benefits and features of becoming a partner.
3. Partner Types Differentiation:
A major miss on the current page is a clear explanation of the different partner types. Aim to provide comprehensive details and highlight the unique features and benefits of each partner type. This will help potential partners make informed decisions.
2. CTAs and Conversion Optimization:
To strategically place prominent CTAs throughout the page, guiding visitors toward the desired actions of signing up. By optimizing the conversion elements, we aim to improve the overall conversion rate and maximize the number of successful sign-ups.
Phases of creation
The landing page revamp has divided into three significant stages. We iterated and on multiple fronts to reach to the best possible solution.
Identifying Opportunity Spaces
By analyzing engagement metrics, and industry best practices, we identified key areas for improvement on the Partner Page, uncovering untapped potential and addressing user pain points to enhance the overall user experience.
Prioritizing sequence of folds and defining the structure
We performed an internal card sorting exercise to decide the fold prioritization against the number of users that reach the fold defined by the Hotjar analysis.
Visual Elements
FINAL DESIGN
Final landing page comprises of new fold introduced with 3D illustrations added for experimenting
Landing Page Design 3.0
Prototype displaying the entire user journey from announcement screen, referral screen to earning screen.
1. First Fold: Revamped the entire first fold to make the Illustration, Copy, and branding more Partner centric. Moved to a more holistic hero Illustration, as compared to the previous one which only catered to a section of our Partners.
2. Add more about Benefits: Our partners have always wanted us to be more explicit about the commissions and rewards. So we did it. Highlighted all the Benefits and monetary gains a partner would get.
3. Refer the entire Razopay suite: With the inception of Partnership for X, it became imperative for us to share that partners can now also refer for Banking not just Payments.
4. Branding for Partnership: We explored a new visual language unique to Partnership, which can sit as a subset within the Razorpay Ecosystem. The darker blues are changed to more striking/ refreshing ultramarines, & an accent yellow is introduced, as a nod to rewards & winnings. Abstract vector illustrations are used to denote the lucrative benefits of the program. A recurring indication of hands denotes a symbiotic relationship, also attempting to humanize the program.
Mobile Web Experience
Project Impact
Sign up rate almost Doubled
Addressing user pain points & identifying a clear hierarchy enabled users to understand the offerings, minimizing confusion. The sign-ups rose from 3.5% to 6.1% on desktop and from 4% to 7.1% on mobile.
More people initiated the Signup process
Clear CTAs and thoughtful placements helped in getting more signup initiations. There was a 6 pp increase on the desktop from 14% to 20% on desktop and a 5 pp increase on mobile from 21% to 26%.