(DEX Exchange (PC,Mobile))
해당 포트폴리오는는 CEX급 UX로 설계된 Web3 .0 플랫폼으로, 멀티체인 스왑·풀·브릿지·거버넌스를 단일 제품 흐름으로 구현한 풀스택 개발 사례입니다.
프로젝트 개요
해당 DEX의 지갑 연결 기반 온보딩부터
Swap / Pools / Bridge / Vote까지 핵심 기능을 하나의 제품 경험으로 통합한
Web3.0 DEX 플랫폼으로 개발 하였습니다.
당사는 “DeFi 기능은 강력하지만 사용성이 어렵다”는 문제를 해결하기 위해,
CEX 수준의 직관성을 목표로 UI/UX와 시스템 구조를 설계하고
실제 운영 가능한 수준으로 구현했습니다.
특히 거래 화면에서는 사용자가 입력 즉시 확인해야 하는 정보(가격·슬리피지·수수료·체결 예상치)를 명확한 우선순위로 시각화하고, 네트워크/토큰 선택 및 잔고 표시를 표준화해 “헷갈리지 않는 거래 흐름”을 완성했습니다.
- Price(가격): 입력값 기반 실시간 견적 및 기준 가격 표기(예: 1 ETH = x USDC)
- Slippage(슬리피지): 체결 전 변동폭을 사용자에게 노출하고, 체결 실패/불리한 체결을 예방하는 UX 구성
- Fee(수수료): 네트워크 수수료(가스) 및 거래 관련 비용을 이해하기 쉽게 안내
- Chain & Token Selection(체인/토큰 선택): 체인 컨텍스트 전환, 토큰 선택, 잔고/단위 표기 일관화
또한 플랫폼의 확장성을 위해 기능을 모듈형 구조로 분리해,
신규 체인·자산·풀 타입 추가와 운영 정책 변경이 빠르게 반영되도록 설계했습니다.
해당 포트폴리오는 단순 UI 구축이 아니라, 제품 설계 → 개발 → 운영 관점의 완성도까지 포함한
(주)아트스토어의 개발 역량을 보여주는 포트폴리오입니다.
핵심 구현 포인트
- 멀티체인 거래 UX: 체인 선택/전환 시 컨텍스트 유지, 오류 최소화, 잔고·단위 표기 정합성 확보
- 거래 안정성 UX: 가격·슬리피지·수수료 정보를 체결 전에 구조적으로 노출하여 사용자 리스크 감소
- 기능 통합 설계: Swap / Pools / Bridge / Vote를 단일 네비게이션과 일관된 컴포넌트로 연결
- 운영 가능한 제품화: 실제 사용 흐름 기반의 화면 설계, 상태/예외 케이스 대응(잔고 부족, 네트워크 불일치 등)
- 확장 가능한 아키텍처: 체인·자산·풀 확장 및 정책 변경을 위한 모듈형 구성
(주)아트스토어 담당자 개발 후기
“UI만 만든 것이 아니라, 거래 경험의 핵심 변수(가격·슬리피지·수수료·체인 컨텍스트)를 제품 구조로 설계해 운영 가능한 수준으로 구현했습니다.”
“고객사가 향후 체인/토큰/풀 라인업을 빠르게 확장할 수 있도록 모듈형 아키텍처로 구축했습니다.”
Note
본 포트폴리오는 고객사 보안 및 업무비밀 보호를 위해 일부 정보(브랜드/식별 요소 등)를 비노출 처리했습니다.
실제 수행 범위(기획/디자인/프론트/백엔드/인프라/연동 등)는 프로젝트 조건에 따라 조정될 수 있습니다.