SYSTEM BLUEPRINT

촬영부터 추천까지
영어 앱 사용자 여정

촬영 품질, 자세 결과, 운동·제품 안내가 실제 화면에서 어떻게 이어지는지 보여드립니다.

스토리보드란?

스토리보드는 실제 앱에 가깝게 그린 화면 설계입니다. 사용자가 촬영을 시작해 결과를 이해하고 다음 행동을 선택하는 순서로 배치했습니다.

  1. 전신을 맞춰 정면·측면을 촬영하고 품질을 확인
  2. 어깨와 골반의 결과를 점수와 설명으로 확인
  3. 운동·등록 제품의 추천 이유를 보고 이력을 다시 확인

마지막까지 보시면 촬영 한 번이 어떤 관리 행동으로 이어지는지 확인하실 수 있습니다.

앱 사용자 시나리오

촬영에서 맞춤 관리까지

영어 앱에서 사용자가 한 번의 측정을 끝까지 완료하는 흐름입니다.

촬영 준비

조명·거리 확인

품질 확인

관절 인식·재촬영

결과 이해

점수·근거 확인

맞춤 안내

운동·제품 선택

이력 확인

변화 다시 보기

앱 사용자 | 화면 01

촬영 준비

app / scan
MOTION
Set up your scan

Follow the outline. Keep your full body in view.

Front viewSide view
● Joint map on
Lighting ready
Full body ✓Move back 1 ft

Distance 6 ft · Level floor · 15 sec

[화면 개요 및 목적]

제안서의 측정 품질 우선 전략을 화면으로 보여줍니다. 사용자는 정면·측면 촬영을 선택하고 조명·거리·전신 인식을 확인합니다. 데모 Step 1~2에 연결됩니다.

[핵심 기능 로직]

MediaPipe Pose 좌표가 충분히 잡히지 않으면 판정을 진행하지 않고 조정·재촬영을 안내합니다. Flutter 한 코드에서 두 플랫폼 UI를 공유합니다.

  • 두 기기 공통 흐름
    Flutter
  • 촬영 품질 확인
    MediaPipe Pose
앱 사용자 | 화면 02

자세 결과

app / results
MOTION
Your posture report
Overall balance
72/100

Based on this scan. Not a medical diagnosis.

Shoulder tiltNeeds attention

4.2° left

Compare left and right shoulder markers
Hip alignmentWithin range

1.1° right

Measured from visible hip markers
Scan: Sep 30, 2026 · Quality: Good

[화면 개요 및 목적]

제안서의 설명 가능한 판정 전략입니다. 점수와 어깨·골반 상태를 함께 보고, 의료 진단이 아님을 분명히 합니다. 데모 Step 3에 연결됩니다.

[핵심 기능 로직]

측정 좌표에 전문가가 승인한 버전형 기준표를 적용합니다. 기준 밖과 범위 안 두 상태를 구분하고 재촬영·예외 처리를 포함합니다.

  • 기준 변경 추적
    전문가 규칙표
  • 결과 최소 저장
    경량 API
앱 사용자 | 화면 03

맞춤 안내

app / plan
MOTION
Your next steps
ExercisesProductsHistory
Recommended for shoulder tilt

Wall angels

8 reps · 2 sets · 6 min

Product matchCatalog item

Adjustable support cushion

Size M · 16–19 in seat width

Why: supports seated alignment · Curated review summary
Recent results

Sep 30 · Balance 72 · Saved

Sep 23 · Balance 68 · Previous

[화면 개요 및 목적]

제안서의 완결된 시연 흐름입니다. 사용자는 운동, 사전 등록 제품과 추천 이유를 보고 지난 결과를 다시 확인합니다. 데모 Step 4에 연결됩니다.

[핵심 기능 로직]

전문가 규칙표가 운동과 제품 ID를 연결합니다. 리뷰·사이즈는 권한 있는 등록 자료만 사용하고, 웨어러블 연동은 이후 붙일 수 있도록 데이터 경계를 둡니다.

  • 추천 이유 표시
    규칙형 매핑
  • 운영 가능한 인도
    서버·스토어 안내
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]

        시나리오

        | 화면 01

        [화면 개요 및 목적]

        [핵심 기능 로직]

          | 화면 02

          [화면 개요 및 목적]

          [핵심 기능 로직]

            | 화면 03

            [화면 개요 및 목적]

            [핵심 기능 로직]