View your Pin

Lloyds Bank Group / 2020

View PIN is an app feature where users can check their PIN while on the app.
It works for credit and debit cards.
Users can only view their PIN number when they have securely logged on.

View pin image 1

Project overview

Thanks to contactless limits, the Credit Card team began seeing increasing incorrect PIN entries for £30+ purchases.

View PIN had been considered before at LBG. An especially risk adverse Fraud and Legal team had meant those attempts failed.

Multibrand

Once all wireframes and the design of one of the brands were approved, then I had to re-skin each component and rebrand them accordingly. In this case, I started with Bank of Scotland brand guidelines and continue then with Lloyds, Halifax and MBNA.

View pin image 3

Research

"Ah, what’s my PIN number again?"
Using customer research to establish clear use cases and fend off strong opinions.
Many customers forgot their PINs at point of sale, allowing us to focus on delivering the feature in the mobile app.

Next step was to gathering the stakeholders to present the findings from the research and begin design activities.

Early sketches from the workshop discussions would go on to be used as the basis for the interaction design.

View pin image 2

My role in this
project

My role in this project was to present visuals following brand guidelines and wireframes, we released the Bank of Scotland iteration first.
I added visual noise to the PIN cover, replicating the feel of the foil that obscures the PIN when it arrives in the post.

Accessible version
If customer has Voice Over activated on their iOS device, their PIN will be read aloud, without revealing on the screen

Success

Allayed the businesses scepticism by being open and involving them throughout.

The early POC was created for the credit cards product only. Upon seeing this, senior management insisted it be applied to all brands and accounts.

The View PIN carousel will form the basis for the new native iOS and Android Card Management features.

Learning

The View PIN architecture touches many systems; A systems blueprint would’ve given me more of an idea of the different data types I had to play with.

The build got handed to a team in Edinburgh so I lost control of some aspects of the visual design during development. Being more available to the development team could’ve reduced this.

View your Pin on the go

Lloyds Bank Group / 2020

View PIN is an app feature where users can check their PIN while on the app.
It works for credit and debit cards.
Users can only view their PIN number when they have securely logged on.

View pin image 1

Project overview

Thanks to contactless limits, the Credit Card team began seeing increasing incorrect PIN entries for £30+ purchases.

View PIN had been considered before at LBG. An especially risk adverse Fraud and Legal team had meant those attempts failed.

Multibrand

Once all wireframes and the design of one of the brands were approved, then I had to re-skin each component and rebrand them accordingly. In this case, I started with Bank of Scotland brand guidelines and continue then with Lloyds, Halifax and MBNA.

View pin image 3

Research

"Ah, what’s my PIN number again?"
Using customer research to establish clear use cases and fend off strong opinions.
Many customers forgot their PINs at point of sale, allowing us to focus on delivering the feature in the mobile app.

Next step was to gathering the stakeholders to present the findings from the research and begin design activities.

Early sketches from the workshop discussions would go on to be used as the basis for the interaction design.

View pin image 2

My role in this project

My role in this project was to present visuals following brand guidelines and wireframes, we released the Bank of Scotland iteration first.
I added visual noise to the PIN cover, replicating the feel of the foil that obscures the PIN when it arrives in the post.

Accessible version

If customer has Voice Over activated on their iOS device, their PIN will be read aloud, without revealing on the screen

Success

Allayed the businesses scepticism by being open and involving them throughout.

The early POC was created for the credit cards product only. Upon seeing this, senior management insisted it be applied to all brands and accounts.

The View PIN carousel will form the basis for the new native iOS and Android Card Management features.

Learning

The View PIN architecture touches many systems; A systems blueprint would’ve given me more of an idea of the different data types I had to play with.

The build got handed to a team in Edinburgh so I lost control of some aspects of the visual design during development. Being more available to the development team could’ve reduced this.

View your Pin on the go

Lloyds Bank Group / 2020

View PIN is an app feature where users can check their PIN while on the app.
It works for credit and debit cards.
Users can only view their PIN number when they have securely logged on.

View pin image 1

Project overview

Thanks to contactless limits, the Credit Card team began seeing increasing incorrect PIN entries for £30+ purchases.

View PIN had been considered before at LBG. An especially risk adverse Fraud and Legal team had meant those attempts failed.

Multibrand

Once all wireframes and the design of one of the brands were approved, then I had to re-skin each component and rebrand them accordingly. In this case, I started with Bank of Scotland brand guidelines and continue then with Lloyds, Halifax and MBNA.

View pin image 3

Research

"Ah, what’s my PIN number again?"
Using customer research to establish clear use cases and fend off strong opinions.
Many customers forgot their PINs at point of sale, allowing us to focus on delivering the feature in the mobile app.

Next step was to gathering the stakeholders to present the findings from the research and begin design activities.

Early sketches from the workshop discussions would go on to be used as the basis for the interaction design.

View pin image 2

My role in this project

My role in this project was to present visuals following brand guidelines and wireframes, we released the Bank of Scotland iteration first.
I added visual noise to the PIN cover, replicating the feel of the foil that obscures the PIN when it arrives in the post.

Accessible version

If customer has Voice Over activated on their iOS device, their PIN will be read aloud, without revealing on the screen

Success

Allayed the businesses scepticism by being open and involving them throughout.

The early POC was created for the credit cards product only. Upon seeing this, senior management insisted it be applied to all brands and accounts.

The View PIN carousel will form the basis for the new native iOS and Android Card Management features.

Learning

The View PIN architecture touches many systems; A systems blueprint would’ve given me more of an idea of the different data types I had to play with.

The build got handed to a team in Edinburgh so I lost control of some aspects of the visual design during development. Being more available to the development team could’ve reduced this.

View your Pin on the go

Lloyds Bank Group / 2020

View PIN is an app feature where users can check their PIN while on the app.
It works for credit and debit cards.
Users can only view their PIN number when they have securely logged on.

View pin image 1

Project overview

Thanks to contactless limits, the Credit Card team began seeing increasing incorrect PIN entries for £30+ purchases.

View PIN had been considered before at LBG. An especially risk adverse Fraud and Legal team had meant those attempts failed.

Multibrand

Once all wireframes and the design of one of the brands were approved, then I had to re-skin each component and rebrand them accordingly. In this case, I started with Bank of Scotland brand guidelines and continue then with Lloyds, Halifax and MBNA.

View pin image 3

Research

"Ah, what’s my PIN number again?"
Using customer research to establish clear use cases and fend off strong opinions.
Many customers forgot their PINs at point of sale, allowing us to focus on delivering the feature in the mobile app.

Next step was to gathering the stakeholders to present the findings from the research and begin design activities.

Early sketches from the workshop discussions would go on to be used as the basis for the interaction design.

View pin image 2

My role in this project

My role in this project was to present visuals following brand guidelines and wireframes, we released the Bank of Scotland iteration first.
I added visual noise to the PIN cover, replicating the feel of the foil that obscures the PIN when it arrives in the post.

Accessible version

If customer has Voice Over activated on their iOS device, their PIN will be read aloud, without revealing on the screen

Success

Allayed the businesses scepticism by being open and involving them throughout.

The early POC was created for the credit cards product only. Upon seeing this, senior management insisted it be applied to all brands and accounts.

The View PIN carousel will form the basis for the new native iOS and Android Card Management features.

Learning

The View PIN architecture touches many systems; A systems blueprint would’ve given me more of an idea of the different data types I had to play with.

The build got handed to a team in Edinburgh so I lost control of some aspects of the visual design during development. Being more available to the development team could’ve reduced this.