STOCKBOX
Project Description
Craftinging the UX Behind a Quantitative Investment Platform
Project Type
Website
Deliverable
Wireframe, Design System
Goal
The goal is to develop and optimize quantitative investment strategies by leveraging stock data insights and strategic algorithm techniques, building a robust and scalable investment approach.
Challenge
After understanding the background knowledge of quantitative investing, efforts were made to address the biases and inefficiencies caused by reliance on human intuition in traditional investment strategies. The focus was on refining the investment decision-making process and exploring ways to improve the accuracy of financial predictions.
Outcome
The final deliverable focused on providing a user-friendly interface tailored to QUANTUM DATA's specific requirements and current technological capabilities. Additionally, a solution was proposed to enhance the user experience by enabling effective searching of investment items based on strategies.
7
Months of collab
457
QA Items
3
Deliverables
Project timeline
Discover
Quant Investment Platform Architecture
The quantitative investment platform is an integrated system that automates and optimizes the entire process of quantitative trading, from collecting and refining various financial and alternative data to analysis, predictive modeling, strategy validation through backtesting, real-time trade execution, and portfolio management.
Define
Information Architecture
Based on QUANTUM DATA's internal needs led to the planning of platform implementation stages and the design of user interfaces required for the quantitative investment platform. The focus was on providing intuitive information navigation and a valuable investment experience.
Develop
Layout
STOCKBOX leverages HTML5 Semantic Tags to clarify the meaning and structure of its interface, enhancing accessibility, SEO, and ease of maintenance. Key content is organized using [header], [main], and [content] tags, while supplementary information is systematically arranged with [pane] and [footer] tags.
Develop
Devices & Grids
STOCKBOX adopts a flexible grid system to implement responsive design optimized for various device environments. The layout automatically adjusts to the resolution and screen size of each device, including mobile, tablet, and desktop, utilizing diverse grids to achieve balanced content placement. This approach maximizes user experience while delivering a consistent UI across all devices.
Develop
Wireframe
Wireframes were used in the initial design phase to visually represent the layout and structure of key screens. By clearly defining the placement, size, and hierarchy of each element, they supported an efficient design process and ensured that user flows and core functionalities were effectively communicated.
Develop
Design System
The UI and UX of the quantitative investment platform were designed through a collaborative approach agreed upon by the design and development teams. The focus was on enhancing reusability of design elements and components across the platform, improving user experience, and streamlining the development process.
