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
송파 장착점 캘린더오늘 입고 6건
리프트와 타이어 재고를 함께 보는 예약판
캘린더
차량
리프트
입고
10:30입고 예정
15:30접수 대기
17:00작업 완료
18:00예약 가능

[화면 개요 및 목적]

예약 캘린더 화면은 차량 입고, 리프트, 작업 시간, 알림을 함께 보여 주어 장착점 현장 직원이 오늘 작업 흐름을 바로 파악하게 합니다.

[핵심 기능 로직]

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

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

상태 변경

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

[화면 개요 및 목적]

상태 변경 화면은 차량 이미지와 입고, 장착 중, 완료 버튼을 전면에 배치해 현장 직원이 복잡한 관리 기능 없이 상태만 바꾸게 합니다.

[핵심 기능 로직]

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

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

운영 대시보드

/ops
운영자가 한눈에 보는 O2O 관제판
승인
셀러
장착점
정산
예약 128
정산 84
승인 7
장착점 승인검수 필요
셀러 구독차단 가능
공임 정산월별 확정

[화면 개요 및 목적]

운영 대시보드 화면은 장착점 승인, 셀러 구독, 공임 정산 아이콘을 한 화면에 배치해 운영자가 병목 상태를 즉시 확인하게 합니다.

[핵심 기능 로직]

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

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