UPDATED · 2026-05-03

Olly 홍보용 화면 목업

현재 앱 기준 전체 화면 플로우입니다. 전면 카메라 raw 프리뷰, 동적 얼굴 인식 완화, 5탭 구조, AI 분석/운동/기록/설정 화면을 반영했습니다.

홍보 보드 보기처음부터 보기
O
Olly
나만의 AI 얼굴 운동 코치

01. 스플래시

브랜드 로딩 화면. 앱 시작 시 테마와 인증 상태를 초기화합니다.

9:41
O

Olly

매일 5분, AI가 도와주는
나만의 얼굴 운동 루틴

로그인 준비 완료
Google Sign-In 설정과 서버 동기화를 통해 기록을 안전하게 이어갑니다.
G Google로 시작하기
로그인 후 최초 1회 AI 얼굴 스캔을 진행합니다.

02. 로그인

Google로 시작하기 진입점. OAuth 설정 오류를 줄이기 위한 서버/클라이언트 설정 기준을 반영했습니다.

9:41
🧘
FACE FITNESS

얼굴 근육도
운동이 필요해요

AI가 얼굴 움직임을 인식하고
올바른 자세와 유지 시간을 안내합니다.

다음

03. 튜토리얼

첫 실행 사용자에게 얼굴 운동의 가치를 설명하는 온보딩 화면입니다.

9:41
AI 좌우반전 없는 raw 화면으로 확인해요

정면을 바라봐 주세요

인식이 어려우면 기준을 세션 내에서 자동 완화합니다.

얼굴 스캔 72%

04. 최초 AI 얼굴 스캔

로그인 후 최초 1회 진행되는 얼굴 분석/추천 루틴 생성 화면입니다.

9:41
5월 3일 일요일

안녕하세요, 오늘도
가볍게 시작해볼까요?

이번 주 활동
평균 완성도
84
연속
5
🔥🔥🔥
이번 주
4
목표까지 1회
AI PICK · 4 MIN오늘의 루틴 시작하기
오늘 챌린지
중안부 탄력 루틴
4개 운동 · 완료 시 streak 반영

05. 홈

5탭 메인 셸의 홈. 연속/이번 주/오늘 챌린지 Bento 카드와 CTA를 강조합니다.

9:41

운동 루틴

AI 추천 루틴을 편집하거나 직접 구성해요.

입꼬리
맞춤 루틴
AI가 고른 4개 운동
얼굴 분석 결과를 기반으로 자동 구성
1. 입꼬리 리프팅5회 · 3초 홀드
2. 볼 리프트5회 · 3초 홀드
3. 중안부 줄이기5회 · 3초 홀드
4. 턱 라인 정리5회 · 3초 홀드
루틴 시작하기

06. 운동 루틴

AI 추천 운동과 사용자가 직접 편집하는 루틴 빌더 화면입니다.

3 / 5
중안부 줄이기
카메라를 보며 볼을 천천히 올려요
유지 3.2s / 5s · 얼굴 인식 안정
AI완벽해요! 그 위치를 유지하세요

07. 운동 실행

전면 카메라 raw 프리뷰, 얼굴 overlay, AI 코칭, 진행률을 보여주는 핵심 운동 화면입니다.

9:41

루틴 완료!

오늘의 얼굴 운동을 성공적으로 마쳤어요.

4:12
운동 시간
18
성공 반복
86
완성도
Before / After 기록 저장
사진과 점수는 동의 설정에 따라 로컬/서버 동기화됩니다.
홈으로 돌아가기

08. 운동 완료

루틴 완료 후 시간, 반복, 완성도, Before/After 기록 저장을 보여주는 결과 화면입니다.

9:41

기록

2026년 5월7회 완료
123456789101112131415161718192021
총 반복
128
평균 점수
82
최근 세션
중안부 탄력 루틴
오늘 · 86점 · 4분 12초
입꼬리 리프팅
어제 · 81점 · 3분 50초

09. 기록

월간 캘린더, 최근 세션, 평균 점수를 확인하는 기록 탭입니다.

×정면 · 1/3
좋아요! 유지하세요
68%
raw preview + raw landmark 기준

10. AI 얼굴 분석

메인 탭에서 다시 실행할 수 있는 3각도 AI 얼굴 분석 화면입니다.

9:41

AI 분석 결과

6가지 지표로 얼굴 밸런스를 확인했어요.

종합 점수
82
추천 루틴 4개 생성 완료
대칭
84
입꼬리
78
볼 탄력
88
턱 라인
80
팔자
72
리프팅
86
추천 운동
중안부 줄이기 · 볼 리프트 · 입꼬리 리프팅 · 턱 라인 정리
맞춤 루틴 시작하기

11. 분석 결과

6축 얼굴 점수와 추천 운동을 보여주는 결과 화면입니다.

9:41

설정

O
Olly 사용자
Google 계정으로 동기화 중
테마 팔레트
Natural Mint
코칭 보이스
Trainer
선택 즉시 샘플 음성과 다음 운동에 반영
개인정보
Raw landmark 연구 동의 관리
분석 데이터와 사진 동기화 옵션을 분리 제어
서버 상태
온라인 · 자동 동기화

12. 설정/프로필

계정, 테마, 코칭 보이스, 개인정보 동의, 서버 상태를 관리하는 설정 탭입니다.

홍보용 종합 보드

스토어/제안서에 바로 캡처할 수 있는 핵심 화면 배열입니다.

사용 방법: 각 HTML 파일을 브라우저에서 열고 320×660 phone 영역 또는 promo_board 전체를 캡처해 스토어 이미지, 제안서, SNS 소재로 사용하세요. 실제 앱과 1:1 구현 파일은 아니며 홍보/검토용 시각 목업입니다.