D10 · BUSINESS SYSTEMS

제품·시연 사례제공된 제품 화면 · 예시 데이터

구독·매출 분석

구독 지표의 기간과 구간, 요약 수치와 변화를 함께 읽는 SaaS 대시보드 제품입니다. 월별 데이터와 지표 계산·표시를 연결하는 구성, SVG 차트와 모바일 화면을 포함합니다.

사례
구독 비즈니스 지표 분석 SaaS 대시보드
수행 유형
제품·시연 사례
작업 범위
기간·구간 선택 · MRR·ARR·ARPA·NRR · 추이·증감 · 모바일 · 데이터 어댑터
자료
제공된 제품 화면 · 예시 데이터

기간과 구간을 정한 뒤 지표를 읽기

기간·구간 선택과 주요 구독 지표를 한 화면에 배치했습니다. MRR·ARR·ARPA·이탈·NRR 요약에서 추이와 세부 변화로 이어지도록 구성해 지표의 규모와 변화를 함께 살펴보는 대시보드입니다.

월별 데이터와 계산·표시를 구분

타입이 정의된 월별 데이터 행, 지표 정의와 계산, 요약·차트 표시를 구분했습니다. 시작 MRR과 신규·확장·이탈 항목을 펼쳐 보는 브리지 UI와 교체 가능한 데이터 어댑터를 포함해 화면 구성과 데이터 연결부를 함께 다뤘습니다.

대시보드의 공통 상태와 모바일

SVG 차트, 기간 선택, 빈 상태와 오류 상태를 구성하고 모바일에서도 요약 정보를 순서대로 살펴볼 수 있도록 배치했습니다. 구독 지표 계산·표시 코드와 문서화된 구성을 갖춘 React·TypeScript 대시보드 제품입니다.

PROJECT INFO

  • 제작: 쿤웍스
  • 제품: 분석 대시보드 UI 키트
  • 기술: React · TypeScript · SVG 차트 · 월별 데이터·어댑터

비슷한 일을 준비 중이라면.이 사례 정보가 문의서에 함께 담깁니다.

MORE · BUSINESS SYSTEMS

같은 분야의 다른 사례

전체 사례 보기

우리 업무에 적용한다면.

이 사례 정보가 문의서에 함께 담깁니다.

프로젝트 문의하기