1market New app
Pushing investing inTrading online.
Planning
Brief
The company has financial representatives who drive customer investments through personalized contacts (phone, email, etc.). For each first online investment there were eight first investments mediated by a representative.
The objective was to automate trading, avoiding the need for contact with a representative and thus lowering fixed costs. Let’s remember that the company charges costs and commissions on investments.
1market has a website with a trading platform.
The brand works under the regulation and supervision of CYSEC which is part of the European Union, so it must comply with rules and conditions.
Due to technological requirements linked to the trading platform, the app had to be hybrid.
Process
For this work we followed this scheme based on user-centered design and Lean ux methodology.
The scheme is based on understanding who I’m designing for, how they behave, what they need, and contrasting it with feedback from real users.
Value proposition Canvas
To get closer to the user I made a VPC, this helps me to know more about their habits, problems and how to help them..
User Reserch
Quantitative Research
We launched an e-mail survey to our customers to obtain quantitative data about their experiences.
Have had problems with the withdrawal of Money.
Find it difficult to use.
Believe there are too many financial products.
Source: 56 answered email surveys.
Lean UX Canvas
To make a first approach to the problems and solutions I use the Lean UX Canvas, which makes me reflect and generate hypotheses that later I will have to validate with the users themselves.
Interviews
These were done by zoom and in the mother tongue of the interviewee.
I carried out the one in Spanish (it is my mother tongue) and assisted those who carried out in other languages.
There are coincidences in that the existing apps are a bit rustic compared to those of the banks for example. They didn’t know very well how to improve them but when I told them some possibilities they started to give me quality information. Some things helped me to validate functionalities and others, much to my regret, to discard them.
For example, there was a great resistance to withdrawing profits through bitcoin.
Kacper, Polish, 42 years old
“The bad thing is when you lose. And if you forget to monitor for a week and you lose, you get killed”.
Trading for Kacper is not a second job, he does not dedicate much time to it. He makes his investments without strategic plans. Influenced by news or financial influencers. And he gets frustrated when he looks at his balance and realizes that in the past he made more money than he is making now or that he is losing his investment.
Charlie , 35 years old, French
“The withdrawal of money is very bureaucratic. It takes many days to reach my account”.
The bureaucracy within the company and between banks to send a withdrawal is apotheotic.
Charlie told me that last year he won a considerable sum of money and wanted to use it for his vacation but the money did not arrive on the date he needed it. This caused him frustration
Juan Carlos, 57, spain
“Tell me why the bank app can be accessed using the fingerprint and not the trding ones?”
Juan Carlos gives me an idea that I’m ashamed I didn’t think of myself, using Face ID and fingerprints for login.
Protopersona
Roberto and jack are my Personas. They are the ones who validated our hypotheses during the process. This tool helped me to put myself in their shoes and see what they really needed.
Jack.
UK, 35 years old, Doctor, single
Behavior
-Only invests in large companies
-He doesn’t like to take risks, he takes care of his money.
-He thinks and gets a lot of information before buying.
-Relies on the use of new technologies
Needs and objectives
-Needs information on a daily basis
-Wants to see his investments all the time
-Quick cash withdrawals.
Roberto.
Italy , 55 years old, lawyer. Divorce +2.
Protojourney
Moscow
Moscow
It was time to categorize the functionalities to add them or not to my MVP, taking into account four values:
-The importance they have for the users,
-The technology involved
-The time it takes to develop
-The European Union regulation.
But first let’s clarify something. In the interviews it was clear the distrust towards cryptocurrencies as an exchange value to speed up the withdrawal of money. At first I discarded this functionality but the leadership of the company asked me to keep it in the foreground because it may be necessary to attract younger customers who have more confidence in cryptocurrencies and/or an innovative feature for future marketing developments
I.A.
Sitemap
For our first map we had discarded a “home” screen. The user after logging in would go directly to the markets screen.
But in the interviews we found the need for the first screen to have a summary of the customer’s situation. Similar to the first screens of bank apps.
We incorporated the home screen with the idea of developing special functionalities in the future.
Wireframe
Low Fidelity
I always start at the blackboard. From the sitemap to the first sketches of the functionalities start on the whiteboard.
Medium Fidelity
The move to the medium fidelity wireframe always allows me to visualise the components to be designed and their weight in the usability.
From these sketches, special requests arose. Like the marketing department’s request to add a banner to the home screen.
Visual
Font
DM Sans Font Family is a low-contrast geometric sans serif design, intended for use at smaller text sizes. DM Sans supports a Latin Extended glyph set, enabling typesetting for English and other Western European languages and the application will be translated into Spanish, French, German, Polish and Turkish.
DM Sans | 400
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
DM Sans | 600
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Colors
The chosen colors move in a spectrum of blues, an elegant chromatic range that will speak of technology and innovation.
A greyscale accompanies as secondary colours
In the trading application there are two special and iconic colors that mark the rise and fall of the stock.
I always use pure black and white.
Grid 8px
The 8px grid is an industry standard. It adapts well to IOS and Android (Apple and Google recommend it) and gives us consistency and coherence. I used 16px outer margins.
Prototype
Solution: implementation functionality
All findings were implemented in the high-fidelity prototype.
Flow 1
Roberto is with his friends in a meeting and they all talk about buying amazon shares.
He wants to buy shares now so he can participate in the conversation. But, as always, he is afraid of losing money
1 He opens his 1market application
2 He chooses amazon to buy
3 He enters the number of shares he wants to buy.
4 Buys amazon shares
5 Activate the stop loss
6 Choose your maximum stop loss
Flow 2
Jack wants to sell his Amazon stock because he reads negative news about the company.
And he wants to use that money to buy a bargain he has seen on the Internet and needs the money today.
1 He opens his 1market application
2 He goes to his portfolio
3 Sells his amazon shares
4 Exchanges your FIAT money for Bitcoin
5 You withdraw your bitcoins from the app
