corporate credit card (Razorpay)

corporate credit card (Razorpay)

corporate credit card (Razorpay)

Revamping the website of a fintech product

Revamping the website of a fintech product

Revamping the website of a fintech product

UI/UX, brand system, motion design,

UI/UX, brand system, motion design,

UI/UX, brand system, motion design,

How might a refreshed website and a refined visual language enhance customer engagement and acquisition?

How might a refreshed website and a refined visual language enhance customer engagement and acquisition?

How might a refreshed website and a refined visual language enhance customer engagement and acquisition?

Web Design for Corporate Credit Card was a project focused on developing a cohesive visual system and website for Razorpay’s only physical product, the Corporate Credit Card.

The key challenge was to design a web experience that could appeal to a broader audience as the product transitioned to an open market offering, while simultaneously establishing a distinct yet consistent visual identity for the Corporate Credit Card.



Reasons for revamp


  • Introduce the new card and dashboard design

  • To make navigation easier for customers

  • To make client logos more visible and add social proofing like tweets.

  • Make it interactive

  • To pivot to a different positioning all together with focus on simplify and save messaging

  • Customer acquisition from open market (SMEs and Mid market customers)

Web Design for Corporate Credit Card was a project focused on developing a cohesive visual system and website for Razorpay’s only physical product, the Corporate Credit Card.

The key challenge was to design a web experience that could appeal to a broader audience as the product transitioned to an open market offering, while simultaneously establishing a distinct yet consistent visual identity for the Corporate Credit Card.



Reasons for revamp


  • Introduce the new card and dashboard design

  • To make navigation easier for customers

  • To make client logos more visible and add social proofing like tweets.

  • Make it interactive

  • To pivot to a different positioning all together with focus on simplify and save messaging

  • Customer acquisition from open market (SMEs and Mid market customers)

Web Design for Corporate Credit Card was a project focused on developing a cohesive visual system and website for Razorpay’s only physical product, the Corporate Credit Card.

The key challenge was to design a web experience that could appeal to a broader audience as the product transitioned to an open market offering, while simultaneously establishing a distinct yet consistent visual identity for the Corporate Credit Card.



Reasons for revamp


  • Introduce the new card and dashboard design

  • To make navigation easier for customers

  • To make client logos more visible and add social proofing like tweets.

  • Make it interactive

  • To pivot to a different positioning all together with focus on simplify and save messaging

  • Customer acquisition from open market (SMEs and Mid market customers)

Research

Research

Research

Users:


The main target audience for the cards varied from Small-Medium sized Enterprises (SMEs) to established Mid-Market Companies that are established.

  • The SMEs consist of 69% of current users and major categories were from e-commerce and IT.

  • The new startups consist of 21% of the users and are afraid of taking risks.

  • The mid-market startups consist of 3% of current users. The major categories are e-commerce and D2C companies



Competitive landscape:


The direct competitors focus exclusively on one of the cohorts but CCC offering differs as we give collateral-free cards also to SMEs. The three strongest competitors are Kodo, Karbon and Enkash. All three start with strong social proofing and names of renowned users and end with rewards.

Users:


The main target audience for the cards varied from Small-Medium sized Enterprises (SMEs) to established Mid-Market Companies that are established.

  • The SMEs consist of 69% of current users and major categories were from e-commerce and IT.

  • The new startups consist of 21% of the users and are afraid of taking risks.

  • The mid-market startups consist of 3% of current users. The major categories are e-commerce and D2C companies


Competitive landscape:


The direct competitors focus exclusively on one of the cohorts but CCC offering differs as we give collateral-free cards also to SMEs. The three strongest competitors are Kodo, Karbon and Enkash. All three start with strong social proofing and names of renowned users and end with rewards.

Users:


The main target audience for the cards varied from Small-Medium sized Enterprises (SMEs) to established Mid-Market Companies that are established.

  • The SMEs consist of 69% of current users and major categories were from e-commerce and IT.

  • The new startups consist of 21% of the users and are afraid of taking risks.

  • The mid-market startups consist of 3% of current users. The major categories are e-commerce and D2C companies


Competitive landscape:


The direct competitors focus exclusively on one of the cohorts but CCC offering differs as we give collateral-free cards also to SMEs. The three strongest competitors are Kodo, Karbon and Enkash. All three start with strong social proofing and names of renowned users and end with rewards.

Review of old design:


After discussions with key stakeholders, I conducted a comprehensive review of the existing website to identify design, heuristic, and usability issues analyzing it from both a designer’s and a first-time user’s perspective.

Review of old design:


After discussions with key stakeholders, I conducted a comprehensive review of the existing website to identify design, heuristic, and usability issues analyzing it from both a designer’s and a first-time user’s perspective.

Review of old design:


After discussions with key stakeholders, I conducted a comprehensive review of the existing website to identify design, heuristic, and usability issues analyzing it from both a designer’s and a first-time user’s perspective.

Design system

Design system

Design system

The most crucial aspect of the project was developing a unique design system, one that was experimental yet seamlessly aligned with Razorpay’s existing design language.


Modern, Sleek, Futuristic

The most crucial aspect of the project was developing a unique design system, one that was experimental yet seamlessly aligned with Razorpay’s existing design language.


Modern, Sleek, Futuristic

The most crucial aspect of the project was developing a unique design system, one that was experimental yet seamlessly aligned with Razorpay’s existing design language.


Modern, Sleek, Futuristic

Final Design

Final Design

Final Design

The main aim was to make it as concise and comprehensive as possible. The content was constantly modified to fit into the design and a proper grid system was introduced to create uniformity in the webpage.

The main aim was to make it as concise and comprehensive as possible. The content was constantly modified to fit into the design and a proper grid system was introduced to create uniformity in the webpage.

The main aim was to make it as concise and comprehensive as possible. The content was constantly modified to fit into the design and a proper grid system was introduced to create uniformity in the webpage.

Softwares used:

Softwares used:

Figma
After Effects

Figma
After Effects

Figma
After Effects