← 프로젝트 목록

04 / CLOUD COST MANAGEMENT

Billing-On v3

클라우드 비용관리 솔루션 전면 리뉴얼

기간
2025.10 — 2026.04
담당
화면설계 · UI 디자인 · 퍼블리싱
Billing-On v3 대표 화면
01

다년간 누적된 메뉴·조회 화면의 문제

기능 증가로 복잡해진 메뉴 경로와 반복 조회 절차

메뉴 트리

상단·좌측 2단 구조, 항목당 2회 조작으로 조회

조회 화면

본문 내 필터 혼재, 조건 확인과 재조회 반복

알람 설정

순서가 필요한 설정을 한 화면에 나열

기존 메뉴 트리
기존 메뉴 트리
기존 조회 화면
기존 조회 화면
기존 알람 설정
기존 알람 설정
02

예산 알람 설정 시안 비교

비용 기준 → 정책 → 수신자 설정 순서에 맞춘 화면설계

시안 A

단계 표시와 입력 영역 분리

시안 B

순서 관계 인지 약함

시안 C · 채택

단계 라벨 옆에 입력 영역 배치

시안 C · 채택
시안 C · 채택
시안 A · 가로 스텝바·화살표
시안 A · 가로 스텝바·화살표
시안 B · 가로 스텝바·점선
시안 B · 가로 스텝바·점선
03

반복 조회 기준의 화면 재구성

매일 같은 조건으로 조회하는 업무에 맞춘 메뉴·필터 개선

메뉴

아이콘 메뉴와 펼침 메뉴 그룹으로 계층 구분

필터

조회 조건을 우측 Filters 패널로 분리

즐겨찾기

별 아이콘으로 등록, 상단 바로가기 영역에 노출

사이드바 계층화
사이드바 계층화
Filters 패널
Filters 패널
즐겨찾기 바로가기
즐겨찾기 바로가기
04

고객사 대시보드

클라우드 비용 현황과 서비스별 사용 추이를 한 화면에서 확인

고객사 대시보드 · 전체 화면
고객사 대시보드 · 전체 화면
05

기존 화면과 개선 UI 비교

파트너 수수료 화면의 기존 UI와 개선된 라이트·다크 테마

Before · 기존 운영 화면
Before · 기존 운영 화면
After · Light
After · Light
After · Dark
After · Dark
← 전체 프로젝트전체 포트폴리오 PDF ↗NEXT PROJECTAI Assistant