SYSTEM BLUEPRINT

매장 구인 요청·채용 현황
사용자별 화면 설계 및 시나리오

매장과 담당자의 요청·채용·충원 흐름을 실제 화면에 가깝게 정의한 설계도입니다.

스토리보드란?

스토리보드는 매장 사용자와 담당자가 어떤 화면에서 무엇을 확인하고 다음 행동으로 이어지는지 미리 확인하는 문서입니다. 핵심 화면은 요청 데이터가 운영 현황으로 변환되는 순서로 배치했습니다.

  1. 매장이 구인 요청을 작성하고 충원 상태를 확인하는 흐름
  2. 담당자가 여러 매장의 요청·채용·미충원을 집계하고 소통하는 흐름
  3. 엑셀 업로드와 권한으로 운영 데이터를 안전하게 인계하는 흐름

마지막까지 보시면 메신저 요청이 운영 가능한 앱 흐름으로 바뀌는 모습이 그려집니다.

매장 사용자 시나리오

매장 구인 요청 User Flow

매장이 필요한 인원을 빠르게 요청하고 충원 현황을 확인하는 흐름.

1. 요청 시작

매장과 근무일을 선택

2. 근무 조건 입력

시간·휴게·섹션 입력

3. 인원 제출

필요 인원과 미충원 TO 제출

4. 상태 확인

확정 명단과 충원 현황 확인

5. 변경 요청

미충원 기준을 다시 전달

매장 사용자 | 화면 01

구인 요청 작성

#u1_wf1
구인 요청 작성⋯
현재 상태
구인 요청

필수 항목을 선택해 메신저 없이 요청을 제출합니다.

근무일11월 12일
섹션홀 / 주방
필요 인원3명

[화면 개요 및 목적]

필수 항목을 선택해 메신저 없이 요청을 제출합니다.

[핵심 기능 로직]

요청 ID와 상태를 기준으로 데이터가 다음 화면에 즉시 이어집니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
매장 사용자 | 화면 02

요청 상세·변경

#u1_wf2
요청 상세·변경⋯
현재 상태
충원 현황

미충원 TO와 변경 사유를 한 화면에서 확인합니다.

근무일11월 12일
섹션홀 / 주방
필요 인원3명

[화면 개요 및 목적]

미충원 TO와 변경 사유를 한 화면에서 확인합니다.

[핵심 기능 로직]

요청 ID와 상태를 기준으로 데이터가 다음 화면에 즉시 이어집니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
매장 사용자 | 화면 03

내 매장 충원 현황

#u1_wf3
내 매장 충원 현황⋯
현재 상태
충원 현황

확정 명단과 미충원 인원을 실시간으로 봅니다.

근무일11월 12일
섹션홀 / 주방
필요 인원3명

[화면 개요 및 목적]

확정 명단과 미충원 인원을 실시간으로 봅니다.

[핵심 기능 로직]

요청 ID와 상태를 기준으로 데이터가 다음 화면에 즉시 이어집니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
담당자 운영자 시나리오

담당자 관리 User Flow

담당자가 매장별 요청을 확인하고 채용 결과와 진행 상태를 운영하는 흐름.

1. 요청 수신

새 요청을 즉시 확인

2. 검토·배정

매장별 요청을 우선순위로 정리

3. 채용 등록

확정 근무자의 최소 정보를 입력

4. 현황 집계

일자별 채용·미충원을 비교

5. 소통 기록

결근·지각·조퇴를 채팅으로 공유

담당자 운영자 | 화면 01

요청 큐·현황 집계

#u2_wf1
요청 큐·현황 집계오늘 12건

35개 이상 매장의 요청과 상태를 한눈에 봅니다.

요청12
채용28
미충원4
강남점충원 5/6
잠실점충원 2/4
문정점검토 중

[화면 개요 및 목적]

35개 이상 매장의 요청과 상태를 한눈에 봅니다.

[핵심 기능 로직]

요청 ID와 상태를 기준으로 데이터가 다음 화면에 즉시 이어집니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
담당자 운영자 | 화면 02

채용 결과 등록

#u2_wf2
채용 결과 등록오늘 12건

확정 근무자를 요청에 연결하고 충원 수를 갱신합니다.

요청12
채용28
미충원4
강남점충원 5/6
잠실점충원 2/4
문정점검토 중

[화면 개요 및 목적]

확정 근무자를 요청에 연결하고 충원 수를 갱신합니다.

[핵심 기능 로직]

요청 ID와 상태를 기준으로 데이터가 다음 화면에 즉시 이어집니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
담당자 운영자 | 화면 03

운영 소통·문자

#u2_wf3
운영 소통·문자오늘 12건

근무자 DB·문자·담당자 채팅을 이어갑니다.

요청12
채용28
미충원4
강남점충원 5/6
잠실점충원 2/4
문정점검토 중

[화면 개요 및 목적]

근무자 DB·문자·담당자 채팅을 이어갑니다.

[핵심 기능 로직]

요청 ID와 상태를 기준으로 데이터가 다음 화면에 즉시 이어집니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
관리자·인수인계 시나리오

관리·인수인계 User Flow

계정 범위와 업로드·배포 문서를 통해 운영이 지속되는 흐름.

1. 계정 등록

매장·담당자 계정 생성

2. 조회 범위

매장별 접근 범위 설정

3. 엑셀 업로드

파일 미리보기·오류 검증

4. 반영 확인

집계와 DB 결과 확인

5. 운영 인계

소스·스키마·매뉴얼 전달

관리자·인수인계 | 화면 01

계정·권한 관리

#u3_wf1
계정·권한 관리오늘 12건

매장별 조회 범위를 분리해 데이터 노출을 막습니다.

요청12
채용28
미충원4
강남점충원 5/6
잠실점충원 2/4
문정점검토 중

[화면 개요 및 목적]

매장별 조회 범위를 분리해 데이터 노출을 막습니다.

[핵심 기능 로직]

계정과 매장 범위를 매핑해 화면 조회 권한을 제한합니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
관리자·인수인계 | 화면 02

엑셀 업로드 검수

#u3_wf2
엑셀 업로드 검수오늘 12건

중복·오류를 확인한 뒤 구인 현황을 반영합니다.

요청12
채용28
미충원4
강남점충원 5/6
잠실점충원 2/4
문정점검토 중

[화면 개요 및 목적]

중복·오류를 확인한 뒤 구인 현황을 반영합니다.

[핵심 기능 로직]

업로드 파일을 검증하고 정상 행만 운영 데이터에 반영합니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL
관리자·인수인계 | 화면 03

배포·운영 인계

#u3_wf3
배포·운영 인계오늘 12건

발주사 저장소에서 다시 운영할 문서를 제공합니다.

요청12
채용28
미충원4
강남점충원 5/6
잠실점충원 2/4
문정점검토 중

[화면 개요 및 목적]

발주사 저장소에서 다시 운영할 문서를 제공합니다.

[핵심 기능 로직]

요청 ID와 상태를 기준으로 데이터가 다음 화면에 즉시 이어집니다.

  • 운영 흐름 연결
    React Native
  • 안전한 상태 관리
    PostgreSQL