ryan
작업 목록No. 11 · 헬스케어 · 2026.10

걸음마을

키·몸무게·생활 습관 질문에 답하면 BMI 구간으로 시작 체형이 정해진 캐릭터가 생기고, 폰·워치 걸음이 쌓일 때마다 체형이 한 단계씩 바뀌는 앱입니다. 그 캐릭터로 광장에 들어가 8방향으로 걸으며 이웃과 말을 걸고 감정표현을 나눕니다. 운영자가 체형 기준값을 바꾸면 앱 캐릭터에 바로 반영됩니다.

공고
데이터 연동을 통한 아바타 육성 헬스케어 앱 개발 (프리모아)
역할
공고 분석 · 체형 기준 설계 · 캐릭터·광장 그래픽 · UI 디자인 · 프론트엔드 · 배포
화면
앱 · 운영자, PC·휴대폰
스택
React · TypeScript · Vite · PixiJS · Live2D · Vitest · Playwright

질문에 답하면 생기는 캐릭터

키·몸무게·생활 습관에 답하면 대한비만학회 BMI 구간으로 시작 체형이 정해지고, 걸음이 쌓이면 다섯 단계로 바뀝니다.

  1. 생활 습관 질문

    01생활 습관 질문

  2. BMI로 시작 체형

    02BMI로 시작 체형

  3. 오늘 걸음·미션

    03오늘 걸음·미션

  4. 체형이 바뀌는 순간

    04체형이 바뀌는 순간

함께 걷는 광장

  1. 8방향 걷기캐릭터와 동행 친구가 2.5D 광장을 8방향으로 걷고, 나무·분수 뒤로 지나가면 가려집니다.
  2. 말걸기·감정표현다른 캐릭터를 누르면 닉네임·체형 단계·오늘 걸음만 보이는 프로필이 열리고, 말걸기·인사·신고·차단을 고릅니다.
  3. 민감 정보 비공개키·몸무게·BMI는 본인 화면에만 보이고 광장·프로필·운영자 화면 어디에도 나오지 않습니다.
함께 걷는 광장
  1. 감정표현

    감정표현

  2. 호숫가 공원

    호숫가 공원

  3. 이웃 프로필

    이웃 프로필

  4. 일별·주별 걸음

    일별·주별 걸음

  5. 꾸미기

    꾸미기

운영자 화면

가입·활성 회원, 평균 걸음, 체형 단계 분포
  • 체형 단계 분포가입·오늘 활성 회원, 평균 걸음, 단계별 회원 수와 처리 대기 신고가 첫 화면에 모입니다.
5단계걸음으로 바뀌는 체형 단계
20종캐릭터 4종 × 체형 5단계 그림
8방향광장에서 캐릭터가 걷는 방향
2곳함께 걷는 광장 (산책 광장·호숫가 공원)