Skip to content

프로젝트 플래닝

SeoSiun edited this page Aug 28, 2023 · 1 revision

EPIC: 견적서 만들기 (v0.1)

Story: 전체

  • (웹) 견적 요약을 볼 수 있다.
  • (웹) 견적 요약 네비게이션을 확인 할 수 있다.
  • (웹) 컴포넌트를 구성한다.
  • (웹) 컴포넌트 스타일을 Provider로 관리한다.
  • (모바일) 모든 단계에서 공통적으로 사용하는 StepContainer를 구현한다. (UI적 요소는 간단하게 구현한다)
  • (모바일) StepContainer에서 견적요약을 볼 수 있다.

Story: 홈 화면

  • 모델 목록을 조회할 수 있다.
  • 모델을 선택할 수 있다. (보여주기만 하고, 실제로는 펠리세이드만)
    • 실제 모델 추가는 1.0에서..?

Story: 트림 선택

  • 트림 목록을 조회할 수 있다.
  • 트림을 선택할 수 있다.
  • 트림 변경시 모든 선택이 초기화 된다.
    • 이후 단계에 선택된 내용이 있는 경우, 경고창이 뜬다.

Story: 엔진선택

  • 선택 가능한 엔진 목록을 조회할 수 있다.
  • 엔진을 선택할 수 있다.
    • 진입시 프리셋으로 선택이된다.
    • 선택된 엔진이 요약 견적서에 반영된다.
  • 다음 버튼을 누르면, 선택된 엔진으로 결정된다.
  • 엔진 변경시 선택 불가능해지는 추가 옵션이 있다면 경고창이 뜬다.
    • 다른 엔진을 누를 때 마다, api 요청을 보내서 확인한다.
    • 호출 횟수를 줄이는 것이나 결과 캐싱에 대해서는 성능개선 단계에서 진행한다.

Story: 구동방식 선택

  • 선택 가능한 구동 방식 목록을 조회할 수 있다.
  • 구동 방식을 선택할 수 있다.
    • 진입시 프리셋으로 선택이된다.
    • 선택된 구동 방식이 요약 견적서에 반영된다.
  • 다음 버튼을 누르면, 선택된 구동 방식으로 결정된다.

Story: 바디타입 선택

  • 선택 가능한 바디 타입 목록을 조회할 수 있다.
  • 바디 타입을 선택할 수 있다.
    • 진입시 프리셋으로 선택이된다.
    • 선택된 바디 타입이 요약 견적서에 반영된다.
  • 다음 버튼을 누르면, 선택된 바디 타입으로 결정된다.

Story: 외장 색상

  • 선택가능한 외장 색상 목록을 조회할 수 있다.
  • 외장 색상을 선택할 수 있다.
    • 진입시 프리셋으로 선택이 된다.
    • 선택된 외장 색상이 요약 견적서에 반영된다.
  • 다음 버튼을 누르면, 선택된 외장 색상으로 선택된다.

Story: 내장 색상

  • 선택가능한 내장 색상 목록을 조회할 수 있다.
  • 내장 색상을 선택할 수 있다.
    • 진입시 프리셋으로 선택이 된다.
    • 선택된 내장 색상이 요약 견적서에 반영된다.
  • 다음 버튼을 누르면, 선택된 내장 색상으로 선택된다.

Story: 추가 옵션 선택

  • 선택가능한 추가 옵션 목록을 카테고리별로 조회할 수 있다.
    • 카테고리: 전체 / 안전 / 스타일&퍼포먼스 / 차량보호 / 편의
  • 추가 옵션에는 세가지 상태가 있다 (추가/고민/취소)
    • 추가 옵션을 나머지 두 상태로 변경할 수 있다.
  • 옵션 선택시(추가 또는 고민 옵션으로 선택하는 경우) 선택불가능해지는 옵션이 비활성화된다.

Story: 견적서 완성

  • 이전 단계에서 선택한 모든 견적을 볼 수 있다.
  • 모든 추가비용을 포함한 총 비용을 볼 수 있다.
  • 각 단계의 변경하기 버튼 클릭시 해당 페이지로 돌아간다.


EPIC: 견적서 고도화 (v0.2)

Story: 내게맞는 트림 찾기

  • 선택한 옵션에 따라 선택 불가능한 트림이 비활성된다.

    일단 옵션 선택할 때마다 매번 요청 보내서 하는걸로

    일단 버리고, 전체적으로 완성한 후에 추후 추가하는걸로

  • 각 옵션별 상세설명을 볼 수 있다.

    • 상세설명은 따로 api 만들어서 옵션별로 요청 보내는걸로
  • 추가 옵션이 필요한 경우, 해당 옵션이 자동으로 추가된다.

    • 트림 가격에 해당 옵션 추가비용까지 포함된 가격이 나타난다.
  • 추가옵션이 필요한 경우 추가옵션 목록을 볼 수 있다(?) (추후 논의)

💡 프론트 피드백: 매번 요청 보내지 말고 맵핑해놓은걸 클라이언트한테 보내서, 클라이언트가 로직 처리 하는걸로 할 것

✅ 모든 상세설명

Story: 전체

  • (모바일) StepContainer의 프로그래스바 중단에 현재 Step을 나타낸다.
  • (모바일) 차종(모델)을 변경할 수 있다.

Story: 트림 선택

  • 트림별 상세 설명을 볼 수 있다.

Story: 추가 옵션 선택

  • 해당 트림의 기본 옵션을 볼 수 있다. (기본옵션보기)
  • 고민해보기, 카테고리 툴팁
  • 페이지네이션

Story: 견적서 완성

  • 해당 트림의 기본 옵션을 볼 수 있다. (기본옵션보기)

추가 기능

  • 색상 선택 페이지에서 선택불가능한 색상도 함께 보여주고, 어떤 트림에서 선택가능한지 정보를 제공한다.


EPIC: 카마스터 연결 (v0.3)

Story: 카마스터 찾기

  • 지도에서 현재 위치를 확인할 수 있다.
  • 현위치 반경 10km 내의 카마스터 목록을 조회할 수 있다.
    • 거리순 / 판매량순
    • 카마스터 위치가 지도에 핀으로 나타난다.
  • 카마스터 선택 후, 상담신청을 할 수 있다.

Story: 상담신청

  • 고객 정보 (이메일, 전화번호, 이름) 를 입력한다.
  • 선택된 카마스터에게 고객 정보와 견적서 정보를 담은 이메일이 발송된다.


EPIC: 견적서 고고도화 (v0.4)

Story: 트림 선택

  • 내게 맞는 트림 찾기 툴팁

Story: 엔진선택

  • (웹, 모바일) 엔진 성능을 프로그래스바 애니메이션을 통해 역동적으로 확인할 수 있다.

Story: 외장색상 & 견적서 완성

  • 360도 회전 이미지를 볼 수 있다.

Story: 추가 옵션 선택

  • 고민해보기, 카테고리 툴팁

✅ 애니메이션, 툴팁은 고고도화에서 진행


EPIC: 카마스터 연결 고도화 (v0.5)

  • 위치 수정을 할 수 있다. (디폴트는 현위치)
  • 주변에 카마스터가 없을 경우 대리점 찾기를 할 수 있다.

EPIC: 최적화 (v0.6)

Story: API 호출 최적화

  • 엔진 선택시 선택 불가능한 추가 옵션에 대한 조회를 할 때, 이전의 결과를 캐싱하여, 호출 횟수를 줄인다.
  • 상세 조회 api를 호출 할 때, 이전의 결과를 캐싱하여, 호출 횟수를 줄인다.