Stocker

Stocker has been designed as part of my personal idea. It allows investors to connect all of their existing accounts in one place to provide a smooth migration of shares between these accounts. It also has a feature where it allows its users to invest imaginary money (like a game) in real time and track return investments.

UX Stages

  • Discovery
  • Research
  • Data Analysis
  • Design
  • Testing

Discovery

The main idea was to design an application that will decrease the struggles that investors encounter, and allow for easy transfers within the app. Stocker also serves as a learning platform that new or old investors can use to test their prediction on stock market. This platform reduces the investors time of calculating their standings and the numbers that could have come in if they invested in what they believed, this will allow them to learn the market in a different way.

Investors can connect all of their existing accounts in one single platform where they can monitor all of their investments in one place. If someone wanted to change their trading account one would have to sell out all of their shares and move their assets to a different trading account, and this platform would cut this time by allowing them to transfer their shares within the app, thus, increasing the chances of them to invest more with their current account.

Research

I wanted to learn if investors would support the idea of having the option to connect all of their accounts together in one platform. I was initially interested in identifying their pain points of migrating shares and the steps that it would take.  I wanted to learn if influencers would support the idea of using an application solely dedicated to selling their merchandise. To better comprehend my research findings, I created user personas of various investors in order to identify my focus groups. Understanding my audience’s pain points and behaviors would allow me to build a digital application that would best meet their needs.

During the research process I conducted two in-depth interviews and administered surveys with 12 investors who have more than $50,000 of investments held in multiple accounts.

Do you manage your own investment?
What platform do you currently use to invest? [Participants may be using more than one platform]
Do you think you would invest more if the tools would make it easier to? [Would investors use the platform?]
How did you start trading stocks? [Motivation]

How was the trading experience? [Positive or negative?]

What was the outcome? [Did you meet your return goals?]

How often do you buy or sell stocks? [Frequency]
How do you decide which companies shares you buy? Why? [Do participants buy
shares because they are cheaper, or do they research the stock market?]
Would you like to have a trial version before investing? [Do participants have specific preferences?]

Data Analysis

User Interviews

User Surveys

Prototype Testing

Persona

User Journeys

Information Architecture

Data Analysis

I was not surprised to find that investors were enthusiastic about the idea of a platform dedicated to allowing cross-platform synchronization for their investments. I found out that the new comers are motivated to use a simple platform, where they would have imaginary money to invest and be able to analyze their positions.

Persona

Philip Martinez, 29

Charles Schwab

80%

Robinhood

65%

Acorns

35%

TD Ameritrade

45%

Texas, USA - Investor - $30,000

Philip is an enthusiastic person who loves what he does. He is a Marketing Manager and also follows the stock market. Philip loves technology, art, and traveling. Most of his motivation comes through researching the market. Philip loves his hobby and follows over 100 pages online regarding investments and trading. Philip makes a living from trading on the side using third party websites.

User Flows

Design

Sketching – As I started imagining the concepts and format of the platform, I focused on keeping the application practical and easy to navigate through. I started brainstorming ideas by drawing sketches. During this process, I used methods such as crazy 8s, detailed sketching, and rough sketching.

Wireframing – The next step was to design wireframes for a few main screens and test the user flows created earlier on the process using Figma.

Mockups – After successfully testing the wireframes, I started designing high-fidelity mockups of the app. During this process I worked through multiple design iterations in order to achieve the best results.

Prototyping – Design a high-fidelity clickable prototype using Figma. The prototype showcases some of the main features of the platform.

Testing

For usability testing I used Lookback.io and in-person observation. Through lookback.io I observed how long it took users to find the “Demo Mode” page of their account. It took users only a few seconds to locate the “Demo Mode” on the app. From in-person observation I observed the overall flow and usability of the app. I found that the users liked the ease of switching from one page to another using navigation tabs at the bottom of the screen. It made the flow from page to page seamless.

Style Guide

#030721

#323B56

#FFFFFF

#FF564F

#35DB6F

#F4F4F9

Montserrat Bold

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Montserrat Regular

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Noto Sans Regular

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Prototype