Franklin Templeton Investments App Redesign


Franklin Templeton Investments provides consumer and business banking to over 400+ banks and credit unions. It’s white-label application allows financial institutions to customise their mobile and web interfaces based on their branding and feature-specific banking needs . Over time, its user base grew and the existing experience couldn’t handle the demands for additional features upon user login. In 2020, we set out to redesign the product to improve the load time post-login experience and provide users access to their most-used financial information features.


Market + user research, usability testing, lo/hi-fidelity design


3 designers, 1 product manager, 6 engineers


6 months from conception to production


Adobe XD, Balsamiq, Mural, Jira + Confluence, UserTesting


Competitor Research

The first step in our design process was to complete a competitor analysis of our direct SaaS competitors and leading financial institutions. The main goal was to highlight existing strengths and weaknesses within our product to aid us in making informed decisions during the next stage of the redesign.

Key Findings:

🖱 White-label apps with no customisations

Other SaaS providers used generic templates that only allowed for branding changes.

📱 Quick Action Widgets

Shortcut allows users to access their most-used banking actions (i.e transfers and bill pay) without leaving the dashboard view.

🖥 Dashboards customisation based bank and user preferences

During onboarding, users were given options to customise their dashboard according to their financial needs.

🏦  Detailed transaction information

User accounts included geo-location services and search & filter options when viewing a transaction.

User Research Process


Persona Synthesis

Once the user interviews were completed, we needed to analyse our data by conducting a persona synthesis. This allowed us to rank each user against several attributes based on behaviour and attitude, to determine which users had similar attribute rankings and discover common traits among them.

Key Findings:

🏦 Users had an average of 3 bank accounts

Users who had five or more accounts were the ones who shared joint accounts with family members.

💰 Checking and Savings are the most popular account types

All users interviewed had both checking and savings accounts.

📲 Transfer is the most-used feature

Users primarily used our banking app to transfer money and to check their account balances.

👫  Load time and missing functionality are issues

Users often compared our banking app with other finance apps they use daily such as Paypal and Venmo.

User Personas

After conducting the persona synthesis, we had enough data to start crafting our consumer end-user personas. These personas were referenced throughout the redesign in order to guide our design decisions moving forward.

Example of one of the three user personas we created


Rough Sketches

Lo-Fi Wireframes

 Changes Made:

  • Quick action placement either inside account card or as a separate widget

  • Reduced number of accounts in view on both mobile and web

  • Widgets are now in view by reducing the number of accounts shown upon login

User Testing Round 1: Unmoderated A/B Testing

Once the team had two solid ideas for the dashboard interface, it was time to test them out with real users. We conducted A/B testing with 10 users within the UserTesting platform. The main goal was to determine which dashboard layout was the most intuitive for users and to test the discoverability of a swipe-able vs a vertical scroll interface.

User Testing Round 2: Moderated Testing

Based on our findings, we made refinements and now it was time to test the dashboard and account interfaces. I helped my team lead write out a test plan and script to use with the 10 participants inside the UserTesting platform. The tasks asked were primarily focused on navigating from the dashboard into a specific account and seeing if users understood the new interface by having them search and view transaction details.

Key Findings:

  • 70% of users were able to navigate from the dashboard to the accounts screen.

  • 30% of users used the sidebar to navigate to their accounts.

  • 70% of users tapped on the “view all accounts” button to view the rest of their accounts.

  • 80% of users found the top colour line on the accounts card, “an easy way to differentiate between my different account types.”

  • 80% of users found the transaction chips on the account cards screen made no sense because they knew if they expected to view their account transactions by tapping on the account card.

  • 70% of users asked why there was an option to copy and paste their account information.

  • 80% of users said the overall flow was “easy to navigate.”



Web Final Designs


For this redesign, we worked with two financial institutions to beta test the new version of the app and they are currently live in production.


One bank has 12K downloads with an App Store Rating of 4.6 stars.

20+ financial institutions are now under new contract to have receive new app





Next Steps

Our team would like to complete more testing with users who have had both app versions and to create additional widgets for the dashboard interface. We will also look at future UI and UX enhancements throughout the rest of the application including our biggest feature — money transfer workflows during phase two of the redesign.