A proprietary authenticator helping banks to offer stronger product security to customers

A mockup of the Authenticator homepage

About the Interswitch Authenticator

Nigerian financial institutions prefer proprietary authenticators for transaction security over widely available ones. I designed a white-labelled authenticator that enabled these financial institutions to provide two-layer security to their customers, and an admin side product that allowed the institutions and Interswitch to manage their respective customers.

I was the sole designer on this project handling research, product design and collaborating with product management, engineering and business development.

  • Design Strategy
  • UI/UX Design
  • B2B
  • B2B2C
  • Security
  • Mobile
  • Mobile
A gif showing a code change in the authenticator
Authenticator displaying a new code for 2FA

Shaping the strategy around our customers

Although the end consumers of this product were customers of financial institutions, our primary customers were the financial institutions that acquired the product and adopted it for their security needs. As a result, our business goals, which a portion of our design strategy was shaped around, were to:

  1. Secure first sales
  2. Drive initial adoption

Securing first sales & driving initial adoption

To support the business, product and sales teams in achieving these goals, we developed the following strategies to guide design.

  1. Design for easy adoption (Financial Institutions): To make the adoption of the authenticator easier for financial institutions, we provided design guides for how the authenticator app could be adopted within the financial institution’s banking platforms
A screen flow directing banks on how to add 2FA authentication to their product
A flow suggesting to banks how they could add the 2FA option to their platforms
  1. Design for easy adoption (End Customers): Our solution had to cater well to the wide range of most financial institution’s customers
    1. UX Design: Given the broad target audience on many levels including age, tech-savyness etc., the LCD (Lowest Common Denominator) principle was adopted to ensure accessibility and usability for everyone. Designs featured similar flows and design patterns established across popular authentication apps

    2. UI Design: The design leveraged OS native components for recognition and familiarity which in turn, would aid ease of use
A mockup of the PIN, Home and Settings pages
A few page designs: Set app PIN, Home and Settings
  1. Design for client-centric visualisation: We created mockups of the product with customer's branding to aid the business/sales teams when pitching the product to potential buyers. This helped customers envision the product as their own.
A mockup of the authenticator homepage with different brandings
Authenticator Home with different branding styles
  1. Scalable customisation: We offered potential customers some individuality to assuage the worries about market uniformity that typically come with white-labelled products. We designed multiple options for select app pages.mers envision the product as their own.
Mockups of different options for the seup page
The default designs for the SDK were created in black and white for neutrality

The admin app

After the developement of the consumer app, we created an admin side product that allowed the financial institutions to manage their customers, and that allowed Interswitch to manage the financial institutions.

A mockup of the Companies page
Companies Page where Interswitch manages institutions leveraging the solution
A mockup of the Users page
Users Page for institutions to manage their customers
A mockup of the settings page
Settings page
AA mockup showing a company's details
An Interswitch user viewing a company's details