SYSTEM BLUEPRINT

바디케어 CRM
역할별 화면과 시연 여정

관찰에서 프로그램 확정, 고객 홈운동까지 핵심 업무가 실제 화면으로 이어지는 설계도입니다.

스토리보드란?

스토리보드는 관리사·고객·관리자의 화면을 실제 업무 순서대로 배치한 기능 증명 문서입니다.

  1. 관리사가 고객을 선택하고 관찰 항목으로 프로그램 후보를 좁히는 흐름
  2. 고객이 본인의 이력과 홈운동을 확인하고 수행을 체크하는 흐름
  3. 관리자가 자료·연결 기준·권한을 운영하는 흐름

마지막까지 보시면 시연 가능한 CRM MVP의 업무 흐름이 머릿속에 그려집니다.

관리사 시나리오

관찰에서 프로그램 확정까지

관리사가 고객 상태를 구조화하고 맞춤 관리 프로그램을 저장하는 핵심 업무 흐름.

1. 고객 선택

고객 카드와 최근 방문 이력을 확인

2. 관찰 체크

신체·움직임 항목을 복수 선택

3. 후보 비교

관련 근육·프로그램 후보를 확인

4. 상세 검토

수기 방법·주의사항·운동 자료 확인

5. 최종 저장

선택 프로그램을 고객 기록에 저장

관리사 | 화면 01

고객 선택 대시보드

careflow.local/u1/1
careflow.local/고객 관리
careflow대시보드고객 관리관리 이력프로그램 자료
고객 관리 · 오늘의 운영

고객 관리

고객 카드와 최근 방문 이력을 한눈에 확인합니다.

12명관리 중 고객3건오늘 방문

[화면 개요 및 목적]

고객 카드와 최근 방문 이력을 한눈에 확인합니다.

[핵심 기능 로직]

R1 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
관리사 | 화면 02

관찰 항목 체크

careflow.local/u1/2
careflow.local/관찰 결과 입력
careflow대시보드관찰 결과 입력관리 이력프로그램 자료
관찰 결과 입력 · 오늘의 운영

관찰 결과 입력

복수 선택한 항목이 연결 기준을 통해 다음 후보 화면으로 이어집니다.

✓ 어깨 거상 제한✓ 목 회전 불편○ 골반 좌우 불균형

[화면 개요 및 목적]

복수 선택한 항목이 연결 기준을 통해 다음 후보 화면으로 이어집니다.

[핵심 기능 로직]

R2 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
관리사 | 화면 03

프로그램 후보와 최종 저장

careflow.local/u1/3
careflow.local/추천 후보 3건
careflow대시보드추천 후보 3건관리 이력프로그램 자료
추천 후보 3건 · 오늘의 운영

추천 후보 3건

대상 근육·수기 방법·주의사항을 확인한 뒤 최종 프로그램을 기록합니다.

상부승모근 이완 선택견갑 안정화 루틴경추 가동성 케어

[화면 개요 및 목적]

대상 근육·수기 방법·주의사항을 확인한 뒤 최종 프로그램을 기록합니다.

[핵심 기능 로직]

R3 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
고객 시나리오

내 이력과 홈운동 확인

고객이 모바일에서 패키지·방문 이력·배정 운동을 확인하고 수행을 체크하는 흐름.

1. 로그인

안전하게 본인 계정으로 진입

2. 이용 현황

패키지와 방문 이력 확인

3. 홈운동

관리사가 배정한 운동을 확인

4. 수행 체크

오늘의 수행 여부를 기록

5. 다음 방문

이전 기록을 기반으로 이어가기

고객 | 화면 01

고객 홈

careflow.local/u2/1
careflow.local/내 이용 현황
careflow대시보드내 이용 현황관리 이력프로그램 자료
내 이용 현황 · 오늘의 운영

내 이용 현황

패키지와 최근 관리 이력을 모바일에서 확인합니다.

바디 밸런스 8회잔여 5회 · 최근 방문 10/26

[화면 개요 및 목적]

패키지와 최근 관리 이력을 모바일에서 확인합니다.

[핵심 기능 로직]

R5 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
고객 | 화면 02

홈운동 수행 체크

careflow.local/u2/2
careflow.local/오늘의 홈운동
careflow대시보드오늘의 홈운동관리 이력프로그램 자료
오늘의 홈운동 · 오늘의 운영

오늘의 홈운동

배정된 운동 영상과 오늘 수행 여부를 기록합니다.

목 회전 가동성 · 8분오늘 수행 전

[화면 개요 및 목적]

배정된 운동 영상과 오늘 수행 여부를 기록합니다.

[핵심 기능 로직]

R5 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
고객 | 화면 03

방문 이력 상세

careflow.local/u2/3
careflow.local/관리 이력
careflow대시보드관리 이력관리 이력프로그램 자료
관리 이력 · 오늘의 운영

관리 이력

방문 회차별 기록과 다음 관리 포인트를 확인합니다.

10/26 · 견갑 안정화10/19 · 경추 가동성

[화면 개요 및 목적]

방문 회차별 기록과 다음 관리 포인트를 확인합니다.

[핵심 기능 로직]

R1 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
관리자 시나리오

자료·기준·권한 운영

관리자가 프로그램 자료와 연결 기준을 직접 관리하고 역할별 접근 권한을 설정하는 흐름.

1. 자료 등록

근육별 수기·운동 자료 등록

2. 기준 연결

관찰 항목과 프로그램 연결

3. 계정 관리

관리자·관리사·고객 계정 관리

4. 권한 검수

역할별 노출 범위 확인

5. 운영 인계

매뉴얼과 기준표를 발주사에 인계

관리자 | 화면 01

프로그램 자료 관리

careflow.local/u3/1
careflow.local/자료 라이브러리
careflow대시보드자료 라이브러리관리 이력프로그램 자료
자료 라이브러리 · 오늘의 운영

자료 라이브러리

근육별 관리 방법과 운동 자료를 추가·수정합니다.

상부승모근수기 2건 · 운동 3건수정

[화면 개요 및 목적]

근육별 관리 방법과 운동 자료를 추가·수정합니다.

[핵심 기능 로직]

R4 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
관리자 | 화면 02

연결 기준 관리

careflow.local/u3/2
careflow.local/관찰 항목 ↔ 프로그램
careflow대시보드관찰 항목 ↔ 프로그램관리 이력프로그램 자료
관찰 항목 ↔ 프로그램 · 오늘의 운영

관찰 항목 ↔ 프로그램

창업자가 직접 기준을 추가하고 수정할 수 있습니다.

목 회전 불편→경추 가동성 케어

[화면 개요 및 목적]

창업자가 직접 기준을 추가하고 수정할 수 있습니다.

[핵심 기능 로직]

R4 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript
관리자 | 화면 03

계정·권한 관리

careflow.local/u3/3
careflow.local/역할별 접근 권한
careflow대시보드역할별 접근 권한관리 이력프로그램 자료
역할별 접근 권한 · 오늘의 운영

역할별 접근 권한

고객 정보는 필요한 역할에만 노출되도록 설정합니다.

관리자 · 전체관리사 · 운영고객 · 본인 정보

[화면 개요 및 목적]

고객 정보는 필요한 역할에만 노출되도록 설정합니다.

[핵심 기능 로직]

R4 기준을 데이터 태그로 남기고 저장 권한을 역할별로 검사합니다.

  • 재현 가능한 기준
    Supabase RLS
  • 운영 가능한 자료
    React + TypeScript