내 차에 맞는 타이어를 찾고, 교체할 시간과 장소까지 한 번에 — 타이어 쇼핑 · 정비 예약 웹 서비스

주요 기능

1. 차량번호로 타이어 찾기 — 메인 검색창에 12가 3456 을 넣으면 쏘렌토 2.2 디젤 · 2021 이라는 차량 정보와 타이어 사이즈 235/60R18, 배터리(AGM 80Ah), 와이퍼(650 / 400mm), 엔진오일(6.5L · 5W-30)이 나오고, 「이 차에 맞는 타이어 검색하기」로 바로 목록에 들어갑니다. 위 정보는 내 차량으로 등록해 둘 수 있습니다.
2. 조건으로 좁히는 타이어 리스트 — 차량 · 사이즈 · 가격 범위와 #사계절 #윈터 #SUV #정숙성 #연비 #런플랫 태그로 좁히고, 신상품순 등으로 정렬합니다. 그립온 컴포트 S2 는 정가 296,000원에서 53% 할인된 139,000원처럼 정가와 할인율을 함께 보여 줍니다.
3. 매장 · 출장 선택 예약 — 타이어 상세에서 수량(1~4개)과 예약 방식을 고르고 「바로 예약하기」를 누르면 서비스 → 매장 · 주소 → 일시 → 차량 4단계 창이 이어집니다. 매장 서비스는 마곡점(0.8km) · 발산역점(1.6km) · 화곡점(3.2km) 중에서, 출장 서비스는 방문 주소를 넣어 정합니다.
4. 마감이 보이는 일시 선택 — 5일치 날짜와 시간 칸을 한눈에 보여 주고, 이미 찬 시간은 「마감」으로 막습니다. 고르면 「10월 24일 (토) 14:00 ~ 15:00 예약이 가능해요」라고 다시 알려 줍니다.
5. 쿠폰 · 포인트 결제와 예약 내역 — 상품 556,000원에서 가을 맞이 10% 쿠폰(-55,600원), 포인트 1,000원을 빼고 출장비 0원을 더해 총 499,400원이 됩니다. 결제 뒤에는 마이페이지에서 상태(결제 완료 · 정비사 배정 · 작업 완료 · 취소)별로 예약을 보고, 변경 · 취소 · 리뷰 작성(500P 적립)까지 이어갑니다.

이 서비스가 해결하는 문제

타이어는 사이즈를 잘못 사면 교체가 불가능하고, 사려면 옆면의 숫자 235/60R18 이 무슨 뜻인지부터 알아야 합니다. 겨우 골라도 교체는 따로 정비소를 찾아 전화로 시간을 잡아야 하고, 장착비 · 폐타이어 처리비가 얼마인지는 가 봐야 아는 경우가 많습니다. 쉬는 날 정비소까지 차를 끌고 가는 일 자체도 부담입니다.

gripon 은 차량번호 하나로 맞는 사이즈를 찾아 주고, 상품을 고른 같은 흐름 안에서 매장 방문과 출장 교체 중 하나를 골라 가능한 시간만 눌러 예약하게 했습니다. 4개를 교체하면 장착비와 기존 타이어 폐기 비용이 무료이고, 출장 교체 첫 이용 쿠폰으로 출장비도 0원이 됩니다.

핵심 가치 제안

• 차를 모르는 운전자도 — 사이즈를 외우지 않아도 차량번호만 넣으면 타이어 · 배터리 · 와이퍼 · 엔진오일 정보가 나오고, 내 차량으로 저장해 다음 예약에 다시 씁니다.
• 일하는 시간을 아끼고 싶은 고객 — 회사나 집 주차장으로 정비사가 찾아와 업무 중에 교체를 끝냅니다. 방문이 편하면 가까운 매장을 거리순으로 골라 예약합니다.
• 정비사 · 운영팀 — 정비사는 전용 앱으로 오늘 작업 일정과 주소 · 요청 사항을 받고 작업 전후 사진을 올립니다. 운영팀은 관리자 웹에서 주문에 정비사 · 매장을 배정하고 쿠폰 사용과 정비사별 작업 건수를 봅니다.

사용자 시나리오

고객 (김현우 님 · 쏘렌토를 타는 마곡동 회사원)

1. 휴대폰 본인 인증으로 회원가입을 마치고 메인 검색창에 12가 3456 을 입력합니다.
2. 쏘렌토 2.2 디젤의 타이어 사이즈 235/60R18 을 확인하고 「이 차에 맞는 타이어 검색하기」를 눌러 리스트로 갑니다.
3. 정가 296,000원에서 53% 내린 139,000원의 그립온 컴포트 S2 를 열어 리뷰(★ 4.7 · 1,301개)를 보고 4개를 고릅니다. 합계는 556,000원입니다.
4. 출장 서비스를 골라 회사 주차장 주소(서울 강서구 마곡중앙로 161, 주차장 B2)를 넣고, 10월 24일 (토) 14:00 ~ 15:00 를 선택한 뒤 내 차량에서 쏘렌토를 고릅니다.
5. 가을 맞이 10% 쿠폰과 포인트 1,000P 를 쓰고 신용카드로 499,400원을 결제합니다. 주문번호 G20261022-08412 가 나오고, 예약 하루 전에 정비사가 연락합니다.
6. 마이페이지에서 이도윤 정비사가 배정된 것을 확인합니다. 지난 8월 마곡점에서 교체한 투어 HP 4개(472,000원)에는 리뷰를 써서 500P 를 적립합니다.

