SYSTEM BLUEPRINT

주문부터 출고까지
한 번 기록으로 연결

안과와 본사가 함께 쓰는 주문·출고 관리 스토리보드

스토리보드란?

스토리보드는 만들 화면을 미리 살펴보는 문서입니다. 안과의 접수와 본사의 출고를 같은 주문으로 따라갑니다.

  1. 안과: 양안 처방 입력부터 출고 정보 조회까지
  2. 본사: 주문 확인부터 송장·거래처·제품 관리까지

마지막까지 보시면 매일의 주문 업무가 어떻게 연결되는지 확인하실 수 있습니다.

안과 시나리오

접수하고 직접 확인합니다

가상 주문을 통해 살펴보는 핵심 업무 흐름

계정 로그인

본사 발급 계정

주문 입력

렌즈 또는 용액

주문 접수

한 번 기록

진행 조회

우리 안과 주문

출고 확인

송장 정보 확인

안과 | 화면 01

렌즈 주문 입력

안과 업무 화면 · 가상 정보
주문·출고 관리밝은샘안과 · 가상 정보
렌즈 주문 입력

한 주문의 접수와 출고를 함께 확인합니다

주문 · 교환 선택
김하늘
드림 기본형
환자 직배송
양안 처방 · 입력 완료
BCPOWERDIACOLOR각인
우안8.40-2.5010.6투명R
좌안8.50-2.2510.6투명L
직배송 수령 정보
김하늘
010-0000-0017
서울 성동구 가상로 17
부재 시 문 앞 보관
입력 완료접수 대기필수 항목 확인 후 접수 · 중복 클릭은 한 주문으로 처리
사전 제작 화면 · 모든 정보는 가상
주문 접수

[화면 개요 및 목적]

양안 처방과 직배송을 한 화면에 모아 옮겨 적는 실수를 줄입니다. 데모 첫 단계와 연결됩니다.

[핵심 기능 로직]

필수값과 처방 형식을 확인합니다. 접수 식별자로 중복 저장을 막고, 양안 정보를 한 주문에 보관합니다.

  • 중복 없는 주문 접수
    PostgreSQL · 고유 제약
안과 | 화면 02

용액 주문 입력

안과 업무 화면 · 가상 정보
주문·출고 관리밝은샘안과 · 가상 정보
용액 주문 입력

처방 없이 제품과 박스 수량만 입력합니다

용액 선택
제품수량선택
렌즈 케어액 120ml3 Box선택
단백질 제거액 30ml1 Box미선택
보존액 360ml2 Box미선택
주문 요약
렌즈 케어액 120ml
3 Box
안과 배송
배송과 요청사항
밝은샘안과 · 등록 주소
진료실 접수대로 전달

용액은 박스 단위로 주문합니다. 렌즈 처방과 가격 계산은 표시하지 않습니다.

사전 제작 화면 · 모든 정보는 가상
용액 주문 접수

[화면 개요 및 목적]

렌즈와 다른 주문 구조로 처방 없는 박스 주문을 구분합니다. 데모 주문 원장과 같은 접수 구조를 씁니다.

[핵심 기능 로직]

제품과 박스 수량, 배송방식, 메모만 입력합니다. 양수 정수 수량을 확인하고 별도 종류로 저장합니다.

  • 주문 종류 명확한 분리
    TypeScript · 입력 검증
안과 | 화면 03

우리 안과 주문 조회

안과 업무 화면 · 가상 정보
주문·출고 관리밝은샘안과 · 가상 정보
우리 안과 주문 조회

한 주문의 접수와 출고를 함께 확인합니다

9월 1일 ~ 9월 11일
김하늘 · 렌즈
주문번호고객 / 제품진행
ORD-0911-017김하늘 · 드림 기본형출고
ORD-0911-012이도윤 · 드림 표준형접수
ORD-0910-008렌즈 케어액 · 3 Box확인
출고 완료 · ORD-0911-017
우체국택배
6890-1234-5678
9월 11일 14:32
BCPOWERDIACOLOR각인
우안8.40-2.5010.6투명R
좌안8.50-2.2510.6투명L
사전 제작 화면 · 모든 정보는 가상
주문 상세 보기

[화면 개요 및 목적]

본사가 등록한 송장이 같은 주문에 보입니다. 데모 넷째 단계에서 출고 반영을 확인합니다.

[핵심 기능 로직]

기간과 고객명으로 자기 안과 주문만 조회합니다. 상세의 처방·상태·송장은 본사 원장과 연결됩니다.

  • 안과별 정보 분리
    Supabase · RLS
