Hair Care · AI · Web App
Curl CODE
곱슬머리 유형 진단부터 맞춤 관리 루틴까지 제공하는 AI 헤어케어 컨설팅 웹앱
Curl CODE는 곱슬머리 고객의 헤어 특성을 진단하고 맞춤형 관리 루틴을 제안하는 컨설팅 웹앱입니다. 고객용·디자이너용 설문을 분리해 두 관점의 데이터를 수집하고, Density·Porosity·Elasticity 등 5가지 지표로 개인 Curl CODE를 산출합니다. 결과 리포트는 Recharts 레이더 차트로 시각화하고 공유·편집 기능을 제공합니다.
Overview
언어 선택 → 온보딩 정보 입력 → 고객/디자이너 설문 → AI 분석 → 결과 리포트 순서로 완전한 온보딩 플로우를 설계했습니다. Supabase로 사용자 인증과 결과 저장을 처리하며, 한국어·영어 다국어를 지원합니다.
Problem
곱슬머리 관리는 모발의 밀도·탄력·다공성 등 개인마다 다른 특성에 맞춰야 효과적입니다. 하지만 기존 헤어 상담은 디자이너의 주관적 판단에 의존하고, 고객은 자신의 모발 특성을 체계적으로 파악할 방법이 없었습니다. 진단 결과를 기록하고 다음 방문까지 루틴으로 이어줄 수단도 부재했습니다.
Solution
고객용·디자이너용 설문을 분리하여 각 관점의 데이터를 수집합니다. 수집된 데이터를 5가지 지표(Density, Porosity, Elasticity, Volume, Frizz)로 환산해 개인 Curl CODE를 산출하고, 레이더 차트로 한눈에 시각화합니다. 결과는 저장·공유·편집이 가능해 다음 방문 시 연속성 있는 케어가 가능합니다.
Main Features
- —고객용·디자이너용 설문 분리 수집
- —5가지 지표 기반 개인 Curl CODE 산출
- —Recharts 레이더 차트 결과 시각화
- —결과 리포트 공유·편집 기능
- —한국어·영어 다국어(i18n) 지원
- —Supabase 인증 및 결과 저장
- —Playwright E2E 테스트
Tech Stack
Frontend
Backend & Data
Testing & DevOps
Result Preview
My Role & Contributions
Progress & What's Next
고객·디자이너 설문 플로우 완성
Curl CODE 지표 산출 및 시각화 완성
결과 리포트 공유·편집 기능 구현
실제 헤어살롱 파일럿 적용 검토 중
디자이너용 고객 관리 대시보드 예정