SYSTEM BLUEPRINT

작품에서 거래까지
한눈에 보는 스토리보드

감상의 여백과 거래의 명확함을 함께 설계합니다.

스토리보드란?

스토리보드는 주요 화면과 행동의 흐름을 미리 살펴보는 문서입니다. 아래 화면은 이번 프로젝트를 위해 제작한 신규 제안 시안입니다.

  1. 구매자: 작품 감상에서 안전한 결제까지
  2. 작가: 가입 승인에서 작품 등록과 알림까지
  3. 관리자: 독립된 승인에서 주문별 정산까지

마지막까지 보시면 작품 한 점의 거래가 어떻게 연결되는지 확인할 수 있습니다.

구매자 시나리오

마음에 남은 작품을 내 공간으로

각 상태를 분리하여 다음 행동이 가능한 시점을 명확히 보여줍니다.

작품 발견

필요한 정보 확인

작가 탐색

권한과 조건 점검

주문 확보

핵심 행동 수행

결제 완료

완료 상태 확인

구매 확정

다음 여정 연결

구매자 | 화면 01

작품과 작가

운영자 전용 화면
그림이 머무는 곳

오늘, 마음에 남는 한 점

제안 시안용 미술 작품 이미지
고요한 오후

김서연 · 캔버스에 유채

작품 크기53 × 45.5cm
판매 희망가1,200,000원
판매 중 원화 1점
김서연 작가의 다른 작품

창가의 온도 판매 완료

일상의 빛과 조용한 공간을 그립니다.

작품
알림
마이

[화면 개요 및 목적]

작품을 크게 보고 작가의 다른 작품을 탐색한다. 작품 중심 디자인과 거래 상태 연결 전략을 실제 화면으로 보여줍니다.

[핵심 기능 로직]

감상하기·작가 보기·작품 비교하기·관심 저장하기. 큰 작품 이미지가 앵커. 판매 중과 판매 완료 상태를 구분한 작품 카드. 데모에서 승인 → 공개 → 결제 → 정산을 순서대로 체험합니다.

  • 상태와 권한을 서버에서 검증
    PHP · Laravel · MySQL
구매자 | 화면 02

주문과 결제

운영자 전용 화면
주문 · 결제
제안 시안용 미술 작품 이미지고요한 오후

김서연 · 원화 1점

작품 금액1,200,000원
배송비0원
배송지서울 송파구 · 김*준
주문 확보 결제 대기

결제 중 다른 구매자의 중복 주문을 방지합니다.

총 결제금액

1,200,000원
작품
알림
마이

[화면 개요 및 목적]

한 점뿐인 작품의 주문과 결제를 명확히 연결한다. 작품 중심 디자인과 거래 상태 연결 전략을 실제 화면으로 보여줍니다.

[핵심 기능 로직]

주문 확인하기·배송지 확인하기·결제하기. 작품 요약과 총 결제금액 앵커. 주문 확보와 결제 대기 상태. 데모에서 승인 → 공개 → 결제 → 정산을 순서대로 체험합니다.

  • 상태와 권한을 서버에서 검증
    PHP · Laravel · MySQL
구매자 | 화면 03

[화면 개요 및 목적]

