kwon.subin
Back to work
2026.04 – Present에이프MVP Complete

Care-X

QR 기반 O2O 세차 플랫폼

Role
서비스 기획 · 프론트엔드(AI-Assisted)
Contribution
100%
Period
2026.04 – Present
Type
MVP Complete
/ 01

Overview

노터치 세차장을 위한 QR 기반 O2O 세차 플랫폼. 앱 · 키오스크 · 점주어드민 · 관리자어드민 4개 서비스로 구성되며, 결제부터 기기 관리 · 실시간 모니터링까지 통합 운영 환경을 제공합니다.

기획 · 어드민 디자인 · QA를 단독 담당했고, 점주어드민과 관리자어드민은 프론트엔드까지 직접 구현했습니다.

0
서비스 통합
앱·키오스크·점주·관리자
0%
개발 리드타임 단축
3개월 → 2개월
0%
QA 이슈 해결률
총 103건 중
Care-X 앱 홈 화면
Home · 주변 세차장 지도
QR 스캔 화면
QR Scan · 매장 인식
패키지 선택
Package · 상품 선택
포인트 결제
Payment · 포인트 결제
/ 02

Problem — 왜 필요했나

기존 노터치 세차장은 RF 카드 발급 기계가 필수였습니다. 하드웨어 비용, 매장 방문 없이는 어려운 관리, 매장마다 별도 카드가 필요한 불편함이 누적된 구조였습니다.

Before
RF 카드 기반 운영
  • 카드 발급 기계 하드웨어 필요
  • 카드 관리 · 재발급의 운영 부담
  • 기기 상태 실시간 파악 불가
  • 상품·매장 정보 수정 = 현장 방문
After
QR + 앱 기반 운영
  • 매장 QR 스티커 하나로 대체
  • 앱 결제 → 점주 승인 → 세차 단일 플로우
  • 기기별 실시간 모니터링
  • 상품·매장 정보 원격 관리
/ 03

Solution — 4개 서비스 아키텍처

하나의 백엔드가 4개 인터페이스를 유기적으로 연결합니다. 사용자 결제 경험과 점주 운영 편의성을 동시에 해결하기 위한 구조입니다.

System Architecture
User-Facing
📱
고객 앱
QR 스캔 · 결제
🖥️
키오스크
매장 앞 결제 접점
Backend / API
Care-X Server
Operator
🏪
점주 어드민
상품·기기·결제 승인
⚙️
관리자 어드민
가맹점·정책 통제

하나의 백엔드가 4개 인터페이스를 유기적으로 연결

User Flow · 카드 없이 세차 완결
📷
QR 스캔
매장 QR 스티커
🛍️
상품 확인
점주 설정 상품
💳
앱 결제
카드/간편결제
점주 승인
어드민에서
🚿
세차 시작
/ 04

My Role — 최소 팀에서 4개 서비스를

4명 팀에서 기획 파트를 단독으로 담당했고, 어드민 2종은 디자인과 프론트까지 이어갔습니다.

You
기획 · PM
× 1
개발
× 2
디자인
× 1

Team of 4 · 기획 1인이 4개 서비스를 커버

100%
Contribution
  • 서비스 기획40%
  • UI 디자인 (어드민 2종)20%
  • 프론트엔드 (어드민 2종)30%
  • QA · 테스트10%
store-admin.care-x.app
점주 콘솔 사이드바 - 매출·셀프세차·매장설정 메뉴
점주 콘솔 · 매출 · 셀프세차 · 매장설정 3개 카테고리 (Nuxt · Vue)
admin.care-x.app
Care-X 관리자 콘솔 로그인 화면
관리자 콘솔 · 가맹점 · 매장 · 결제 통합 관리 (Nuxt · Vue)
/ 05

AI-Augmented Dev — 실패에서 학습으로

고객사에서 빠른 개발을 원했지만 개발 리소스가 부족한 상황. Claude Code로 어드민 프론트를 직접 구현하기로 결정했고, 처음이라 시행착오가 많았습니다.

Key Approach
기존 개발자가 만든 레포지토리를 Claude Code에 먼저 학습시킨 뒤 코드를 생성하도록 세팅. "우리 팀 코드"를 쓰도록 AI를 정렬한 것이 핵심이었습니다.
1점주어드민 · 시행착오
×원하는 디자인 안 나옴
×기능 구현 실패
×프롬프트 수정 반복
Learning
컨벤션 학습이 프롬프트보다 먼저다
2관리자어드민 · 적용
세분화된 프롬프트 설계
대부분 1회 시도로 구현
팀 컨벤션 자동 준수
Outcome
개발 리드타임 33% 단축

큰 기능들이 큰 무리 없이 구현되었다. 다만 더미 코드가 함께 생기는 경향이 있어 개선이 필요하다.

개발팀 피드백
Honest Limitation
AI로 빠르게 만들 수 있게 됐지만 불필요한 더미 코드가 함께 생성되는 한계를 확인. 다음 프로젝트에서는 프롬프트에 "기존 함수 재사용 우선" 원칙을 명시하고, PR 전 자체 리팩터링 라운드를 두는 방식으로 개선할 계획입니다.
/ 06

Impact

1개월
2개월
3개월
당초 계획
개발자 견적
3개월
실제 완료
AI 활용 후
2개월
1개월 단축 · 리드타임 33% 감소
0
4개 서비스 화면 확정
기획→확정
0
QA 이슈 발견
오픈 전 검증
0%
QA 해결률
오픈 전

MVP 개발 완료, 클라이언트의 투자 유치 일정에 따라 정식 오픈 조정 중. 상세 화면 · QA 결과 · Figma 원본은 인터뷰 시 공유 가능합니다.

/ 07

Learnings

Learning 01

AI는 도구가 아닌 팀 멤버

프롬프트만 잘 짜는 게 아니라 팀의 코드 스타일과 컨벤션을 학습하도록 환경을 만드는 것이 결정적이었습니다.

Learning 02

기획 → 개발의 벽 낮추기

기획자가 프론트를 직접 만들면 "어떻게 설명할까"를 고민하는 대신 바로 보여줄 수 있습니다. 커뮤니케이션 비용이 극적으로 낮아졌습니다.

Next Project · 02 / 04
중장년고용정보시스템
노사발전재단 5억 규모 공공 SI