Banking and Contributions – Wealth portal, Canada Life

Timeline: June’19 – Dec’19

After launching GRS Access MVP, we prioritized the remaining features for post MVP releases. Linking bank account and contributing to savings plans were two such high priority features that needed new user experience. Building these features was a technical heavy lifting as it required infrastructure improvements and creation of new APIs. Also, because the legacy portal did not offer these features, we were starting the discovery and research work from point zero.

Great West Life company also transformed as a brand during this time. The three sister entities – Great West Life, London Life and Canada Life came together to form a unified organization – Canada Life Assurance Company.  

My role

Lead Interaction Designer

Post MVP user research

We conducted user interviews to gather generative research data and discover problems that needed to be solved. New user personas were created after feedback was analyzed.

Circle of trust exercise and voting during user research

Problem solving

This feature had two main areas that required new user experience. The feature required massive overhaul of business processes and back end systems. Mainly, the areas were:

  1. Linking user’s bank account to GRS Access
  2. Managing contributions to member’s plans

After user research, we found out that we needed to focus on two some key areas to address user’s problems:

  1. Educate users about their plans and savings
  2. Make savings flexible – allow multiple sources and methods

Persona creation

Multiple personas were created after the user research to empathize with our users and put them at the center of the process. This helped in driving decisions from the point of view of the users rather than subjective opinions.

Primary persona
Problem statement post-its during design thinking workshop

Banking

Linking a bank account with GRS Access membership account was a prerequisite to online contributions. Banking was housed in profile settings, considering that this was user’s private information and didn’t require frequent updates once set. We conducted user testing using tree test to validate housing asumptions. 

Data points and actions for banking info
Empty state – when bank account is not linked
Form to link bank account having predictive auto fill – draft version
Auto-filling /predictive inputs were proposed initially
Revised wireframe with selectable logos (buttons) of top 5 banks. Auto-filling /predictive inputs required new APIs, delaying the feature release so I revised the wireframe and put auto-fill in UX backlog
After bank is added, user gets the indication of whether the banking info is in use – through a pill component. Edit and delete actions had a few more nuanced scenarios that I was able to solve for
Warning message if pre-authorized transactions exists and user tries to update the bank account

Online bill payments

Bill payment method allowed users to add the bill payment info to their personal banking portals and start contributions through that. Although it didn’t require any massive overhaul of processes and systems, and we only needed to surface the information needed by users to do so, this had a very high business value attached.

Although this feature existed outside of the digital experience for the use but discovering it was a big challenge. I wanted users to find this information quickly so that they could focus on adding the payee details to their bank account without distraction. For this, I proposed to display the bill payment account number which was a combination of two different attributes and the payee name which was a unique code for each plan that user had, on the screen. Also, step by step guide was added to this section that educated users on how to add a payee.

Bill payment wireframe
Step by step guide screen from production environment

Contribution cards

Users needed a way to view and manage contributions. I proposed a contribution browser using card component where contributions could be managed for each plan at the account level. This required a sound understanding of the information architecture and data model of plans. Each savings plan had its own unique rues around contributions. 

Contribution cards for each plan

Pre-authorized contributions (PAC)

Users needed a digital form to start contributing through their bank accounts using direct debits. This feature required user to add a bank account first and accept an agreement. With this new addition, there was also a need to consolidate various contribution methods into a common flow under a common section.

Also, once added, there was a need to manage these contributions. Edit, delete and pause were proposed and the corresponding flows were created.

An A/B test was performed to get feedback on which concept fared better. I went with an approach which users preferred i.e. show Contribution as a link rather than an action button.

PAC CTA
PAC form
Delete PAC warning