01
Market view enters first
차트, 관심종목, 가격 상태가 먼저 떠오르며 WTS/HTS의 기본 화면 구조를 보여줍니다.
Layout Prototype
Section 1. Home
간단한 서비스 설명이 들어갈 영역입니다.
Primary CTASecondary CTA
Section 1. Home
Section 2. Product Intro
Layout Prototype
Section 2. Product Intro
제품 이미지와 핵심 설명이 들어갈 영역입니다.
Image
Value
Flow
Scroll Story
Section 3. WTS/HTS
WTS/HTS 화면 구성 예시를 화면 전체에 가깝게 크게 보여주는 첫 번째 페이지입니다. 아래 그리드 화면과 분리해서 배치합니다.
WTS/HTS market and order mockup
02
Order tools lock into place
주문, 체결, 잔고 영역이 화면 위에 겹쳐지며 거래 흐름을 설명합니다.
Scroll Story
Section 3-2. Trading Grid
그리드 UI는 위의 01/02 설명과 분리된 두 번째 전체 화면입니다. 사용자가 다음 페이지로 넘어온 것처럼 충분히 크게 보여줍니다.
Section 3-2. Trading Grid
Trading Grid Area
그리드 UI가 펼쳐지는 영역입니다.
Grid placeholder
WTS/HTS Trading Grid
종목
현재가
등락
매수
매도
체결
FF-100
24
+3.2%
48
60
72
FF-106
96
-9.1%
120
132
144
FF-112
168
+6.0%
192
204
216
FF-118
240
-3.6%
264
276
288
FF-124
312
+9.5%
336
348
360
FF-130
384
-6.4%
408
420
432
FF-136
456
+3.3%
480
492
504
Layout Prototype
Section 4-1. Why Choose Us
선택해야 하는 이유가 들어갈 영역입니다.
01
Fast setup
선택 이유 내용을 채우기 전 배치 확인용 placeholder입니다.
02
Stable ops
선택 이유 내용을 채우기 전 배치 확인용 placeholder입니다.
03
Flexible UI
선택 이유 내용을 채우기 전 배치 확인용 placeholder입니다.
04
Custom flow
선택 이유 내용을 채우기 전 배치 확인용 placeholder입니다.
Layout Prototype
Section 4-2. Vision
플랫폼 비전이 들어갈 영역입니다.
Future platform diagram
Client
Platform
Operation
Layout Prototype
Section 5. FAQ
질문과 답변 accordion이 들어갈 영역입니다.
도입 절차 placeholder
실제 FAQ 답변을 넣기 전 accordion 배치를 확인하기 위한 임시 영역입니다.
WTS/HTS 제공 범위 placeholder
실제 FAQ 답변을 넣기 전 accordion 배치를 확인하기 위한 임시 영역입니다.
커스터마이징 가능 여부 placeholder
실제 FAQ 답변을 넣기 전 accordion 배치를 확인하기 위한 임시 영역입니다.
운영 및 지원 방식 placeholder
실제 FAQ 답변을 넣기 전 accordion 배치를 확인하기 위한 임시 영역입니다.