Stock Ranges
User Experience Flows, UI Design, Figma Prototype, Frontend Implementation, Responsive Design (MaterializeCSS), GIT, Project Management
This application analyzes stock price ranges and gives the user the information to make a decision on what time the market is right for them to buy or sell a specific stock.
DISCOVERY. LOW FIDELITY MOCKUPS.
The client is currently a subscriber to different services that give his company price ranges for different stocks. He wanted to create his own service where users could search for a specific stock, pay with the Lightning Network and be able to unlock this information for the community for a day.
The client already had built this application in his own terminal commands in a text based application. (Very much programmer's based and oriented!)
For this web application we have two different types of users "The Trader" and "The Super Admin".
USER INTERFACE DESIGN.
The app needed to be very simple and easy to follow.
We created cleaned layouts, dark mode with a retro futuristic design. It was important to have bright colors with contrast of the dark mode. Also display very easily the positive and negative sentiment of the stocks and market.
For the typography we went with Montserrat in some of its different weights.
PROTOTYPE AND IMPLEMENTATION.
Few features and functionality but be able to display heavy loaded data quickly.
The prototype was created in Figma where I was able to collaborate with the client.
I implemented all frontend views using SLIM and the MATERIALIZE CSS framework.
It connects through an API to give the user the latest information on a stock as well as go back in history and display the last 180 days of the same stock.
All payments will be handled by the Lightning Network.
The app is currently being created in Ruby on Rails.
