AI 기반 탄수화물·단백질·지방 비율 산출
사용자의 신체 조건과 목표를 분석하여 개인별 하루 권장 칼로리와 탄수화물·단백질·지방 비율 가이드 제공
웹 시스템 / 이런 일을 가능하게
영양 목표에 맞는 식단 선택과 구매
AI 기반 탄수화물·단백질·지방 비율 산출 · 초개인화 식단 큐레이션 및 커머스. 필요한 건강 기록을 모으고 사용자와 담당자가 확인할 화면을 만들 수 있습니다.
참고 화면에서 기능과 이용 흐름을 살펴보세요.
01 / 이런 상황에 맞습니다
지금 겪고 있는 일인가요?
목표와 식사 기록을 상품 탐색에 연결하고 싶나요?
- 사용할 환경
- 웹 업무 화면
02 / 이렇게 만들 수 있습니다
업무에 필요한 기능을 연결합니다.
필요한 기능을 선택하고, 담당자의 역할과 처리 순서에 맞춰 설계·개발할 수 있습니다.
초개인화 식단 큐레이션 및 커머스
도출된 영양 지표에 맞는 간편식과 도시락 상품을 추천하고 구매까지 연결되는 커머스 구조 구현
영양 기록 및 통계 분석 대시보드
섭취 영양소 통계와 구매 패턴을 그래프로 시각화하여 식습관 개선 과정을 한눈에 확인할 수 있도록 제공
실시간 섭취량 및 쇼핑 피드백
목표 대비 부족한 영양소를 게이지바로 시각화하고 관련 상품 구매로 이어지는 반응형 인터페이스 구성
커머스 융합 데이터 시각화
영양소 섭취 비율과 보완 상품 정보를 함께 배치하여 데이터 분석과 구매 행동을 연결하는 UI 설계
커머스 최적화 UX 설계
식단 기록부터 맞춤 상품 추천, 결제까지의 동선을 최소화하여 구매 전환 흐름 최적화
지능형 상품 매칭 알고리즘 UI
실시간 영양소 데이터와 상품 정보를 매칭해 조건에 맞는 추천 콘텐츠 표시
신뢰 중심 헬스케어 커머스 디자인
헬스케어의 전문성과 이커머스의 편의성을 함께 담은 컬러 시스템과 인포그래픽 기반 UI 구축
함께 정할 구현 범위
- AI 기반 탄수화물·단백질·지방 비율 산출
- 초개인화 식단 큐레이션 및 커머스
- 영양 기록 및 통계 분석 대시보드
- 실시간 섭취량 및 쇼핑 피드백
이렇게 살펴보세요
- 입력한 기록과 기간별 변화가 어떻게 표시되는지 살펴보세요.
- 사용자와 담당자가 확인할 정보를 나눠봅니다.
- 연동 가능한 데이터와 해석·검토가 필요한 범위를 함께 정합니다.
만들 수 있는 화면과 이용 흐름
아래 화면을 출발점으로, 필요한 기능과 현재의 운영 환경에 맞춰 새로 설계합니다.
04 / 우리 업무에 적용한다면
지금의 환경에서 더 나은 방법을 찾습니다.
사용자와 운영 조건에 맞춰 기능·화면·기술을 다시 선택합니다. 작은 범위부터 확인하고 다음 단계로 넓힐 수 있습니다.
현재의 업무와 준비된 자료
- 관리할 건강 지표와 사용자 역할
- 기기·기관 API의 제공 범위
- 데이터 동의와 접근 권한
실제로 만들고 확인할 범위
- 가장 먼저 해결할 업무와 사용자 흐름
- 기존 데이터·시스템의 연동 방법
- 시범 화면과 실제 자료로 확인할 검수 기준
- 배포·인수인계와 운영 개선 계획
구현에 사용할 수 있는 기술 살펴보기
아래는 기술 구성의 출발점입니다. 기존 시스템의 연동 규격, 데이터 규모와 운영 인력에 맞춰 실제 사용할 구성을 정합니다.
웹 화면
Next.js · React · TypeScript ↗서버 API
NestJS · TypeScript ↗데이터 저장
PostgreSQL ↗AI·분석 API
Python · FastAPI ↗화면 검수
Playwright ↗참고 화면과 프로젝트 배경
삼박자 AI 식단 커머스 개발
AI가 사용자의 신체 조건과 목표를 분석해 식단을 추천하는 헬스케어 커머스 플랫폼입니다. 개인별 권장 칼로리와 탄수화물·단백질·지방 비율을 보여주고, 영양소별 추천 식단과 관련 상품을 확인하고 구매하도록 만들었습니다.
- 프로젝트
- 삼박자 AI 식단 커머스 개발
- 고객사
- 삼박자 주식회사
- 수행 기간
- 2023.11. ~ 2024.01.
- 당시 기록된 기술
- NestJS · MySQL · React
