촬영에서 풀이까지,
이해할 수 있는 순서로.

얼굴 스캔과 전통 관상 콘텐츠를 연결한 웹·앱인토스 프로젝트.

기획 · UX/UI · 개발 · 운영

동의 → 입력 선택 → 미리보기 → 상세 풀이를 한 여정으로 정리했습니다.

출발한 문제

카메라를 켜는 이유와 사진이 어떻게 처리되는지 모르면 시작하기 어렵습니다. 결과 역시 정보가 한꺼번에 쏟아지면 읽기 어렵습니다. 입력의 선택권과 결과의 읽는 순서를 함께 설계했습니다.

원본 크기로 보기 ↗

얼굴 정보 처리 안내를 읽고 라이브 스캔·촬영·앨범 중 경로를 고릅니다. 고개를 돌리기 어려우면 사진 한 장으로 시작할 수 있습니다.

유형과 요약을 먼저 보고 부위별 풀이로 이어갑니다. 공유 전에 카드 미리보기를 제공하고, 다시 읽을 기록은 목록에서 찾습니다.

보관함에는 사진과 원시 얼굴 특징값을 저장하지 않습니다. 상세 접근은 서버가 사용자와 풀이 범위를 함께 확인하도록 분리했습니다.

웹의 MediaPipe 입력과 공통 해석 계약을 분리했습니다. 관상·사주·손금은 배포 대상에 맞는 독립 프로필로 구성합니다.

TypeScriptMediaPipeReactApps-in-Toss

공개 웹 데모가 있으며 앱인토스 배포는 별도로 관리합니다. 전통 해석을 참고 콘텐츠로 제공하며 의학적 판단에 사용하지 않습니다.