본사 시나리오

확인하고 같은 주문에 기록합니다

가상 주문을 통해 살펴보는 핵심 업무 흐름

주문 확인

종류별 접수 목록

진행 변경

변경 이력 보관

송장 등록

출고 정보 반영

기준 관리

거래처와 제품

엑셀 인계

조건별 데이터 추출

본사 | 화면 01

주문 확인과 송장

본사 업무 화면 · 가상 정보
주문·출고 관리본사 관리자 · 가상 정보
주문 확인과 송장

한 주문의 접수와 출고를 함께 확인합니다

렌즈 주문 · 용액 주문
9월 11일 · 밝은샘안과
주문번호거래처고객진행
ORD-0911-017밝은샘안과김하늘확인
ORD-0911-014해맑은안과박서윤접수
ORD-0910-008밝은샘안과용액 3 Box접수
선택 주문 상세
드림 기본형 · 환자 직배송
BCPOWERDIACOLOR각인
우안8.40-2.5010.6투명R
좌안8.50-2.2510.6투명L
송장 등록
우체국택배
6890-1234-5678

같은 송장을 여러 주문에 수동 입력할 수 있습니다.

사전 제작 화면 · 모든 정보는 가상
송장 저장 · 출고 반영

[화면 개요 및 목적]

접수한 주문을 본사가 확인하고 출고합니다. 데모 둘째와 셋째 단계에서 이 흐름을 체험합니다.

[핵심 기능 로직]

렌즈와 용액을 나누어 검색하고 상태를 변경합니다. 송장 저장 시 변경자와 시각을 남깁니다.

  • 같은 주문에 출고 반영
    PostgreSQL · 트랜잭션
본사 | 화면 02

거래처와 계정 관리

본사 업무 화면 · 가상 정보
주문·출고 관리본사 관리자 · 가상 정보
거래처와 계정 관리

한 주문의 접수와 출고를 함께 확인합니다

거래처계정주문 이력상태
밝은샘안과bright@example.invalid17건정상
해맑은안과clear@example.invalid8건정상
새로운안과new@example.invalid3건거래중지
밝은샘안과 정보
CL-017
이서준 · 02-0000-0017
서울 성동구 가상로 17
계정 발급과 접근
관리자 발급 이메일 계정
정상 · 거래중지로 변경

비밀번호 평문 저장 없음

타 안과 주문 접근 차단

주문 이력은 삭제하지 않고 보존

거래처 등록 · 수정 · 계정 발급 · 상태 변경을 본사에서 관리합니다.

사전 제작 화면 · 모든 정보는 가상
정보 수정 · 계정 발급

[화면 개요 및 목적]

안과별 권한과 상태 관리로 정보 분리를 증명합니다. 데모의 안과 조회 권한을 뒷받침합니다.

[핵심 기능 로직]

본사가 계정을 발급하고 거래중지로 접근을 제한합니다. 주문 이력은 보존하며 비밀번호를 평문 저장하지 않습니다.

  • 거래처별 접근 제한
    Supabase Auth · RLS
본사 | 화면 03

제품과 엑셀 인계

본사 업무 화면 · 가상 정보
주문·출고 관리본사 관리자 · 가상 정보
제품과 엑셀 인계

한 주문의 접수와 출고를 함께 확인합니다

제품 코드제품명기록용 공급 단가판매 상태
LENS-01드림 기본형밝은샘안과 · 87,000원판매
SOL-03렌즈 케어액 120ml밝은샘안과 · 23,500원판매
LENS-07드림 이전형해맑은안과 · 76,000원판매 중지
제품 정보 관리
LENS-01 · 드림 기본형
신규 등록 · 수정 · 판매 중지

공급 단가는 기록용입니다.
안과 주문에 금액을 표시하거나 계산하지 않습니다.

엑셀 다운로드
9월 1일 ~ 9월 11일
렌즈 주문
주문번호 · 거래처 · 처방 · 배송

컬럼과 순서는 기존 장부 샘플로 확정합니다.

사전 제작 화면 · 모든 정보는 가상
엑셀 다운로드

[화면 개요 및 목적]

제품 관리와 장부 인계를 한눈에 정리합니다. 데모의 동일 주문 데이터를 후속 업무에 연결합니다.

[핵심 기능 로직]

판매 중지로 신규 선택을 막습니다. 공급 단가는 기록만 하고, 조건별 주문·처방·배송을 엑셀로 추출합니다.

  • 후속 장부로 데이터 인계
    PostgreSQL · ExcelJS
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]