기획자 관점의 인사이트

• 검색 입구를 사이즈가 아닌 차량번호로. 타이어 구매의 가장 큰 장벽이 사이즈를 아는 것이라, 번호 한 줄로 제원을 보여 주고 맞는 상품만 좁혔습니다.
• 쇼핑과 예약을 한 흐름으로. 장착이 따라오는 상품이라 상세 화면에서 곧바로 예약 창을 열고, 4단계 창으로 입력을 나눠 중간에 이탈하지 않게 했습니다.
• 출장과 매장을 같은 틀에. 두 서비스는 주소를 넣느냐 매장을 고르느냐만 다르고 일시 · 차량 · 결제는 같게 만들어, 사용자는 방식만 바꿔 같은 순서로 예약합니다.
• 교체 후 리뷰까지가 한 사이클. 작업 완료 주문에만 리뷰 쓰기를 열고 포인트를 줘, 매장 · 출장 · 상품으로 나뉜 리뷰가 다음 사람의 선택 근거가 됩니다.

이 프로젝트에서 배울 수 있는 것

타이어처럼 사서 끝나지 않고 작업이 이어지는 상품은 상품 상세와 예약이 한 화면 흐름에 있어야 합니다. gripon 은 차량 정보를 입구로 쓰고, 마감 시간을 보여 주는 일시 선택과 쿠폰 · 포인트가 한 번에 계산되는 결제로 쇼핑 → 예약 → 결제 → 리뷰를 끊김 없이 잇는 구조를 보여 줍니다.

서비스 개요

사용자 웹

• 회원가입(약관 · 휴대폰 본인 인증 · 추천인 · 제휴 코드)
• 메인(차량번호 · 사이즈 검색 · 기획전) · 차량번호 검색 결과(세부 제원 · 내 차량 등록)
• 타이어 리스트(필터 · 정렬) · 타이어 상세(수량 · 예약 방식)
• 예약(서비스 · 매장 / 주소 · 일시 · 차량 정보) · 결제하기(쿠폰 · 포인트) · 주문 완료
• 리뷰(매장 · 출장 · 상품) · 리뷰 작성 · 서비스 안내(이용 안내) · 마이페이지 예약 · 주문 내역

정비사 앱

• 정비사 로그인(본사 발급 계정) · 오늘 작업 일정 · 작업 상세(고객 · 주소 · 요청 · 장착 타이어) · 작업 완료 등록(전후 사진 · 타이어 · 공기압 · 휠 상태)

관리자 웹

• 대시보드(주문 2,418건 · 매출 · 출장 / 매장 건수 · 신규 회원) · 주문 관리 · 쿠폰 사용 내역 · 정비사 관리(매장 12곳 · 정비사 48명)

주요 화면

• 회원가입 — 약관 동의, 이름 · 생년월일 · 휴대폰 본인 인증, 추천인 코드 · 제휴 코드
• 메인 — 차량번호 또는 타이어 사이즈 검색, 진행 중인 기획전(SUV 인기 타이어 · 윈터 타이어 · 출장 교체 첫 이용 혜택)
• 차량번호 검색 — 차량 정보 · 세부 제원(타이어 · 배터리 · 와이퍼 · 엔진오일), 내 차량 등록
• 타이어 리스트 — 사이즈 · 가격 · 태그 필터, 정가 · 할인율 · 할인가 상품 카드
• 타이어 상세 — 별점 4.7 · 리뷰 1,301개, 수량 선택, 매장 / 출장 서비스, 총 상품 금액
• 예약 창 (4단계) — 서비스 선택 → 매장 · 주소 → 일시 → 차량 정보를 한 창에서 차례로 입력
• 결제하기 — 상품 · 예약 정보 확인, 쿠폰 · 포인트, 결제 금액 계산, 결제 수단
• 주문 완료 — 주문번호, 결제 금액 · 방식, 예약 일시 · 주소, 예약 내역 보기
• 리뷰 · 리뷰 작성 — 매장 · 출장 · 상품별 실제 서비스 리뷰, 별점 · 좋았던 점 칩 · 한 줄 후기
• 서비스 안내 · 마이페이지 — 이용 안내(검색 · 예약 · 무료 장착), 예약 · 주문 내역 상태별 보기

운영 쪽 화면(정비사 앱 · 관리자)은 Figma 에만 있고 이번 데모에는 넣지 않았습니다(규칙: 소비자 쪽 화면만 — 사용자 쪽 반응형 웹).