Back

Banco Familiar

Fintech

Credit Card Redesign

We undertook the redesign of the Credit Card section to bring it in line with the bank's current vision, moving from a significantly outdated and old interface to one that is modern, intuitive, and clean.

 

The previous design suffered not only from a dated aesthetic but also from poor usability—its dense layout and confusing information architecture often left users feeling lost and unsupported. This dated experience undermined user confidence and led to a high volume of recurring Customer Support inquiries about basic tasks and card features. We recognized that for a critical product like a credit card, clarity and trust were essential design outcomes.

 

To achieve this transformation, we implemented several key changes:

 

  • A full visual overhaul that introduced a modern design language, maximizing white space and using updated typography for better scannability and reduced cognitive load.

 

  • A simplified dashboard that provides a clear hierarchy, making the current balance and minimum payment due instantly visible.

 

  • Intuitive and accessible navigation components with updated affordances, streamlining key actions like viewing statements, or making a payment.

 

  • Upfront, context-specific information integrated directly into the section to proactively answer questions and reduce the need for external help.

 

  • Improved accessibility standards (e.g., color contrast and touch targets) to ensure a high-quality experience for all users.

Before

img

After

img
img
img

Thanks for reading

Want to learn more?

Book a review

Back

Banco Familiar

Fintech

Credit Card Redesign

We undertook the redesign of the Credit Card section to bring it in line with the bank's current vision, moving from a significantly outdated and old interface to one that is modern, intuitive, and clean.

 

The previous design suffered not only from a dated aesthetic but also from poor usability—its dense layout and confusing information architecture often left users feeling lost and unsupported. This dated experience undermined user confidence and led to a high volume of recurring Customer Support inquiries about basic tasks and card features. We recognized that for a critical product like a credit card, clarity and trust were essential design outcomes.

 

To achieve this transformation, we implemented several key changes:

 

  • A full visual overhaul that introduced a modern design language, maximizing white space and using updated typography for better scannability and reduced cognitive load.

 

  • A simplified dashboard that provides a clear hierarchy, making the current balance and minimum payment due instantly visible.

 

  • Intuitive and accessible navigation components with updated affordances, streamlining key actions like viewing statements, or making a payment.

 

  • Upfront, context-specific information integrated directly into the section to proactively answer questions and reduce the need for external help.

 

  • Improved accessibility standards (e.g., color contrast and touch targets) to ensure a high-quality experience for all users.

Before

img

After

img
img
img

Thanks for reading

Want to learn more?

Book a review

Back

Banco Familiar

Fintech

Credit Card Redesign

We undertook the redesign of the Credit Card section to bring it in line with the bank's current vision, moving from a significantly outdated and old interface to one that is modern, intuitive, and clean.

 

The previous design suffered not only from a dated aesthetic but also from poor usability—its dense layout and confusing information architecture often left users feeling lost and unsupported. This dated experience undermined user confidence and led to a high volume of recurring Customer Support inquiries about basic tasks and card features. We recognized that for a critical product like a credit card, clarity and trust were essential design outcomes.

 

To achieve this transformation, we implemented several key changes:

 

  • A full visual overhaul that introduced a modern design language, maximizing white space and using updated typography for better scannability and reduced cognitive load.

 

  • A simplified dashboard that provides a clear hierarchy, making the current balance and minimum payment due instantly visible.

 

  • Intuitive and accessible navigation components with updated affordances, streamlining key actions like viewing statements, or making a payment.

 

  • Upfront, context-specific information integrated directly into the section to proactively answer questions and reduce the need for external help.

 

  • Improved accessibility standards (e.g., color contrast and touch targets) to ensure a high-quality experience for all users.

Before

img

After

img
img
img

Thanks for reading

Want to learn more?

Book a review