logo

대신증권
대체거래소 MTS 디자인 개발

대신증권

대신증권 대체거래소 MTS 디자인 개발 프로젝트는, 사용자의 투자 편의성과 정보 접근성을 높이고, 다양한 거래 환경을 제공하기 위해 도입되었습니다.
NXT 대체거래소가 새롭게 도입됨에 따라 변화되는 MTS에서 기존 사용자가 KRX 거래소와 NXT 거래소를 혼동 없이 이용할 수 있도록 MTS 전반에 대한 개선 및 신규 기능 설계를 진행했습니다.

Output
모바일 App
Creative Fields
UX Design / GUI Design
Project Manager
정세욱
Member
한향련, 박기웅, 오채원, 황진아, 이애리
Next Project
에스원 휴엔홈 도어캠 App
대신증권 대체거래소 MTS 디자인 개발
대신증권 모바일 주식 거래 화면 UI

KRX와 NXT 현재가를 동시에 노출하여 전달력을 높인 마스터 영역

마스터 영역에 두 거래소의 현재가를 비교하기 편리하도록 좌우에 배치했습니다. 선택된 거래소에 따라 색상과 레이블을 명확하게 구분해 사용자가 직관적으로 정보를 인지할 수 있습니다.

또한, 자동 스크롤 되는 Notice Bar를 추가하여 신용, 대주, 증거금 정보 외에도 각종 종목 정보를 함께 노출시킬 수 있게 되어 
사용자 대상의 안내 및 운영 공지가 용이한 구조로 개선됐습니다.

색상을 활용한 직관적인 시간대별 현재가 정보

새롭게 추가되는 중간가는 현재가의 균형점을 명확하게 인식할 수 있도록 초록색을 사용하여 시각적 강조를 더했습니다.
또한, 단일가 매매 등 특정 시간대 거래는 보라색 색상을 사용하여 정규장과의 구분을 명확하게 했습니다.

이를 통해 사용자는 현재 화면이 어느 시간대에 해당하는지 직관적으로 파악할 수 있어, 정보 파악에 소요되는 인지 부담을 줄였습니다.

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

3가지 호가 레이아웃으로 취향에 맞춘 정보 탐색

합산,좌우,상하 3가지 레이아웃으로 제공되는 호가창은 사용자가 매매 스타일과 탐색 방식에 맞춰 선택하여 활용할 수 있습니다.

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

러닝 커브를 낮추고, 거래소 인지력을 높인 주문화면

주식 주문은 사용자 경험 연속성과 친숙도가 유지되어야 합니다.
이에 따라 사용자의 사용 패턴을 분석하고 필요한 요소를 기획했습니다.

사용자가 SOR,KRX,NXT 중 유리한 거래 방식을 직접 선택하며 명확하게 인지할 수 있도록 시각적 요소를 최적화하여 혼란을 줄일 수 있는 구조로 설계했습니다.

이를 통해 새로운 기능이 추가되어도 기존 사용자들의 러닝 커브를 줄여 부담 없이 적응할 수 있는 안정적인 주문 경험을 제공합니다.

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

빠르고 유리한 매매 환경 제공하는 거래소 스프레드와 번개주문

거래소 스프레드는 종목별 KRX와 NXT간의 현재가 차이와 괴리율을 실시간으로 제공하여 사용자가 가격 차이가 크게 발생하는 종목을 빠르게 식별하고 매매 기회를 포착할 수 있도록 기획했습니다.

또한, 기존 번개주문과 유기적인 연결을 이루어 사용자는 거래소 스프레드에서 주문 흐름 전환이 가능하며, 별도의 주문 화면 진입없이 매수, 매도 주문을 할 수 있습니다.

이러한 연계 구조는 시장 간 격차를 활용한 전략 매매가 가능하고, 효율적인 거래 환경을 제공합니다.

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

신뢰와 주목도 높은 거래소 색상

KRX는 신뢰감 있는 청록색, NXT는 주목도 높은 노란색을 사용했습니다. 신뢰와 긍정을 상징하는 두 색상은 명확한 대비를 이루어 정보 인지의 명확성을 높이고, 사용자에게 직관적인 시각 효과를 제공합니다.

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