FinTech.

FinTech

About the project

The goal of the task was to design a trendline tool for people involved in investing in the stock market (dedicated to the iPhone X device). Designing interactive addition and editing of trend lines along with useful functions to facilitate the use of the drawing tool and the creation of the main screen in dark mode.

Designing process

Desk Research

In order to broaden my knowledge of trading applications, 
I tested 3 websites with the most favorable opinions. The tests included ease of use, composition, and quantity as well as the way of presenting stock market data. In addition, I researched the subject based on the available online training materials. I searched many internet sources for information on designing in accordance with iOS guidelines for a dedicated iPhone X device.

In order to broaden my knowledge of trading applications, 
I tested 3 websites with the most favorable opinions. The tests included ease of use, composition, and quantity as well as the way of presenting stock market data. In addition, I researched the subject based on the available online training materials. I searched many internet sources for information on designing in accordance with iOS guidelines for a dedicated iPhone X device.

Desk Research

When prototyping, I was guided by the conclusions drawn during the research (comparison of competitors, speed of operation, amount of displayed data, complexity of the interface). I used Portrait orientation because it is the default view when using this type of application (where one hand is enough to operate).

 

Comparison competitors:
Client Tradesmarter
Cityindex
Stock Marek Simulator Game

Paper prototyping

When prototyping, I was guided by the conclusions drawn during the research (comparison of competitors, speed of operation, amount of displayed data, complexity of the interface).

I used Portrait orientation because it is the default view when using this type of application (where one hand is enough to operate).

 

Comparison competitors:
Client Tradesmarter
Cityindex
Stock Marek Simulator Game

Paper prototyping

Guerilla testing

In the paper-based tests, three people participated.

Task for the test: Draw a trendline on a chart.

Observation 1:
There is no information about the highest and lowest value of shares during the day.

Observation 2:

Not enough free space on the charts

Observation 3:
The Sell and Buy buttons are unimportant elements when drawing a trend line.

Observation 1:

There is no information about the highest and lowest value of shares during the day.

Observation 2:

Not enough free space on the charts.

Observation 3:

The Sell and Buy buttons are unimportant elements when drawing a trend line

User Flow

The User Flow show step by step how users compare products on the website. Below you can find a few slides represents how it works.

User Flow

The User Flow show step by step how users compare products on the website. Below you can find a few slides represents how it works.

UI Design

Light mode
Dark mode

Light mode

Dark mode

Main page

Drawing tools

Trendline tools

Main page
Drawing tools
Trendline tools

Movie

Play Video

Summary

The prototype was created with this in mind about iOS users. Based on the research, functionalities important for users have been added. It was a big challenge to design the interface in one window so as to maintain consistency and not degrade the functionality of the application itself. I believe that my work meets all the requirements of the project, and the solutions used make it more user-friendly.

Contact

Please feel free to contact me by email or social media.

Copyright © 2025 Ula Prusak