Mockup image of investment app designed in Figma

Investr

Summary

To the average person, the thought of investing can feel overwhelming. Many people believe it's time-consuming, risky, and complicated. 

Investr is an app that I designed during a design sprint that makes it easy to invest regularly and continuously. This app allows users to create an investment schedule, defining the amount and frequency of the investment, and the app manages the rest by pulling the money from your bank account and putting it into your selected investments. The app was designed with an intuitive flow, and simplified language, making it perceptible to all, and accessible to even the most inexperienced investors.

Role

UX Design
Sketching
Prototyping
User Testing

Deliverables

Personas
Empathy Maps
Journey Maps
User Flows
Paper Prototypes
Wireframes
Lofi Prototype
User Testing

Tools

Figma
Adobe XD

Problem

People don’t have the time or knowledge to develop an investment strategy and invest their money regularly.

Audience

Passive investors. These are people who do not already have a deep understanding of investing and do not have time to actively invest. They know they should be setting their money aside, but they don’t know what to do or where to begin, and they don’t have the time or interest in learning.

Solution

Investr is an app that allows users to create an investment schedule by allowing users to define the amount and frequency of their investment. The app then manages the rest by automatically pulling the money from your bank account and putting it into your selected investments.

This app makes investing quick and easy. Users are walked through the process of setting up an investment and are given growth strategies to chose from.

The app was designed with an intuitive flow, and simplified language, making it perceptible to all, and accessible to even the most inexperienced investors.

Gif of a recipe app designed in Figma

Process

Discovery and Research

This app was designed as part of a design sprint, so I couldn’t conduct interviews to learn more about the user. Instead, I interviewed my client to learn more about users and the user experience. I used the information my client provided to build my user personas, empathy maps, and user journeys. I found that users of this app are people who don’t really have time for active investing. They want a set and forget scenario, where they can simply set their investment up to be pulled from their account as often as they want, and that money is automatically invested. That way it requires minimal effort, and they don’t have to remember to do it every month, or every time they are paid.

Persona Image for Investment Case Study

Bio

Ben S is an outgoing guy who likes to spend time with his friends, travel, and experience new things. He especially loves trying new restaurants with his friends. He’s been a construction manager for the last 7 years at a company in San Francisco, CA. Ben is charming and likable and extremely social. He likes to stay active as much as possible by spending time outside, playing sports, hiking, or riding his bike. 

Motivations

Ben wants a way to set his money aside for savings and long-term investments. He knows he should be setting money aside for his future but he doesn’t have the time to learn about investment or to actively manage investments. Ben wants an app that he can trust to put his money in the right investments and not have to think about it too often.

Goals

Invest for the long term
Set money aside each month without actively managing it

Frustrations

Time-consuming education and management of investments
Lack of knowledge and understanding
Complicated processes

Based on this persona, I took the time to better understand the user by developing empathy maps and journey maps.

Empathy map for investment case study
User journey user map for investment case study

Information Architecture

After getting a grasp on the users' pain points, frustrations, goals, and motivations, I then began brainstorming solutions. I started with creating flow charts to define and illustrate how the user would interact with the app and what pages would be needed to accomplish their goals.

User flows for investment app case study

I then identified what basic functions of the app would need to be included, and then began sketching up ideas for what these pages might look like on the app. 

I decided the winning design would be the one that is most simple and clean. I didn’t want to overwhelm the user with information.

Sketching pages of an investment app
Sketches of an investment app sign up process

I then used the sketches and user flows to create wireframes in Adobe XD. I wanted each page to be simple, especially during the onboarding and setup. Less is more in this case.

Investment app wireframe from Adobe XD
Investment app wireframe from Adobe XD
Investment app wireframe from Adobe XD

Prototype

I used these wireframes to create paper prototypes, which I tested with friends, family, and coworkers.

These paper prototypes helped me validate my ideas and let me see if users would easily understand how the app works. I found that everybody understood the process and nothing was causing any confusion.

Paper prototype of an investment app
Paper prototype of an investment app

That meant it was time to develop a digital prototype and test the idea with more details and functionality.

I created a clickable low fidelity prototype in Figma.

Low Fidelity prototype of an investment app
Low Fidelity prototype of an investment app
Low Fidelity prototype of an investment app

I then did user testing, hoping to gather more insights about my design. Among other things, I tested whether or not users understood everything or if they got confused, and if they found the app to be enjoyable. I interviewed and surveyed them after the test was complete. This process provided valuable feedback. It confirmed that people liked the app and understood the design, but I was also able to identify things that could be improved.

I learned that:
100% of users said the app made sense was easy to use
50% of users said they were likely to use the app
100% of users said the research pages were helpful to them
100% like the way their investments were visually displayed

Next Steps

At this point, the design sprint was done, but I had lots of valuable takeaways and made recommendations to my client on what could be improved for future iterations. My recommendations included:

Final Thoughts

Conclusion

Not only did I have tons of fun creating this project, but I also had learned a lot from it. 

I discovered the importance of sketching and developed a love for it. Sitting down and allowing the ideas to flow without interruption is such an incredible way to come up with ideas. It allowed me to explore everything that came to my mind without taking too much time or getting overly attached to any ideas or results.

I gained a deeper respect for user testing. Of course, this has always been an important part of my process, but the feedback I gained on this project was surprising, and it was exciting to feel creative energy and inspiration to iterate my designs after completing the user testing. 

I learned that good ideas can come from nowhere when I allow myself to explore all the ideas that come to my mind. By not judging my ideas or auditing my thoughts, I was able to simply trust the process and find creative solutions for my designs. 

I’m proud of how the app turned out and I believe the accessibility of the design allows anybody that wants to set money aside to begin their investment journey.

Low Fidelity prototype of an investment app
Low Fidelity prototype of an investment app
Low Fidelity prototype of an investment app

Connect with me!

Projects
About
Contact
Resume