logo

Daishin Securities Development of Mobile Trading System (MTS) Design for Alternative Exchanges

Daishin Securities

The Daishin Securities Alternative Exchange MTS design development project was initiated to enhance investment convenience and improve information accessibility for users, while also providing a diverse trading environment. With the launch of the NXT alternative exchange, MTS has undergone significant transformations, incorporating new features and enhancements to ensure that existing users can navigate both the KRX and NXT exchanges seamlessly.

Output
Mobile App
Creative Fields
UX Design / GUI Design
Project Manager
Chung Sewook
Member
Han Hyangryeon, Park Giwoong, Oh Chaewon, Hwang Jina, Lee Aeri
Next Project
S-1 Hu&Home Doorcam App
대신증권 대체거래소 MTS 디자인 개발
대신증권 모바일 주식 거래 화면 UI

Master area : improves delivery by concurrently displaying the current prices of KRX and NXT

The elements are positioned on the left and right sides of the master area to facilitate a convenient comparison of the current prices from the two exchanges. Colors and labels are distinctly differentiated based on the selected exchange, enabling users to intuitively comprehend the information presented. Furthermore, the inclusion of an automatically scrolling Notice Bar allows for the display of various stock information, in addition to credit, lending, and margin details, thereby enhancing the overall structure to support user guidance and operational notifications.

Intuitive representation of current price information over time utilizing color coding

The recently introduced mid-price feature employs a green hue to provide visual emphasis, thereby facilitating the identification of the current price's balance point. Furthermore, transactions occurring during designated periods, such as single-price trading, are highlighted in purple to distinctly differentiate them from standard trading activities. This design choice enables users to intuitively comprehend the time zone represented on the current screen, thereby minimizing the cognitive load necessary for information retrieval.

대신증권 합산, 좌우, 상하 3가지 레이아웃으로 제공되는 호가창 UI

Discover information customized to your preferences through three pricing structures

The quotation window is offered in three configurations: total, left-right, and top-bottom. Users may select the layout that best aligns with their trading style and navigation preferences.

대신증권 러닝커브를 낮추고 거래소 인지력을 높인 주문화면 UI

An order interface designed to reduce the learning curve and enhance user awareness of the exchange

Stock ordering must ensure continuity and familiarity in user experience. Therefore, we conducted an analysis of user usage patterns and identified the essential components required. We structured the design to minimize confusion by optimizing visual elements, enabling users to easily identify the most advantageous trading methods among SOR, KRX, and NXT. This approach mitigates the learning curve for existing users, even with the introduction of new features, thereby providing a stable ordering experience that facilitates adaptation without undue burden.

대신증권의 거래소 스프레드 기능으로 주식 현재가와 가격 차이를 확인하고 상세 호가 화면으로 이동하는 UI

Exchange spreads and lightning orders facilitate a rapid and favorable trading environment

The exchange spread is intended to offer real-time insights into the current price differentials and gap rates between KRX and NXT for each stock, thereby enabling users to promptly identify stocks exhibiting significant price discrepancies and capitalize on trading opportunities. Furthermore, through an organic integration with existing lightning orders, users can seamlessly transition order flow from the exchange spread and execute buy and sell orders without the need to access a separate order interface. This interconnected framework facilitates strategic trading by leveraging market gaps and fosters an efficient trading environment.

대신증권에 사용된 DS Sandoll Gothic Neo Sb와 Rg 폰트 스타일과 주요 색상 팔레트(청록, 빨강, 파랑, 노랑, 연두, 검정)를 보여주는 브랜드 가이드 이미지,
                  하단에는 KRX와 NXT가 각각 청록색과 노란색 색상 스펙트럼과 함께 표시 됨
대신증권에 사용된 KRX와 NXT가 각각 청록색과 노란색 색상 스펙트럼과 함께 표시

Colors for exchanges characterized by high trust and attention

KRX employed a reliable turquoise hue, while NXT utilized a vibrant yellow shade. These two colors, representing trust and positivity, establish a distinct contrast that enhances the clarity of information recognition and offers users an intuitive visual experience.

대신증권 메인 홈 화면 UI
대신증권 모바일 화면