feat(space/app): app 진입부 및 space 몰입 환경(HUD/Tools) 프리미엄 UI 리팩토링
맥락: - 기존 app 대시보드와 space 화면의 UI가 SaaS 툴처럼 딱딱하고 투박하여, 유저가 기꺼이 지갑을 열 만한 몰입감과 고급스러움(Premium feel)이 부족함. - 인지적 과부하를 줄이기 위해 제안된 '첫 5분 행동(Micro-step)'이 타이머 영역에 묻혀 있어 행동 유발 효과가 미미함. 변경사항: - app: 컨테이너 박스를 제거하고 전체 배경 화면(Immersive Background)과 Glassmorphism을 활용한 1.5 Step 진입 플로우로 전면 개편. - space/hud: 하단의 두꺼운 타이머 패널을 초박형(Slim) 글라스 알약 형태로 축소하여 배경 씬의 개방감 확보. - space/hud: 목표(Goal)와 첫 단계(Micro-step)를 분리하여 좌측 상단의 우아한 Floating UI로 재배치하고, 체크 완료 시 사라지는 도파민 인터랙션 추가. - space/tools: 흩어져 있던 노트, 사운드, 설정 도구들을 우측 레일(Right-Rail)로 통합하고 팝오버 디자인을 고급화함. - ui/contrast: 밝은 배경에서도 텍스트가 잘 보이도록 좌측 상단 비네팅(Vignette) 및 다중 텍스트 그림자(Multi-layered Shadow) 효과 적용. 검증: - npm run build 정상 통과 확인. - 브라우저 상에서 micro-step 완료 애니메이션 및 도구막대 팝오버 슬라이드 동작 확인. 세션-상태: app 진입부터 space 몰입까지의 코어 UX/UI 하이엔드 개편 완료. 세션-다음: 프로 요금제(PRO) 전환 유도(Paywall) 흐름 및 상세 분석 리포트(Analytics) 뷰 구현. 세션-리스크: 없음.
This commit is contained in:
@@ -37,14 +37,13 @@ export const app = {
|
||||
completedCycles: '완료한 사이클',
|
||||
sessionEntries: '입장 횟수',
|
||||
last7DaysFocus: '최근 7일 집중 시간',
|
||||
bestDay: '최고 몰입일',
|
||||
streak: '연속 달성',
|
||||
startedSessions: '시작한 세션',
|
||||
completedSessions: '완료한 세션',
|
||||
carriedOverCount: '이월된 계획',
|
||||
syncedApi: '동기화됨',
|
||||
temporary: '임시값',
|
||||
actualAggregate: '실집계',
|
||||
mockAggregate: '목업',
|
||||
streakActive: '유지 중',
|
||||
streakStart: '시작 전',
|
||||
countUnit: '회',
|
||||
dayUnit: '일',
|
||||
minuteUnit: '분',
|
||||
@@ -53,19 +52,19 @@ export const app = {
|
||||
plan: {
|
||||
proFeatureCards: [
|
||||
{
|
||||
id: 'scene-packs',
|
||||
name: 'Scene Packs',
|
||||
description: '프리미엄 공간 묶음과 장면 변주',
|
||||
id: 'daily-plan',
|
||||
name: 'Daily Focus Plan',
|
||||
description: '오늘의 집중을 블록 단위로 쪼개고 큐를 운영합니다.',
|
||||
},
|
||||
{
|
||||
id: 'sound-packs',
|
||||
name: 'Sound Packs',
|
||||
description: '확장 사운드 프리셋 묶음',
|
||||
id: 'rituals',
|
||||
name: 'Rituals',
|
||||
description: 'scene + sound + timer 조합을 반복 가능한 시작 방식으로 저장합니다.',
|
||||
},
|
||||
{
|
||||
id: 'profiles',
|
||||
name: 'Profiles',
|
||||
description: '내 기본 세팅 저장/불러오기',
|
||||
id: 'weekly-review',
|
||||
name: 'Weekly Review',
|
||||
description: '총 시간보다 시작 성공률과 복귀 패턴을 먼저 해석합니다.',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user