Selling Credit Card - Visual Design

Jun 25, 2023

Jun 25, 2023

Jun 25, 2023

Jayaprakash, Amit Sharma

Jayaprakash, Amit Sharma

Jayaprakash, Amit Sharma

Brief Description

  1. In order to effectively present the features of ZappCredit to users in an informative manner, we dedicated significant effort to this task. This presentation is an integral part of PayZapp, and we recognized the importance of making it stand out.

  2. Through numerous iterations, we aimed to ensure that our message resonates with users and successfully conveys the value of ZappCredit. For a more in-depth exploration of our designs, please refer to the Figma link provided below.

Figma link ZappCredit Card

  1. Prior to purchasing or subscribing to a credit card, users have the option to learn more about the card's features.

  2. We provide detailed explanations for each feature, covering both card features and mobile app features.

  3. This serves as a visual exercise and a way to showcase the available options.

  4. There is a chance that this page may become a landing page, so we aimed for a content-heavy rather than visually dominant single page.

  5. We explored multiple versions throughout the design process, initially leaning towards visually heavy designs.
    Constant feedback from users allowed us to gradually move towards the desired direction.

  6. Ultimately, we successfully designed the page we set out to create.

Explorations:

  1. We underwent numerous iterations to find the right direction for conveying the breadth of possibilities offered by the ZappCredit card.


  2. Initially, our designs leaned towards a visually heavy approach, incorporating mockups of real-time app screens to showcase different usage scenarios.


  3. Gradually, we transitioned towards a more content-centric page, moving away from the appearance of a startup landing page.


  4. The features were divided into two categories: card features and mobile app features.


  5. The terms and conditions section was given its own dedicated space to ensure clarity and transparency.


  6. A special emphasis was placed on highlighting the fees and charges section, offering it a separate and prominent position.

    Figma link ZappCredit Card

continue reading

PayZapp Research

Jan 10, 2021

Case study on PayZapp, UPI Payments

PayZapp Research

Jan 10, 2021

Case study on PayZapp, UPI Payments

PayZapp Research

Jan 10, 2021

Case study on PayZapp, UPI Payments

Credit Card - Market Research

Mar 6, 2021

Case study on credit cards market research

Credit Card - Market Research

Mar 6, 2021

Case study on credit cards market research

Credit Card - Market Research

Mar 6, 2021

Case study on credit cards market research

Check Balance User Research

Feb 13, 2023

Survey on how users check bank balance

Check Balance User Research

Feb 13, 2023

Survey on how users check bank balance

Check Balance User Research

Feb 13, 2023

Survey on how users check bank balance

PayZapp Usability Testing

May 15, 2021

case study of payzapp usability testing report

PayZapp Usability Testing

May 15, 2021

case study of payzapp usability testing report

PayZapp Usability Testing

May 15, 2021

case study of payzapp usability testing report

PINC analysis of payment apps

Mar 6, 2021

Dissecting visual language of payment apps

PINC analysis of payment apps

Mar 6, 2021

Dissecting visual language of payment apps

PINC analysis of payment apps

Mar 6, 2021

Dissecting visual language of payment apps

Optima Lite - Employee Benefits Usability Testing

Nov 20, 2020

Case study of Optima Lite - Employee Benefits Usability Testing

Optima Lite - Employee Benefits Usability Testing

Nov 20, 2020

Case study of Optima Lite - Employee Benefits Usability Testing

Optima Lite - Employee Benefits Usability Testing

Nov 20, 2020

Case study of Optima Lite - Employee Benefits Usability Testing

Design Sprint - A.I Chatbot for banking

Mar 12, 2019

How we used design sprint technique to our product design (A.I Chatbot for banking )

Design Sprint - A.I Chatbot for banking

Mar 12, 2019

How we used design sprint technique to our product design (A.I Chatbot for banking )

Design Sprint - A.I Chatbot for banking

Mar 12, 2019

How we used design sprint technique to our product design (A.I Chatbot for banking )

Made with love ❤️ in Framer.

Made with love ❤️ in Framer.

Made with love ❤️ in Framer.