[핵심 기능 로직]

    작가 시나리오

    승인된 작가의 작품이 공개되기까지

    각 상태를 분리하여 다음 행동이 가능한 시점을 명확히 보여줍니다.

    가입 신청

    필요한 정보 확인

    작가 승인

    권한과 조건 점검

    작품 등록

    핵심 행동 수행

    공개 승인

    완료 상태 확인

    판매 알림

    다음 여정 연결

    작가 | 화면 01

    작가 작업실

    운영자 전용 화면
    김서연의 작업실
    김서연 작가

    작가 승인 완료

    작품 등록 권한이 열렸습니다.

    제안 시안용 미술 작품 이미지고요한 오후
    판매 희망가1,200,000원
    작품 크기53 × 45.5cm
    작품 검토 중 구매 화면 비공개
    최근 알림

    오늘 09:30 · 작가 승인이 완료됐어요.

    앱 푸시 수신 켜짐 · 모바일 웹과 같은 화면

    작품
    알림
    마이

    [화면 개요 및 목적]

    승인된 작가만 등록하고 작품 승인 알림을 받는다. 작품 중심 디자인과 거래 상태 연결 전략을 실제 화면으로 보여줍니다.

    [핵심 기능 로직]

    승인 확인하기·작품 등록하기·가격 입력하기·알림 보기. 상태별 작품 목록과 등록 버튼. 검토 중과 공개 중을 분리. 데모에서 승인 → 공개 → 결제 → 정산을 순서대로 체험합니다.

    • 상태와 권한을 서버에서 검증
      PHP · Laravel · MySQL
    작가 | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      작가 | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]

        관리자 시나리오

        승인과 정산의 연결을 관리합니다

        각 상태를 분리하여 다음 행동이 가능한 시점을 명확히 보여줍니다.

        작가 심사

        필요한 정보 확인

        작품 검토

        권한과 조건 점검

        공개 승인

        핵심 행동 수행

        주문 확인

        완료 상태 확인

        정산 관리

        다음 여정 연결

        관리자 | 화면 01

        작가 승인

        운영자 전용 화면

        작가 가입 신청 검토

        운영자

        검토 이력과 처리 결과를 한 화면에서 확인합니다.

        검토 대기 3건
        김서연

        유화 · 서울

        승인 대기
        박도윤

        사진 · 부산

        자료 보완
        이하린

        아크릴 · 경기

        검토 중
        김서연 작가

        빛과 공간을 그리는 회화 작가

        제안 시안용 미술 작품 이미지
        제출 작품7점
        신청 접수9월 11일 (금)

        미승인 상태: 작품 등록 불가

        처리 기록

        9월 11일 (금) 09:30 · 운영자가 자료 확인을 완료했습니다.

        승인과 반려, 주문 변경 이력은 각각 저장합니다.

        [화면 개요 및 목적]

        작가 승인과 작품 승인을 독립적으로 관리한다. 작품 중심 디자인과 거래 상태 연결 전략을 실제 화면으로 보여줍니다.

        [핵심 기능 로직]

        신청 검토하기·자료 확인하기·승인하기·보완 요청하기. 신청 큐와 상세 패널. 미승인 등록 잠금과 승인 후 허용. 데모에서 승인 → 공개 → 결제 → 정산을 순서대로 체험합니다.

        • 상태와 권한을 서버에서 검증
          PHP · Laravel · MySQL
        관리자 | 화면 02

        작품 심사와 공개

        운영자 전용 화면

        작품 심사 · 공개 승인

        운영자

        검토 이력과 처리 결과를 한 화면에서 확인합니다.

        제안 시안용 미술 작품 이미지

        고요한 오후 · 김서연

        작가 승인 완료 작품 승인 대기
        작품 정보 검토
        판매 희망가1,200,000원
        크기53 × 45.5cm
        재료캔버스에 유채
        판매 수량원화 1점

        이미지와 작품 정보 확인

        승인 전 구매자에게 비공개

        가격 변경은 재검토 정책에 따라 처리합니다.

        처리 기록

        9월 11일 (금) 09:30 · 운영자가 자료 확인을 완료했습니다.

        승인과 반려, 주문 변경 이력은 각각 저장합니다.

        [화면 개요 및 목적]

        가격과 작품 정보 검토 이후에만 구매자에게 노출한다. 작품 중심 디자인과 거래 상태 연결 전략을 실제 화면으로 보여줍니다.

        [핵심 기능 로직]

        이미지 검토하기·가격 확인하기·승인하기·반려하기. 작품 이미지와 심사 체크리스트. 승인 대기와 공개 상태. 데모에서 승인 → 공개 → 결제 → 정산을 순서대로 체험합니다.

        • 상태와 권한을 서버에서 검증
          PHP · Laravel · MySQL
        관리자 | 화면 03

        주문별 정산 관리

        운영자 전용 화면

        주문별 정산 명세

        운영자

        검토 이력과 처리 결과를 한 화면에서 확인합니다.

        판매 금액

        1,200,000원

        수수료 예시 10%

        120,000원

        지급 예정액

        1,080,000원
        고요한 오후 · 김서연
        주문 번호ORD-0911-028
        결제 상태결제 완료
        구매 상태구매 확정
        취소 금액0원
        지급 대기 취소 주문 보류

        수수료와 정산 주기는 협의 사항입니다. 실제 송금은 실행하지 않습니다.

        처리 기록

        9월 11일 (금) 09:30 · 운영자가 자료 확인을 완료했습니다.

        승인과 반려, 주문 변경 이력은 각각 저장합니다.

        [화면 개요 및 목적]

        판매금액과 차감액과 지급액을 주문 단위로 추적한다. 작품 중심 디자인과 거래 상태 연결 전략을 실제 화면으로 보여줍니다.

        [핵심 기능 로직]

        주문 조회하기·차감 확인하기·정산 확정하기·보류하기. 정산 금액 앵커와 거래 명세. 지급 대기와 취소 보류 상태. 데모에서 승인 → 공개 → 결제 → 정산을 순서대로 체험합니다.

        • 상태와 권한을 서버에서 검증
          PHP · Laravel · MySQL