Capital One came to my colleagues and I with the goal of creating the mobile experience for their Managed Portfolios - portfolios composed of ETFs and managed by financial advisors. Customers interact with the product very similarly to a checking or savings account and are geared for beginning investors. They wanted us to:
An app that is easy to use, straightforward, and stylish. The design utilizes visuals and common language to simplify a subject that could be intimidating, making the subject accessible to new investors.
The project was a collaboration between myself and two other team members. I was the planning and design lead.
The project was executed in a three week sprint with four stages: Research, Planning, Design, and Testing.
Capital One provided us with a trove of in-house research which we pursued further with our own user interviews and competitive analysis. Our research focused on the product's target demographic: Millennials who trust in technology and are beginner investors. The users we interviewed related that they were interested in a low maintenance product to grow extra income over time for specific goals. Common financial goals were retirement, saving for an emergency fund, saving for travel, and owning a home.
From our research we created an affinity diagram and persona hypothesis to drive the design.
As the planning lead I created a sitemap and user flow diagram. We decided that all the summary information would be in three pages accessible by swiping left or right from the home screen. The most important summary information, the information that would be all the user needed 90% of the time, would be on the home screen.
With the research and planning phase complete our team met to sketch out and combine ideas with timeboxed design studios.
Our first test and iteration was done with a paper prototype. Insights from those tests were iterated upon in our wireframes.
These improvements were implemented first in a low-fidelity wireframe made in Sketch and an interactive mobile prototype in InVision.
Further iterations from the low-fidelity wireframe tests were incorporated into a high-fidelity mock-up.
As an example of our iterative process, below are four versions of the Talk to a Financial Advisor screen. We separated the user's advisors and indicated their availability, then included a customer service number, and gave customers an exit.
We created an app that is easy to use, straightforward, and stylish. The design utilizes visuals and common language to simplify a subject that could be intimidating, making the subject accessible to new investors. Users can easily add to their investment or make use of the gains they've made, and they can easily get in touch with their advisor with any questions they have.