대시보드한국

Cinder Markets

시세와 실적, 공시, 뉴스, 리서치 결과를 하나의 화면에서 확인합니다. 여러 창을 오가지 않고 종목의 흐름과 판단 근거를 함께 검토할 수 있습니다.

고객
비공개
분야
핀테크
업무
기획 · UI/UX 디자인
기간
2024.02 – 2024.08
비퍼블리시(bpublish)가 만든 Cinder Markets 전체 화면. 시세와 실적, 공시, 리서치 정보를 통합한 주식 분석 터미널

종목 분석이 늦어지는 이유는 정보가 부족해서가 아니라 필요한 자료가 서로 다른 곳에 흩어져 있기 때문입니다. Cinder Markets는 판단에 필요한 정보를 한 화면에 모았습니다.

종목을 조사할 때는 차트와 실적, 공시, 뉴스를 서로 다른 서비스에서 확인해야 합니다. 화면을 옮길 때마다 맥락이 끊기고, 방금 확인한 수치와 다른 자료의 관계를 다시 맞추는 데 시간이 듭니다.

Cinder Markets는 직접 종목을 분석하는 투자자를 위한 고밀도 리서치 터미널입니다. 중앙에는 가격 차트와 거래 지표를, 왼쪽에는 관심 종목과 섹터 상대강도를, 오른쪽에는 실적과 공시, 뉴스를 배치했습니다. 하단에서는 실적 모멘텀과 가격, 수급, 밸류에이션을 각각 평가하고 그 근거 수치를 함께 제시합니다.

Cinder Markets 화면: 종목 판단에 필요한 정보를 한 화면에 모읍니다
01

종목 판단에 필요한 정보를 한 화면에 모읍니다

차트와 주요 지표, 실적, 공시, 리서치를 같은 화면에서 확인합니다. 분석 도중 다른 창으로 이동하며 맥락을 잃는 일을 줄였습니다.

Cinder Markets 화면: 평가 결과마다 근거 수치를 제공합니다
02

평가 결과마다 근거 수치를 제공합니다

실적 모멘텀과 가격, 수급, 밸류에이션의 판단 옆에 사용된 데이터를 표시합니다. 결론만 제시하지 않고 사용자가 직접 검증할 수 있게 했습니다.

Cinder Markets 화면: 정보의 양보다 시각적 우선순위를 조정합니다
03

정보의 양보다 시각적 우선순위를 조정합니다

자주 확인하는 정보는 크게, 참고 정보는 작고 낮은 대비로 배치했습니다. 필요한 데이터를 줄이지 않으면서도 읽는 순서가 자연스럽게 드러납니다.

비퍼블리시(bpublish)가 만든 Cinder Markets 전체 화면

Cinder Markets

고밀도 화면의 가독성은 정보량보다 각 정보에 부여한 우선순위에서 결정됩니다. 모든 수치가 같은 크기와 대비로 놓이면 복잡해 보이지만, 확인 순서가 분명하면 많은 정보도 빠르게 읽을 수 있습니다.

비퍼블리시는 시장, 리서치, 스크리너, 실적, 관심 종목 화면을 기획하고 UI/UX를 설계했습니다. 장시간 켜 두는 금융 도구의 특성을 고려해 숫자 정렬과 줄 간격, 대비를 세밀하게 조정했습니다.

프로젝트 정보

서비스주식 리서치·시장 분석 터미널
대상종목을 직접 조사해 판단하는 투자자
해결한 문제차트·실적·공시가 흩어져 판단할 때마다 창을 옮겨 다녀야 하던 리서치
핵심 기능캔들·이동평균·거래량 차트 · 실적 추이 · 공시/뉴스 · 4축 리서치 판정
주요 화면Markets · Research · Screeners · Earnings · Watchlist
기술Next.js · React · TypeScript · Tailwind CSS
기획 · 디자인비퍼블리시 (bpublish)
비퍼블리시(bpublish)가 만든 Cinder Markets 세부 화면

Cinder Markets

시세와 실적, 공시를 한 화면에 담은 고밀도 주식 터미널

다음 프로젝트 Clearfold Credit 미리보기. 기업 대출 심사에 필요한 정보와 판단 근거를 한곳에 모은 여신 심사 시스템