바이크 닥터
화면 검토 스토리보드
앱 시안 3안 · 통합 쇼핑몰 · 센터 확인 정비기록
- 검토일
- 2026-09-01
- 대상
- 국민 라이더스 컴퍼니
- 화면 수
- 26장 (앱 9 · 쇼핑몰 12 · 센터 5)
- 상태
- 로컬 데모 · 실제 결제·예약·센터 연동 없음
사용법
- 화면마다 좋음 / 보통 / 빼기 중 하나에 표시해 주세요.
- 고칠 점이나 빠진 것은 그 아래 빈 줄에 적어 주세요.
- 마지막 장의 결정 기록 세 가지만 정해 주시면 다음 작업 범위가 확정됩니다.
이 문서의 센터·주소·재고·예약 슬롯·호환 규칙·후기·정비이력·점검표(DVI)는 화면 검토를 위한 가상 시드입니다.
실제 운영 정보나 안전 검증 결과가 아니며, 쇼핑몰 화면의 제품·차량 이미지는 생성 이미지입니다.
1
앱 시안 3안 — 홈 화면 비교
오늘의 핵심 결정
같은 데이터로 홈에서 무엇을 가장 먼저 보여 줄지만 다릅니다.
세 안 모두 다크 기본 · 한국어 전용 · 광고 없음 · 로그인 없음이며, 최신 yellow 디자인 언어를 적용했습니다.
A정비 여권 플러스
정비 우선. 지금 볼 정비 1건 + 계약·보험·검사 만기
사용 상황: 아침 출발 전 30초
B라이더 허브
업무 우선. 오늘 실수익과 업무 상태가 가장 큼
사용 상황: 운행 중 신호 대기 3초
C개러지 카드
다중 차량 우선. 차량 카드를 넘겨 상태를 봄
사용 상황: 센터 상담 중 화면으로 설명
지금 고르지 않아도 됩니다
뒤 세 장에서 각 안의 하위 화면을 보신 뒤 마지막 장에서 정해 주세요. 여기서는 첫인상만 적어 두시면 됩니다.
1-A
시안 A · 정비 여권 플러스
passportplus
“지금 봐야 할 정비 한 건”을 최상단에 두고, 그 아래 계약·보험·검사 만기를 한 화면에 모읍니다.
A-1홈
활성 차량 · 지금 확인할 정비 1건 · 만기 3칸(정기검사 D-42 / 책임보험 D-118 / 렌탈 D-73) · 기록 CTA 2개
A-2정비 근거 펼침
카드를 누르면 화면 이동 없이 같은 자리에서 마지막 교환·권장 주기·다음 교환·현재 주행과 게이지가 열립니다
A-3안전 범위 배지
목표 달성·효율·기록 습관만 보상합니다. 최장 근무시간·심야 근무 같은 위험을 부추기는 배지는 만들지 않는다고 화면에서 밝힙니다
1-B
시안 B · 라이더 허브
riderhub
오늘 번 돈과 지금 일하는 상태를 가장 크게, 정비·만기는 그 아래 경고 스트립으로 둡니다.
B-1업무 홈
오늘 실수익 대형 숫자 · 업무 시작/휴식/종료 · 오늘 요약 4칸 · 하루 목표와 달성(막대 + 목표 기준선)
B-2목표 설정
하루·월 목표 프리셋과 해제. 목표를 바꾸면 홈 기준선·판정·월간 요약·배지가 그 자리에서 다시 계산됩니다
B-3월간 수익
총수익·미수금·지출·순수익, 업무시간·이동거리·평균 시급, 플랫폼별 스택바, 일별 막대
B안에 대한 의견
판정 규칙: 목표를 정하지 않은 날과 기록이 없는 날은 미달성이 아닙니다. 연속은 달력이 아니라 근무일 기준이라 쉬어도 끊기지 않습니다.
1-C
시안 C · 개러지 카드
garagecards
차량 카드가 주인공입니다. 한 대씩 넘기며 정비·계약·보험 상태를 배지로 봅니다. 2대 이상 보유·렌탈 차량 대응.
C-1개러지 (1번째 차량)
차량 카드 캐러셀 · 상태 배지 3종(정비/계약/보험) · 정비 예정 2건 · 이번 달 요약
C-2카드를 넘긴 뒤
카드를 넘기면 아래 정비 예정·이번 달 요약·기록·계약 카드가 함께 교체됩니다
C-3밝은 화면
센터 상담용 라이트 테마. yellow의 Paper·Cream·Ink를 그대로 씁니다. 기본은 야간 배달용 다크입니다
2
통합 쇼핑몰 — 진입과 탐색
1 / 3
소모품·부품 + 공임 포함 정비 패키지 + 인증중고를 한 몰에서 봅니다.
차별점은 호환성 우선과 부품가·공임 분리입니다.
S-01홈
상단 고정 바에서 내 바이크를 고르면 전 페이지 호환 판정에 반영됩니다. DEMO SEED 고지는 어느 페이지에서도 숨기지 않습니다
S-02홈 하단 — 인증중고 진입
같은 홈에서 부품·패키지 아래로 인증중고까지 이어집니다. 보증 배지와 “정비 여권 연동 예시”가 카드에 함께 붙습니다
S-03카테고리 · 목록
좌측 필터(차종 호환·카테고리·가격·센터 재고·장착 가능). 비호환 상품은 회색 처리 + 라벨
S-10모바일 375px
같은 홈을 좁은 폭에서 본 상태. 가로 스크롤이 생기지 않습니다
2
통합 쇼핑몰 — 상품과 가격
2 / 3
이 몰의 핵심 화면입니다. 부품가와 공임이 상세부터 주문서까지 끝까지 분리되고, 배송만 / 센터 장착 두 갈래를 명시합니다.
S-04상품 상세 — 호환
초록 호환 배너 · 부품가 72,000원 / 장착 공임 35,000원 분리 · 센터 장착 시 예약 슬롯 선택 · 센터 재고 · 교환 주기
S-05상품 상세 — 비호환
내 차량에 맞지 않으면 붉은 배너와 함께 담기 자체를 막습니다. 데모 시드 규칙이며 실제 장착 적합성 판정은 아닙니다
S-06정비 패키지 상세
포함 항목 체크리스트와 소요 시간. 공임 포함 총액이되 부품가·공임 내역을 나눠 보여 줍니다
S-11장바구니
센터 장착 2건 + 배송만 1건. 부품 소계 122,000원 / 공임 소계 65,000원 / 합계 187,000원. 서로 다른 예약이 합쳐지지 않습니다
2
통합 쇼핑몰 — 인증중고와 주문
3 / 3
정비 이력이 신뢰 장치입니다. 센터 확인 기록과 고객 입력 기록을 시각적으로 구분합니다.
S-07인증중고 목록
모델·연식·주행거리·가격 필터와 보증 배지 예시. 가상 차량 5대
S-08정비이력 타임라인
센터 확인 형식에는 센터명·서명자·확인 시각이 붙고, 고객 입력 형식에는 서명자가 없습니다
S-09점검표 (DVI)
7개 항목 아코디언. 측정값과 판정을 함께 표시합니다. 실제 정비사 육안·계측 결과가 아닙니다
S-12주문 · 예약 확정
방문 센터·예약 일시와 “센터 확인 정비기록이 앱으로 발행됩니다” 안내. 결제는 일어나지 않습니다
3
센터 확인 정비기록 — 맡기고 확인하기
D · Center Proof · 1 / 2
맡긴 순간부터 무엇을 왜 고치는지 보이고, 끝나면 센터 확인 기록이 남는 흐름입니다.
쇼핑몰 주문과는 아직 연결되지 않은 별도의 정적 시뮬레이션입니다.
D-1작업현황
입고 → 점검 → 견적 확인 → 작업 → 출고 진행선과 작업번호·차량·센터·예약
D-2점검표
항목을 펼치면 측정 근거와 센터 확인자·시각이 같은 자리에서 열립니다
D-3견적 확인 → 작업 중
고객이 원격으로 견적을 확인하면 작업이 시작되고 진행선이 한 칸 나아갑니다
이 화면들은 센터 연동이 생겼을 때의 폐루프를 정적 화면으로 제안하는 것입니다.
실제 센터 예약 접수·전자서명·PDF 증명서·서버 검증은 없습니다.
3
센터 확인 정비기록 — 완료와 증명
D · Center Proof · 2 / 2
완료되는 순간 “무엇을 왜 고쳤는지”가 센터 확인 기록 한 장으로 남습니다.
D-4작업 완료
완료 순간 센터 확인 기록이 발행됩니다. “고객이 직접 적은 기록과 구분해 보관된다”고 화면에서 밝힙니다
D-5정비증명
운영 화면(다크)에서 증명 화면(밝은 paper)으로 전환됩니다. 부품가·공임·합계, 정비사·센터·확인 시각, 다음 점검
?여기에 없는 화면
이 흐름에 반드시 있어야 하는데 빠진 화면이 있다면 적어 주세요
전자서명·공식 인증·PDF 증명서가 아니라, 센터 확인자와 시각을 표시한 데모 정비증명 화면입니다.
정비이력·점검표·서명자는 모두 가상 시드입니다.
4
결정 기록
이 세 가지만 정해 주시면 됩니다
오늘 기능 추가를 약속하지 않습니다. 아래 세 가지가 다음 작업 범위를 정합니다.
1. 어느 홈이 가장 맞습니까?
세 안은 데이터가 아니라 홈에서 먼저 보여 주는 것이 다릅니다.
A · 정비 우선
B · 업무 우선
C · 다중 차량 우선
섞어서
2. 쇼핑몰에서 가장 먼저 진짜로 검증할 것은?
지금은 전부 가상 시드입니다. 실제 데이터로 바꿀 첫 항목 하나를 골라 주세요.
호환 데이터
센터 재고
예약
결제
3. 센터 확인 정비기록(D)을 다음 프로토타입으로 이어갈까요?
이어간다
보류
실제 센터 인터뷰가 먼저 필요
화면의 가격은 데모용 참고 시세이고 100일 또는 5,000km 보증 표기도 데모 기준입니다.
실제 판매가·보증 정책·장착 적합성은 별도로 확정해야 합니다.
