플랫폼 · Console

콘솔

가맹점 사장님이 ‘오늘 얼마 벌었지?’를 확인하고, 메뉴 · 직원 · 정산을 관리하는 백오피스입니다. 업무용 밀도를 쓰되, 첫 화면은 숫자 하나가 가장 크게 보이도록 합니다.

사용자
가맹점 사장님·매장 관리자
기기
데스크톱 · 태블릿 브라우저
기준 해상도
1024 – 1600px
도메인
console.ongi.site

대표 화면 — 매장 홈

1440×900 기준. 매출 카드 · 채널 차트 · 시간대 히트맵 · 정산 카드로 구성됩니다.

console.ongi.site

단체용 콘솔 — 결제 · QR · 정산

기부 · 후원을 받는 단체 콘솔입니다. 사이드바에서 QR 관리 · 결제 내역 · 정산 · 명세서로 이동해 보세요.

console.ongi.site

레이아웃 스펙

영역스펙
매장 선택사이드바 상단 · 다점포 사장님은 매장 전환
영업 상태상단바 우측 스위치 · 끄면 QR · 키오스크 주문 중단 확인 다이얼로그
메인 매출40px Bold 금액 + 지난주 같은 요일 대비 증감
우측 레일340px · 정산(Inverse 카드) · 처리할 일 · 목표
태블릿(1024)우측 레일이 하단으로 이동, 사이드바는 64px 아이콘

플랫폼 토큰

항목값
data-platform"console"
밀도Compact
기본 컨트롤 높이 (md)36px
기본 본문 크기13px
최소 터치 영역32px

핵심 패턴

이렇게 하세요

  • 비교 기준은 ‘지난주 같은 요일’ (요일 효과 제거)
  • 정산 금액은 수수료 차감 후 실입금액으로
  • 처리할 일을 숫자로 요약해 바로 이동

이렇게 하지 마세요

  • 사장님에게 GMV · MAU 같은 내부 용어
  • 첫 화면에 설정 · 공지 위주 배치
  • 모든 차트를 같은 크기로 나열