크라우니 네트워크 — 몰입 경험 완성 (2026-04-17)
개요
첫 접속 → 30초 내 첫 보상 → 매일 접속 습관 → 25분 몰입 루프 → 내일 훅
신규 4가지 시스템
1. 온보딩 (첫 접속)
4단계 풀스크린 가이드:
- 환영 화면 — "62,892개 기관에 전파하고 보상받으세요" + 바운스 애니메이션
- 성향 카드 선택 — ⚡적극형 / 📊분석형 / 🤝관계형 / 🔬전문가형 (탭 선택)
- 업종 그리드 — 9개 업종 카드 (💻IT / 🏗건설 / 🛡안전 / ...)
- 첫 미션 프리뷰 — 실제 미션 1건 표시 + "미션 시작! 📞" + 컨페티
2. 데일리 로그인 보너스
- 접속 시 풀스크린 보너스 카드 등장
- 7일 카드 (월~일) 체크 표시 + 오늘 강조
- 스트릭 연동 맘 보너스: 1일 5맘 → 3일 15맘 → 7일 100맘
- 🔥 스트릭 불꽃 이모지 개수로 시각화
localStorage로 하루 1회 제한
3. 몰입 모드 (25분 포모도로)
- 대시보드 상단 "🔴 몰입 모드 시작" 버튼
- 상단 고정 바: 타이머(25:00) + 미션 카운터 + 누적 XP
- 프로그레스바 실시간 감소
- 빨간 점 펄스 애니메이션
- 미션 탭 자동 전환
- 미션 완료 시
onFocusMissionComplete 연동
- 종료 시 → 세션 종료 화면
4. 세션 종료 (내일 후킹)
몰입 모드 종료 또는 수동 호출 시 등장
오늘 성과 요약 — 미션 수 / XP / 몰입 보너스(+20%)
TOMORROW PREVIEW 황금 테두리 카드:
"🔥 내일 접속하면 N일 스트릭 달성!"
"🎁 로그인 보너스 +N맘 예정"
"📅 새로운 미션 팩 대기중"
"⭐ N일 더 하면 ×1.5 해금!" (Zeigarnik 효과)첫 사용자 경험 타임라인
0초 🌐 환영 화면 (바운스 애니메이션)
10초 👤 성향 선택 (카드 탭)
15초 💼 업종 선택 (그리드)
20초 🎯 첫 미션 프리뷰 + "미션 시작!"
→ 🎉 컨페티 폭발 + "환영합니다!" 토스트
25초 🎮 미션 탭 자동 이동, 10개 미션 로드
30초 📞 "전화 연락 +25맘" 클릭
→ 💫 "+20 XP" 팝업
→ 🔢 "1 COMBO"
→ 📞 "첫 통화" 뱃지!
→ ✅ 토스트: "1/10 · +25맘 · +20XP"
60초 📞 두번째 미션 클릭
→ 🔢 "2 COMBO"
→ 💰 "100맘" 뱃지!
90초 📞 세번째
→ 🔢 "3 COMBO" (×1.5 배율!)
→ 🎵 "콤보 시작" 뱃지!
120초 📞 네번째
→ 🔢 "4 COMBO" (빨간 펄스!)
→ 👑 LEVEL UP! Lv.2 탐색자 🔍
→ 🎉 40개 컨페티 폭발!
다음날:
접속 → 🔥🔥 "2일 연속! +10맘 보너스!" 카드
→ "보너스 받기!" 클릭 → 컨페티
→ 새 미션 팩 10개 로드
→ "어제보다 더 높은 콤보 달성해보세요!"
최종 파일 현황
- server.js (1,370줄) · compass.js · mission.js · gamify.js · seed_gen.js
- web/index.html (1,100+줄, 42개 게이미피케이션 요소)
- API 39개 · 7탭 UI