서비스 소개
과한 장식보다 명확한 설명과 신뢰감에 집중했습니다.
이 서비스는 체중 숫자만 보여주는 방식이 아니라, 최소 섭취 기준과 단백질 목표, 단계별 운동 강도를 함께 안내하는 구조입니다. 그래서 홈페이지는 설명과 신뢰 형성에, 앱은 기록과 추적에 초점을 두도록 역할을 분리했습니다.
이번 디자인 버전은 색을 줄이고 여백과 정보 위계를 정리해서, 소개용 홈페이지와 기록형 앱이 더 믿음직하고 서비스답게 보이도록 다듬은 화면입니다.
홈페이지에서 프로그램 소개와 신뢰를 만들고, 앱에서 기록 저장과 리포트를 이어받는 흐름으로 설계했습니다.
1,200 kcal · 단백질 111.0 g
111.9 → 90.0 → 77.5 → 65.0
과한 장식보다 명확한 설명과 신뢰감에 집중했습니다.
이 서비스는 체중 숫자만 보여주는 방식이 아니라, 최소 섭취 기준과 단백질 목표, 단계별 운동 강도를 함께 안내하는 구조입니다. 그래서 홈페이지는 설명과 신뢰 형성에, 앱은 기록과 추적에 초점을 두도록 역할을 분리했습니다.
체중, 칼로리, 단백질, 운동, 수면, 수분을 저장해 흐름을 관리합니다.
1주차 111.9 kg, 8주차 90.0 kg, 16주차 77.5 kg, 24주차 65.0 kg 기준으로 진행 상황을 보여줍니다.
1,200 kcal 미만, 단백질 부족, 운동 부족 시 즉시 상태를 알려주는 흐름입니다.
설명을 위한 랜딩 섹션이면서 동시에 앱 데이터 구조와 연결됩니다.
111.9 kg에서 90.0 kg까지 감량 흐름을 안내합니다.
88.4 kg에서 77.5 kg까지 운동 강도를 높여갑니다.
75.9 kg에서 69.7 kg까지 후반 안정화를 관리합니다.
최종 목표 65.0 kg과 이행 상태를 함께 확인합니다.
설명은 간단하게, 사용 흐름은 또렷하게 보이도록 정리했습니다.
성별, 나이, 키, 시작 체중, 목표 체중, 기간을 먼저 입력합니다.
섭취량, 단백질, 운동 강도, 목표 체중을 바로 확인합니다.
매일 기록을 저장하고 최근 추이와 평균값을 확인합니다.
대시보드와 기록 화면이 더 정돈되어 보이도록 간격, 카드, 버튼 스타일을 조정했습니다.
오늘 목표, 최근 상태, 진행률을 한 화면에서 확인합니다.
체크포인트 위주로 핵심만 남겨서 더 읽기 쉽게 구성했습니다.
| 주차 | 기준일 | 목표 체중 | 권장 강도 | 상태 |
|---|---|---|---|---|
| 1주차 | 2026-05-08 | 111.9 kg | RPE 3-4 | OK |
| 8주차 | 2026-06-26 | 90.0 kg | RPE 4-5 | OK |
| 16주차 | 2026-08-21 | 77.5 kg | RPE 5-6 | OK |
| 24주차 | 2026-10-16 | 65.0 kg | RPE 6 | OK |
입력 흐름이 단순해 보이도록 필드를 정돈했습니다.
1,200 kcal 미만이면 경고를 표시합니다.
111.0 g 미만이면 보완 안내를 띄웁니다.
운동 시간이 20분 미만이면 이행 부족으로 표시합니다.
랜딩페이지용 문장 길이와 카드 밀도를 정리했습니다.
서비스 설명과 신뢰 형성은 홈페이지에서, 실제 사용은 앱에서 이어지는 구조가 자연스럽기 때문입니다.
가능합니다. 현재는 브라우저 저장 구조지만 사용자 계정 기반 저장으로 확장하기 쉽게 설계했습니다.
가능합니다. 회원 현황, 이행률, 경고 사용자 목록, 상담 신청 관리 화면으로 확장할 수 있습니다.
웹앱으로 먼저 검증한 후 하이브리드 앱이나 네이티브 앱으로 이어가는 흐름이 적합합니다.