대시보드이 핵심인 헬스/피트니스 16화면 기획 분석
2021년, 16개 화면의 헬스/피트니스 프로젝트. 기획부터 설계까지, 현장에서 마주한 문제와 해결의 기록.
데모 체험
실제 서비스가 아닌, 핵심 기능 흐름만 담아 재구성한 익명화 목업입니다. 모든 데이터는 가상입니다.
화면 스켈레톤
실제 Figma 8개 화면 구조를 바탕으로 핵심 7개 흐름을 재구성한 데모고객사 화면은 저작권 보호를 위해 공개하지 않는 대신, 주요 화면의 구성을 와이어프레임으로 재구성했습니다.
홈
루틴 탐색
루틴 상세
운동 기록
PT 예약
기록 통계
마이페이지
이 서비스가 해결하는 문제
이 프로젝트의 핵심 과제는 기존에 수작업이나 오프라인으로 처리하던 프로세스를 디지털로 전환하면서, 사용자 경험을 해치지 않는 것이었습니다.
16개 화면에 걸쳐 사용자의 주요 태스크를 분석하고, 최소한의 단계로 목표를 달성할 수 있도록 플로우를 설계했습니다. 웹 환경에서의 접근성과 사용성을 동시에 고려해야 했습니다.
핵심 가치 제안
- 스마트한 탐색 경험 — 검색어 자동완성, 다중 필터, 정렬 옵션을 조합하여 사용자가 원하는 것을 3번의 터치 안에 찾을 수 있도록 설계했습니다.
- 데이터로 말하는 의사결정 — 핵심 지표를 한눈에 파악할 수 있는 대시보드를 제공합니다. "무엇을 보여줄까"보다 "무엇을 안 보여줄까"가 더 중요한 설계였습니다.
- 맥락에 맞는 알림 — 사용자의 행동 패턴에 따라 적시에 알림을 보내되, "알림 피로"를 유발하지 않는 빈도와 내용을 설계했습니다.
- 개인화된 사용자 경험 — 마이페이지에서 이력 조회, 설정 관리, 맞춤 추천까지 원스톱으로 제공합니다.
사용자 시나리오
주요 사용 흐름:
- 앱을 처음 실행하면 온보딩 화면이 나타납니다. 소셜 로그인 또는 이메일로 간편하게 가입할 수 있습니다.
- 메인 화면에서 핵심 콘텐츠와 개인화된 추천을 확인합니다. 주요 기능으로의 진입점이 명확하게 배치되어 있습니다.
- 검색 또는 카테고리 탐색으로 원하는 항목을 찾습니다. 필터와 정렬로 결과를 좁혀갑니다.
- 상세 페이지에서 충분한 정보를 확인하고 의사결정을 내립니다.
관련 포스트
같은 수강권, 다른 차감 — 데일리와 위클리로 설계한 라이브 필라테스 클래스
집에서 화상으로 수강하는 라이브 필라테스 클래스 웹 분석. 회차 수강권 재화, 하루 단위 데일리와 기수 단위 위클리의 이원 예약 로직, 수업마다 새로 발급하는 입장 링크와 9종 알림톡 자동화, 강사 피드백 화면까지 다룬다.
받는 사람이 주인공인 앱 — 시니어 가족 소통 앱의 3역할 설계
가족이 사진·영상 소식을 보내면 어르신은 큰 글씨 홈에서 받아보기만 하면 되는 가족 소통 앱. 역할 선택에서 화면이 세 갈래로 갈라지는 설계, 애플 심사 거부 대응, 국내·해외 이중 서버 운영까지 3년에 걸친 협업 기록을 분석했다.
기록에서 상담까지, 계단을 낮추다 — 심리케어 중개 플랫폼 설계기
하루 세 번의 감정 기록에서 코치가 붙는 심리 프로그램, 온라인 상담과 상담센터 예약까지. 코드 체계와 3단 관리자 구조로 풀어낸 심리 상태 관리·상담사 중개 앱 3년의 기록.