Electronic Personal Financial Review (ePFR) Application
An app for Financial Advisors to conduct Financial Reviews with their Clients
Client
PhillipCapital
Project scope
2 months
Tools
Figma
Role
Wireframing
Design system
Design Mockup
Usability testing
Overview
The Electronic Personal Financial Review is an online form that PhillipCapital's Financial Advisors uses to calculate their client's financial goals while recommending financial products to them. This form is used whenever Financial Advisors meet new potential clients (leads) anytime, anywhere.
The Problem
Having the need to have a laptop to access the ePFR form online whenever a Financial Advisor meets their potential client is troublesome and not very efficient. In addition, the form looks outdated and not user friendly for Financial Advisors to use.
Our Solution
We created an app that allows users to access in Tablets or on mobile phones to increase accessibility whenever there is a need to present to their clients. The ePFR form will have an updated user interface to increase user friendliness in navigating through the form. This is allow users to complete the form in a faster and more efficient way.
Our High Level goals are:
-
To make the app easy to use and intuitive for wide age range of users (Financial Advisors)
-
To design a content heavy form into a visually appealing app for users
Initial Research and Ideation phrase
A focus group was conducted to gather users feedback and requirements on the redesign of the ePFR design. Based on the users feedback on their pain points and feedback, I came up with the persona below
After wireframing, I developed the UI components of the app and started to design the high Fi mock up for our business users and users to test on.
Short Onboarding for First time users
As users will be new to this app and the new ePFR process flow, I added in a short onboarding tutorial for first time users where the tutorial will introduce the features and functions of the app.
During the initial usability testing, this issue was raised as users was unfamiliar with the flow and functions of the app. This resulted in introducing an onboarding tutorial before users begin their ePFR process in the app . This greatly helps users in navigating through the app with ease and confidence as resulted in later usability testing.
Categories and Progress Bar
The entire ePFR process is organised into categories for users to easier identify which part of the process the user is at. Users are also able to jump into categories and able to edit any information as needed
I provided a progress bar at every category to allow users to identify the progress they are at in every category. This ensures they know how long it will take to complete the respective categories.
Toast Messages
As data entered in the process is tedious, any deletion of data by accident will be a pain to re-enter the information again and a waste of time, By providing alert messages and toast messages for any deletion of data to ensure users can revert or undo their action will help them in any accidental deletion of data
This issue was raised in the user testing as any re-entering of data collected from the client is a waste of time for users especially if the user is physically with the client. This may not sit well with clients and users will find it troublesome to re-enter the data again.
Introducing Digital Signing
To ensure the entire process is digitalised, I introduce digital signature and confirmation for users and client.
Our next step is to allow remote signing where our users (Financial Advisors) are able to present to their clients practically anywhere, at any time to validate and approve the ePFR document.
App features after 2 rounds of usability testing
Next Steps
My next steps will be to continue to do more user testing on the product to gather more feedback. In the future, we would like to be able to link our leads management platform to this app, where any new leads can be added into the user's potential client list.
Project Screenshots
"Shawn, a Financial Advisor who regularly meets potential clients every week needs to have easy access to the ePFR system with no technical glitches affecting the ePFR process"
Wireframing
Once the requirements have been gathered, I went through the entire existing ePFR process online and started to organise the content and process into categories. Next, I carried out a card sorting exercise with users to ensure the category names made sense to the users
After determining the categories, I started to draw up the user flow of the entire ePFR process in the app. Once the user flow is done, I worked on wireframing the design of the app.