Holly Rankin Design
Visualizing a modern Vanquis

Vanquis Bank

Vanquis Bank is a British bank that has 3 million customers across the UK.  Vanquis is the only dedicated specialist ‘low and grow’ credit card issuer in the UK credit card market. Vanquis Bank is part of the Provident Financial Group which was founded more than 130 years ago. 

Before engaging with Vanquis, the brand lacked a strong visual and written voice. Working with Vanquis Bank involved clearly defining the brand, a complete UX reflow, and UI design. The timeline did not enable a lengthy full rebrand, so a brand refresh was in order.

SERVICES
Brand refresh
UX
UI

Visualizing a modern Vanquis

Visualizing a modern Vanquis

I leveraged the existing colours from the Vanquis color palette, but simplified and amplified the hues to keep the brand more decisive and finance-leaning. 

After exploring various directions of the homepage, a modern experimental direction was chosen where the "V" from Vanquis was used as a design element. This "V" would also be translated into triangles and created more dynamic and energetic layouts. 

Flat color with a slight gradient, a clean geometric layout, and a new headline typeface were introduce to satisfy Vanquis's hopes to become a more modern brand and attract users who appreciate that aesthetic. 

DESIGN APPROACH

DESIGN APPROACH

Vanquis Bank supports a fresh approach to banking and wanted their site to reflect that. They loved "V" on the homepage, but requested that things become more straight on the subsequent pages. This set the style guide for future collatoral: use of the triangular layout when playfulness is appropriate, and deger to the grid layout for more formal content. 

process.jpg
Understanding the content & data

Understanding the content & data

Designing the Vanquis site required significant research on how they approach content and data. With numerous duplisate and dead links, and lack of strong hierarchy, the website required some content TLC before the redesign. Many conversations led to a prioritization on content for the Vanquis customer journey. 

aboutus.jpg
designing for flexibility

designing for flexibility

Vanquis requested the content be designed to expand & contract, or mix & match. This would allow them to create pages in the future easily. This request made it important for all the content work together in any scenario. 

productscarousel.jpg
product description.jpg
animations

animations

A series of animations were organized to elevate the quality of the site and direct user attention. Parallax scroll is used on image where it can be utilized. Taking advantage of the playful icons, the icons would "draw" and animate in. For example, a flag would wave in the air. This set of interactions created more visual interest, drove UX principles, and create a more polished web experience for Vanquis Bank. 

navigation.jpg
wires.jpg
phone-wires.jpg
Conclusion

Conclusion

Vanquis Bank was a pleasure to work with and were very pleased with the brand and website progess. It is always fulfilling to work with clients who are very open to new ideas, approaches, and treatments. I hope to continue to partner with Vanquis Bank during their rebrand progression.