← 피팅룸
LUMA Studio

구독 운영 현황

이번 주 로스팅과 발송 일정을 한 화면에서 봅니다.

1,284활성 구독증가+4.2%
312kg이번 주 로스팅증가+18kg
2.1%해지율감소-0.3%p
96%정시 출고유지변동 없음

월별 발송량

1월–12월
최근 12개월 발송 봉 수1월 780, 2월 812, 3월 905, 4월 968, 5월 1024, 6월 1130, 7월 1096, 8월 1188, 9월 1264, 10월 1330, 11월 1298, 12월 1442

최근 12개월 발송 봉 수

원두별 소진

하우스 · 예가체페 · 우일라 · 안티구아 · 키암부 · 만델링
이번 주 생두 소진량, 단위 kg하우스 88, 예가체페 64, 우일라 52, 안티구아 47, 키암부 38, 만델링 29

이번 주 생두 소진량, 단위 kg

플랜 구성

Solo · Duo · House
활성 구독의 플랜 비율Solo 58, Duo 31, House 11

활성 구독의 플랜 비율

최근 주문

목요일 발송분 기준으로 정렬했습니다.

주문번호고객플랜로스팅금액상태
LM-2418
김서김서연
Duo미디엄22,900원출고 완료
LM-2417
정도정도현
Solo라이트12,900원로스팅 중
LM-2416
한유한유진
House다크39,000원포장 대기
LM-2415
오세오세훈
Duo미디엄22,900원배송 중
LM-2414
문지문지아
Solo미디엄12,900원일시정지
LM-2413
배승배승우
Duo라이트22,900원출고 완료
LM-2412
신가신가온
House미디엄39,000원결제 대기
LM-2411
류하류하람
Solo다크12,900원출고 완료

로스팅 팀

이번 주 배치를 맡은 인원입니다.

박지이하최민윤채+1
  • 박지훈헤드 로스터
  • 이하늘품질 관리
  • 최민서생두 구매
  • 윤채원포장과 발송
  • 강태오고객 응대

알림 설정

운영 알림을 어디까지 받을지 정합니다.

남은 생두가 20kg 아래로 내려가면 알립니다.

매일 아침 여덟 시에 그날 배치 목록을 보냅니다.

두 주 연속 배송을 건너뛴 구독자를 표시합니다.

DEMO · SAAS 대시보드 · 레퍼런스

Shopify Polaris 규칙으로 지은 화면

LUMA 운영팀이 쓰는 구독 관리 대시보드 한 화면을 39가지 디자인 스타일로 각각 다시 지었습니다. 지표와 데이터는 그대로, 규칙만 갈아끼운 화면입니다.

이 화면이 지키는 규칙

상거래 경험을 위한 Shopify의 디자인 시스템으로, 명확하고 일관된 인터페이스를 제공합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Shopify Polaris 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 명확성 · 효율성 · 일관성. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 Polaris design token 사용 / 모바일 우선 반응형 쪽입니다. 무드로 읽으면 미니멀 · 신뢰감 계열, 여백이 넓은 · 중성적인 · 시대색이 옅은 · 격식 있는 자리에 놓입니다. 실제로는 이커머스 관리자 UI · 판매자용 대시보드 · Shopify 앱 개발 같은 화면에서 자주 만납니다.

색이 하는 일

Shopify 초록 기반 신뢰감 있는 이커머스 시스템. 판매자와 구매자 모두에게 안정적인 느낌. 색의 역할은 이렇게 나뉩니다 — interactive → 링크, 버튼 — Shopify Green 또는 파랑 / critical → 삭제·오류 — 빨강 / warning → 주의 — 노랑. 대신 넘지 않는 선이 있습니다 — Shopify 브랜드 초록 외 vivid color 추가 자제 / 이커머스 특성상 CTA(구매 버튼)는 항상 가장 눈에 띄어야 함. 이 페이지에 실제로 물려 있는 값은 강조색 #008060, 배경 #F6F6F7, 표면 #FFFFFF입니다. 대비 기준은 WCAG AA (4.5:1) 전면 준수 — 이커머스 접근성 중요.

글자와 리듬

중립적이고 신뢰감 있는 산세리프. 읽기 쉽고 전문적인 느낌. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 Polaris Type Scale. Polaris 타이포 스케일 준수 / merchant-facing UI는 정보 밀도 높게 — 작은 텍스트도 가독성 확보 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 SF Pro Text 계열, 제목 600 · 본문 400 두께, 자간 0em입니다. 섹션 사이 여백은 촘촘한 쪽으로 잡혀 있습니다.

손끝에서 갈리는 차이

Shopify Polaris에서 하지 않는 것은 분명합니다 — Polaris 컴포넌트 무시하고 커스텀 UI — Polaris 컴포넌트 우선 사용 / CTA 버튼 약하게 스타일링 금지 — 구매 액션 항상 강조. 버튼은 모서리를 살짝 굴린 모양에 어두워지는 호버, 카드는 바닥에서 떠 있는 표면에 살짝 떠오르는 반응으로 물려 있습니다. 전환은 100ms ease 한 박자로 통일했습니다. Polaris animation token 사용. 기능적 피드백 중심 모션. 이커머스 관리자 UI · Shopify 앱 · 판매자용 대시보드 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.