Payments on WhatsApp

Payments on WhatsApp

Payments on WhatsApp

Razorpay Rize

Razorpay Rize

2024

2024

Company

Company

Company

Razorpay Software

Private Limited

Services

Landing Page Design

Brand Identity

Industry

Fintech

Scope of work

Visual Design

UX/UI

Services

Services

UX/ UI Design

Graphic Design

Industry

Industry

Fintech

Community

Scope of work

Scope of work

Landing Page Design

Brochure Design

Summary

Summary

Summary

Razorpay Payments on WhatsApp allows businesses to accept payments seamlessly via WhatsApp by sharing secure payment links. Customers can complete transactions using various methods like UPI, cards, and wallets, with real-time updates on payment status.


This feature is ideal for small businesses and service providers, offering a convenient and conversational way to collect payments.

Timeline

Timeline

Timeline

1.5 months

Check out the Live Link here!

Team

Team

Team

Akanksha Bawa, Product Manager

Ritika Prakash, Senior Brand Manager

My Role

My Role

My Role

Senior Communication Designer-

Branding, Web Design, UX Design

Highlights

Highlights

Highlights

Landing page design for Razorpay Payments on WhatsApp, and Industry Specific Brochure Design.

Landing page design for Razorpay Payments on WhatsApp, and Industry Specific Brochure Design.

Landing page design for Razorpay Payments on WhatsApp, and Industry Specific Brochure Design.

Introduction

Introduction

Introduction

As part of Razorpay Payments on WhatsApp, I created a Landing Page and visually striking brochures for Razorpay Payments on WhatsApp, where it’s shown how WhatsApp commerce was revolutionised for various brands which would ensure that businesses could engage with customers on WhatsApp and accept payments inside the same chat thread.

Key Contribution

Key Contribution

Key Contribution

Design a Landing Page

Design a Landing Page

Design a Landing Page

To craft an engaging and intuitive landing page that effectively communicates the benefits of Payments on WhatsApp, highlights key features, and drives business adoption. The design needed to balance technical details with an approachable, user-friendly narrative to cater to a diverse audience.

Develop Industry Specific Brochures

Develop Industry Specific Brochures

Develop Industry Specific Brochures

To design visually appealing and targeted brochures for the sales team, tailored to industries like retail, healthcare, education, and freelancing. These brochures were intended to showcase industry-specific use cases and the unique advantages of the feature, providing sales representatives with a compelling tool to engage potential clients.

Getting Started

Getting Started

Getting Started

What is Razorpay Payments on WhatsApp?

What is Razorpay Payments on WhatsApp?

What is Razorpay Payments on WhatsApp?

Razorpay offers a feature called Payments on WhatsApp, which enables businesses to accept payments directly through WhatsApp using Razorpay's payment infrastructure.

Problem Statement

Problem Statement

Problem Statement

With the growing adoption of conversational commerce, businesses increasingly rely on platforms like WhatsApp to engage with customers. However, they face challenges in seamlessly integrating payment solutions into this conversational experience. Razorpay aims to address this gap by enabling Payments on WhatsApp, empowering businesses to collect payments efficiently while enhancing customer convenience.

With the growing adoption of conversational commerce, businesses increasingly rely on platforms like WhatsApp to engage with customers. However, they face challenges in seamlessly integrating payment solutions into this conversational experience. Razorpay aims to address this gap by enabling Payments on WhatsApp, empowering businesses to collect payments efficiently while enhancing customer convenience.

With the growing adoption of conversational commerce, businesses increasingly rely on platforms like WhatsApp to engage with customers. However, they face challenges in seamlessly integrating payment solutions into this conversational experience. Razorpay aims to address this gap by enabling Payments on WhatsApp, empowering businesses to collect payments efficiently while enhancing customer convenience.

Visual Identity

Visual Identity

Visual Identity

Look and feel

Look and feel

Look and Feel

