24
안전 감량 플랫폼 다이어트 홈페이지 + 기록형 앱
Refined Design Version

감량 목표보다 먼저 안전 기준을 보여주는 서비스

이번 디자인 버전은 색을 줄이고 여백과 정보 위계를 정리해서, 소개용 홈페이지와 기록형 앱이 더 믿음직하고 서비스답게 보이도록 다듬은 화면입니다.

시작 체중115.0 kg
중간 체크8주차 90.0 kg
최종 목표24주차 65.0 kg
안전관리형 감량 프로토콜

홈페이지와 앱을 하나의 경험으로

홈페이지에서 프로그램 소개와 신뢰를 만들고, 앱에서 기록 저장과 리포트를 이어받는 흐름으로 설계했습니다.

오늘 기준

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 미만, 단백질 부족, 운동 부족 시 즉시 상태를 알려주는 흐름입니다.

24주 프로그램 구조

설명을 위한 랜딩 섹션이면서 동시에 앱 데이터 구조와 연결됩니다.

고정 모델 반영
1단계1-8주

111.9 kg에서 90.0 kg까지 감량 흐름을 안내합니다.

2단계9-16주

88.4 kg에서 77.5 kg까지 운동 강도를 높여갑니다.

3단계17-21주

75.9 kg에서 69.7 kg까지 후반 안정화를 관리합니다.

마무리24주차

최종 목표 65.0 kg과 이행 상태를 함께 확인합니다.

모바일 사용 흐름

설명은 간단하게, 사용 흐름은 또렷하게 보이도록 정리했습니다.

1. 시작 정보 입력

성별, 나이, 키, 시작 체중, 목표 체중, 기간을 먼저 입력합니다.

2. 오늘 목표 확인

섭취량, 단백질, 운동 강도, 목표 체중을 바로 확인합니다.

3. 기록 저장과 리포트

매일 기록을 저장하고 최근 추이와 평균값을 확인합니다.

앱 미리보기

대시보드와 기록 화면이 더 정돈되어 보이도록 간격, 카드, 버튼 스타일을 조정했습니다.

도입 문의

대시보드

오늘 목표, 최근 상태, 진행률을 한 화면에서 확인합니다.

기록을 저장하면 상태를 자동 판정합니다.
오늘 목표 섭취1,200 kcal
단백질 목표111.0 g
중간 목표90.0 kg
최종 목표65.0 kg

체중 추이

진행률

목표 체중 도달0%
단백질 평균 달성0%
운동 평균 달성0%

24주 플랜

체크포인트 위주로 핵심만 남겨서 더 읽기 쉽게 구성했습니다.

핵심 구간
주차기준일목표 체중권장 강도상태
1주차2026-05-08111.9 kgRPE 3-4OK
8주차2026-06-2690.0 kgRPE 4-5OK
16주차2026-08-2177.5 kgRPE 5-6OK
24주차2026-10-1665.0 kgRPE 6OK

오늘 기록

입력 흐름이 단순해 보이도록 필드를 정돈했습니다.

아직 저장된 기록이 없습니다.

주간 리포트

기록 수 0건
평균 체중 -
평균 섭취량 -
평균 단백질 -

최근 기록

안전 알림

섭취량 경고

1,200 kcal 미만이면 경고를 표시합니다.

단백질 부족

111.0 g 미만이면 보완 안내를 띄웁니다.

운동 부족

운동 시간이 20분 미만이면 이행 부족으로 표시합니다.

자주 묻는 질문

랜딩페이지용 문장 길이와 카드 밀도를 정리했습니다.

홈페이지와 앱이 같이 필요한 이유는?

서비스 설명과 신뢰 형성은 홈페이지에서, 실제 사용은 앱에서 이어지는 구조가 자연스럽기 때문입니다.

회원 기능으로 확장 가능한가요?

가능합니다. 현재는 브라우저 저장 구조지만 사용자 계정 기반 저장으로 확장하기 쉽게 설계했습니다.

관리자 페이지도 붙일 수 있나요?

가능합니다. 회원 현황, 이행률, 경고 사용자 목록, 상담 신청 관리 화면으로 확장할 수 있습니다.

앱스토어용으로 갈 수 있나요?

웹앱으로 먼저 검증한 후 하이브리드 앱이나 네이티브 앱으로 이어가는 흐름이 적합합니다.

Next Step

이제는 보기 좋은 시안이 아니라 실제 서비스 설계 단계로 넘어갈 수 있습니다

다음 단계는 문구 정리, 신청 플로우 추가, 로그인, 회원 저장, 관리자 화면 순서로 연결하면 됩니다.

앱 다시 보기 맨 위로 이동