안녕하세요 오늘은 프로젝트 진행에서 중요한 UI/UX를 피그마로 디자인 한 내용입니다. 대략적인 디자인은 끝냈고 디자인을 바탕으로 기능을 구현하는 단계에 있습니다. 디자인 살펴보겠습니다.
1. 메인 디자인
어플 명은 New Body로 정하고 사용자가 처음으로 로그인하면 나타나는 화면입니다. 다음으로 넘어가는 버튼을 누르면 넘어갑니다.
2. 로그인 & 회원가입
로그인과 회원가입을 하는 화면입니다. 자체 로그인뿐만 아니라 파이어 베이스를 이용해 구글 계정으로 연동해서 로그인 및 회원가입을 할 수 있습니다.
성별, 생년월일, 몸무게, 키에 대한 정보를 파이어 베이스 데이터 베이스에 저장합니다.
3. 대시보드
대시보드 화면입니다. 키와 몸무게로 BMI 지수를 계산하여 메인 화면에 보여줍니다. 최근 활동량에는 최근에 어떤 운동을 했는지 보여주며, 활동 진행률은 진행 상황을 그래프로 표현하려고 합니다.
가장 오른쪽에 있는 사용자 정보에는 회원가입을 할 때 입력했던 정보와 사진도 추가로 넣을 수 있도록 구성했습니다.
4. 운동 및 스케줄러
가장 핵심 기능인 운동 및 스케줄러입니다. 운동을 선택하면 전면 카메라로 사용자를 인식해 카운트 기능을 구현할 계획입니다.
스케줄러에서는 캘린더를 불러와서 날짜를 직접 지정하여 메모를 넣어줄 예정입니다.
5. 분석
마지막으로 분석 화면입니다. 운동을 분석하여 몸무게 감소량, 키 증가량, 근육량 증가율을 나타냅니다.
기존 홈 트레이닝 앱의 단점을 보완하여 구현하는 중입니다.