The visual identity for this project was crafted to align with Razorpay’s brand values while establishing a connection to the WhatsApp ecosystem. I used a vibrant blue (#305EFF) to convey trust and professionalism, paired with a dynamic green (#00BE6F) that resonates with WhatsApp’s signature green. This combination created a cohesive and modern look, emphasizing innovation and reliability while ensuring visual synergy with the platform the product is built for.

Landing Page for Razorpay Payments on WhatsApp

Landing Page for Razorpay Payments on WhatsApp

Landing Page Design

Detailed Wireframing for Clarity and Structure

Detailed Wireframing for Clarity and Structure

I began with a structured wireframing process to define the layout and flow of the landing page. This ensured that all key elements, such as product features, benefits, and call-to-action sections, were strategically placed to guide users seamlessly through the page. The wireframes provided a solid foundation for design iterations and stakeholder feedback.

Landing Page Design

Perfect Set of Components

Razorpay and WhatsApp Resonance

Razorpay and WhatsApp Resonance

Razorpay and WhatsApp Resonance

To create a cohesive visual identity, I finalized a color palette that balanced Razorpay’s trusted blue (#305EFF) with a green (#00BE6F) inspired by WhatsApp’s branding. This thoughtful choice established a strong connection between the product and the platform while maintaining Razorpay’s professional and innovative image.

Custom UI Components and Illustrations

Custom UI Components and Illustrations

Custom UI Components and Illustrations

I designed bespoke UI components and illustrations tailored to highlight various use cases for Payments on WhatsApp. These visuals not only enhanced the storytelling but also provided clarity on how the feature benefits specific industries, making the page more engaging and relevant to a diverse audience.

User-Friendly Experience with Attention to Detail

User-Friendly Experience with Attention to Detail

User-Friendly Experience with Attention to Detail

By focusing on intuitive navigation, consistent spacing, and polished typography, I ensured a user-friendly experience that maintained quality and finesse. Every element was carefully refined to strike the right balance between aesthetics and functionality, resulting in a landing page that was both visually appealing and easy to use.

Banners & Billboards

Banners & Billboards

Brochure Design

Brochure Design

Brand Consistency

Brand Consistency

Brand Consistency

To ensure alignment with the WhatsApp brand, I used a green-themed design throughout the brochures and landing page. This not only maintained brand resonance but also provided a cohesive look and feel across all assets.

Visual Balance

Visual Balance

Visual Balance

I carefully curated a blend of human imagery, UI screens, and MidJourney-generated images, striking the right balance for optimal composition. This approach enhanced the visual appeal while also clearly explaining the products and their use cases.

Visual Impact

Visual Impact

Visual Impact

To present the UI screens effectively, I used high-quality mockups that showcased them in a visually striking manner. Fresh color palettes and subtle shadow effects were applied to elevate the overall appearance and ensure the UI screens stood out.

Impact

Impact

Awareness

Awareness

Awareness

Increased awareness of Razorpay's WhatsApp payment solution

Lead Generation

Lead Generation

Lead Generation

Generated 140+ leads for the Enterprise and Banking team

Check out the Live Link here!

Check out the

Live Link here!

That's it! Hop on to the next one!

That's it! Hop on to the next one!

That's it! Hop on to the next one!

Community Landing Page Thumbnail

Rize Community Page

2024

Rize D2C+ Thumbnail

Rize D2C+

2024

Made with ❤️, pixels & snacks

©

Adreesh Sen

Rize Community Page

2024

Community Landing Page Thumbnail
Community Landing Page Thumbnail

Rize D2C+

2024

Rize D2C+ Thumbnail
Rize D2C+ Thumbnail

Made with ❤️, pixels & snacks

©

Adreesh Sen

Made with ❤️, pixels & snacks

©

Adreesh Sen

Rize D2C+

2024

Rize D2C+ Thumbnail
Rize D2C+ Thumbnail

Rize Community Page

2024

Community Landing Page Thumbnail
Community Landing Page Thumbnail

Made with ❤️, pixels & snacks

©

Adreesh Sen

Made with ❤️, pixels & snacks

©

Adreesh Sen