Overview
The Stock Box Technologies mobile application project aimed to deliver a sophisticated platform for SEBI-registered research analysis. It focused on providing comprehensive market insights, real-time updates, and actionable investment recommendations to empower users in achieving their financial objectives. The application integrates cutting-edge tools for analyzing stocks, commodities, and financial instruments, offering services such as equity research and technical analysis. Designed for seamless usability, it enhances user experience with intuitive navigation and personalized features, ensuring clients stay informed about market trends. The project’s goal was to create a robust, reliable tool that enables informed decision-making and supports long-term success in financial markets.
Project Timeline:
3 Months
Tools Used:
Services We Provide
Website Design
(UX/UI)
Website
Devlopment
Search Engine
Optimization
Content
Writing
Challenge
Stockbox was an app that was already live in Google Playstore and Apple Appstore with 1000s of users using the app daily, trading and transacting on the app. We were challenged to transition the UI from a very old school traditional design to an unique and modern fintech and stock trading app while blending in 6 new trading modules and features in the app. We had to figure out a way to change the positioning of the app from previously a stock screener with manual trading to a modern intuitive and full functional trading platform ensuring a smooth transition for the existing users.
Our Approach
We began with mapping out the entire architecture of the old app that people had been using and interacting with them to find out the pain points faced currently along with our team begining to actively use the app on a daily basis understanding the nuances. This was followed by making transition plan to the new design solving previous issues as well as introducing new modules like ‘’Options Strategy’, ‘’Stock Idea’ and ‘’Hero to Zero’ amongst others. With a lot of trials and iterations we fixed up an information architecture that worked for the promoters as well as the users without compromising on UX principles. This resulted in a complete overhaul of the design giving a new look and positioning to the app in the market.
Design System
Typography
Primary Font:
Roboto Semi bold
Roboto Semi bold
Heading 1
Font size: 32/40px | Line height: 120%
Heading 2
Font size: 28/36px | Line height: 120%
Heading 3
Font size: 24/32px | Line height: 120%
Title Large
Font size 22/28px | Line height: 130%
Title Medium
Font size: 16/24px | Line height: 140%
Title Small
Font size: 14/20px | Line height: 140%
Label Lage
Font size: 14/20px | Line height: 130%
Label Medium
Font size: 12/16px | Line height: 140%
Label Small
Font size: 11/16px | Line height: 140%
Body Large
Font size: 16/24px | Line height: 130%
Body Medium
Font size: 14/20px | Line height: 140%
Body Small
Font size: 12/16px | Line height: 140%
Spacing:
Color palette:
Primary colors:
#ffffff
#FF6218
Linear- #FF806C, #FF5C00
Secondary Colors:
#FFEEE5
#F8F5F0
#1C1B1F
For Body Text:
#49454F
For Body Text:
Design Phase
During the design phase, we focused on creating a modern and intuitive interface. We incorporated a sleek, user-friendly layout and visually appealing elements to enhance the trading experience. Key features included dynamic charts, real-time data updates, and seamless navigation. Our design integrated new modules like “Options Strategy,” “Stock Idea,” and “Hero to Zero,” ensuring a cohesive and engaging user experience that aligned with the app’s new positioning as a comprehensive trading platform.