Trade and watch easily with CTP
This internal product has availability to trade securities and watch trading in real-time with CTP. This project is confidential and has restricted specification from user to be fulfilled, therefore we decided to show limited mockups with some sensitive data being blurred.
Summary of Project
Project Duration
3 months (Dec 2024 - Feb 2025)
Team Member
Andrian Cedric (UI/UX Designer)
Tools
Figma, shadcn/ui, ChatGPT
Solving the Right Problem
We start with understanding the user's pain points
We have conducted numerous meeting with main users from Bursa Efek Indonesia (IDX) to gain clarity of their pain points of current system's UI/UX design.
We found that current UI/UX design is not usable enough with several inconsistencies and difficult to use.
Solving the Problem Right
We continue with solutions
After defining and mapping the user needs, I moved into solution validation through Wireframes and Prototyping—built low-to-high fidelity wireframes to validate layouts and flows.
We also conduct usability testing to iterate our design with the users, and the user satisfied with the design. Currently, the design is being developed by our software developer,
We joined the users and stakeholders meeting
To ensure the design is align with user's needs and regulations, we joined several meetings conducted by IDX and related stakeholders.
Design system used in this project
We created a custom-made design system, heavily based on shadcn/ui as the main framework of CTP development. This design system already been used for CTP project and improve the development speed of project.
Dashboard Page
In this dashboard page, the user (reporter from Securities or Bank Company, IDX admin, and government) are able to see important data about auction schedule, trade numbers, and lending securities in a glance.
List and Table Page
This is a page showing table, advance filtering, and actions (most of the page will have this layout).
The advance filtering will available at "Search Criteria" and the fields will be automatically adjusted with certain conditions of showed page.
Available actions are "Save to Excel", "Copy to Clipboard", "Manage Columns", and "Refresh".
Auction Detail Page
In this page, users are able to see the detail of auction and do transaction inside the ongoing session time based on regulation.
Lending Form Page
Users (banking or securities company) are able to lending a securities for trading or auction. They have to filled out all the required fields and details before submit the form to government.
All the processed data here is comply with Indonesian regulation about trading and securities transactions.
Admin Page (1)
There are another type of users act as admin to set up parameter data, default value for some parameter, and action behaviour.
Admin Page - 2
There are another type of users act as admin to set up parameter data, default value for some parameter, and action behaviour.