SYSTEM BLUEPRINT

타이어 장착 O2O
화면 설계안

소비자, 셀러, 장착점, 운영자 흐름을 1920 고정 슬라이드형 하이파이 와이어프레임으로 구체화했습니다.

소비자 시나리오

주변 검색에서 비회원 예약까지

앱 설치 없이 위치 기반 검색, 공임 확인, 차량 번호 예약, 알림톡 수신까지 1분 안에 완료합니다.

검색

핵심 진입

장착점 선택

조건 확인

공임 확인

정책 적용

인증 예약

데이터 저장

알림톡

상태 공유

소비자 | 화면 01

위치 기반 리스트

/search
타이어핏내 주변
송파 프리미엄 장착점2.1킬로미터
오늘 가능15:30, 17:00
표준 공임 확인

[화면 개요 및 목적]

위치 기반 리스트 화면은 소비자가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • 모바일 우선 반응형 레이아웃
소비자 | 화면 02

예약 입력

/booking
비회원 예약
차량 번호와 휴대전화만 입력
차량 번호12가 3456
휴대전화 인증인증 완료
예약 시간오늘 15:30
예약 완료 및 알림톡 발송

[화면 개요 및 목적]

예약 입력 화면은 소비자가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • 모바일 우선 반응형 레이아웃
소비자 | 화면 03

예약 완료

예약 번호TK-155569
입고 안내알림톡 발송 완료
장착점 안내주소, 영업시간, 준비물, 표준 공임을 예약 완료 화면에서 다시 확인합니다.
예약 내역 확인

[화면 개요 및 목적]

예약 완료 화면은 소비자가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • 모바일 우선 반응형 레이아웃
스마트스토어 셀러 시나리오

고유 링크 발급과 구독 관리

스마트스토어 상세페이지에 붙일 전국 장착점 링크를 발급하고 구독 결제 상태를 확인합니다.

가입 신청

핵심 진입

운영 승인

조건 확인

링크 발급

정책 적용

빌링 등록

데이터 저장

유입 확인

상태 공유

스마트스토어 셀러 | 화면 01

셀러 가입

/search
셀러 가입 신청
스토어 주소스마트스토어 링크 입력
담당자 정보운영자 승인 대기
가입 검수 요청

[화면 개요 및 목적]

셀러 가입 화면은 스마트스토어 셀러가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • 모바일 우선 반응형 레이아웃
스마트스토어 셀러 | 화면 02

고유 링크

/booking
전국 장착점 링크 발급
고유 주소https://service.kr/seller/fit-248
삽입 위치스마트스토어 상세페이지 버튼 영역
링크 복사

[화면 개요 및 목적]

고유 링크 화면은 스마트스토어 셀러가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • 모바일 우선 반응형 레이아웃
스마트스토어 셀러 | 화면 03

구독 현황

/ops
활성 42
실패 3
전환 8.4%
5월 구독료결제 완료
카드 만료재시도 필요

[화면 개요 및 목적]

구독 현황 화면은 스마트스토어 셀러가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • Data Aggregation & Visualization
  • 모바일 우선 반응형 레이아웃
장착점과 운영자 시나리오

예약 접수와 통합 제어

장착점은 캘린더와 상태 변경만 처리하고 운영자는 승인, 구독, 정산을 통합 관리합니다.

예약 확인

핵심 진입

입고 알림

조건 확인

작업 접수

정책 적용

완료 처리

데이터 저장

정산 확인

상태 공유

장착점과 운영자 | 화면 01

예약 캘린더

/search
장착점 예약 캘린더
10:30입고 예정
15:30접수 대기
17:00작업 완료
18:00예약 가능

[화면 개요 및 목적]

예약 캘린더 화면은 장착점과 운영자가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • 모바일 우선 반응형 레이아웃
장착점과 운영자 | 화면 02

상태 변경

/booking
입고 처리
12가 3456
예약 상태입고 완료
작업 상태타이어 장착 중
작업 완료로 변경

[화면 개요 및 목적]

상태 변경 화면은 장착점과 운영자가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • 모바일 우선 반응형 레이아웃
장착점과 운영자 | 화면 03

운영 대시보드

/ops
예약 128
정산 84
승인 7
장착점 승인검수 필요
셀러 구독차단 가능
공임 정산월별 확정

[화면 개요 및 목적]

운영 대시보드 화면은 장착점과 운영자가 실제 업무를 끊김 없이 처리하도록 필수 입력과 상태 정보를 한 화면에 모읍니다.

[핵심 기능 로직]

권한, 실패, 중복, 만료 상태를 화면 단에서 명확히 안내하고 서버에는 이력과 상태값을 남기는 구조입니다.

  • 권한별 API와 상태 기반 검증
  • Issue Tracking & Status Management