diff --git a/journey/scenarios/251223_bayesian_seminar_presentation_scenario.md b/journey/scenarios/251223_bayesian_seminar_presentation_scenario.md index f707cb3..b109df8 100644 --- a/journey/scenarios/251223_bayesian_seminar_presentation_scenario.md +++ b/journey/scenarios/251223_bayesian_seminar_presentation_scenario.md @@ -61,23 +61,61 @@ - 버튼: 활성화 시 보라색 배경, 흰색 텍스트 - 그래프: 보라색 그라데이션 -### 2. 스타트업 IR 평가 (페이지 3) +### 2. 스타트업 IR 평가 (페이지 3, 인터랙티브 단일 페이지) -**페이지 3**: "이제 스타트업을 평가해봅시다" -- 실제 IR Deck 선택 (예시 1-2개 준비) +**페이지 3**: "이제 스타트업을 평가해봅시다" (인터랙티브 단일 페이지) -**페이지 3 - 섹션 2**: IR 정보 단계별 공개 (섹션별 표시/숨김) -- 각 페이지마다 하나의 정보 공개: - - 대표자 프로필 (나이, 경력, 학력) - - 사업 규모 (직원 수, 설립년도) - - 비즈니스 모델 (수익 구조) - - 시장 규모 (TAM, SAM, SOM) - - 매출액/성장률 -- 각 정보 공개 후 7명이 성공 확률 업데이트 -- 실시간 확률 분포 그래프 업데이트 +**화면 구성** (모니터 스크린 1920x1080 기준, 크롬 브라우저): +- 전체 레이아웃: 상단 설명 영역(15%), 중앙 콘텐츠 영역(75%), 하단 버튼 영역(10%) -**페이지 3 - 섹션 3**: 최종 평가 비교 -- 7명의 최종 확률 vs 로빙의 평가 점수/등급 +**섹션 1: 베이지안 원리 설명 및 IR Deck 선택** (기본 표시) +- 상단: 베이지안 원리 설명 영역 (전체 너비, 15% 높이) + - "자루 속 공의 비율을 추정한 것과 같은 원리로, 스타트업의 성공 확률을 추정합니다" + - 간단한 베이지안 업데이트 공식 시각화 (사전확률 → IR 정보 → 사후확률) +- 중앙 좌측: IR Deck 선택 영역 (600px 너비) + - 실제 IR Deck 선택 (예시 1-2개 준비, 카드 형태) + - 선택된 IR Deck 정보 미리보기 +- 중앙 우측: 7명의 초기 성공 확률 입력 영역 (600px 너비) + - 7개 입력 카드 (세로 리스트, 각 카드 80px 높이) + - 각 카드: 이름 + 성공 확률 슬라이더 (0-100%) +- 하단: "다음" 버튼 (모두 입력 시 활성화) + +**섹션 2: IR 정보 단계별 공개 및 업데이트** (섹션 1 완료 후 표시) +- 상단: 베이지안 원리 설명 영역 (고정, 15% 높이) + - 베이지안 업데이트 공식 시각화 유지 + - 현재 공개된 정보 단계 표시 (예: "1/5: 대표자 프로필") +- 중앙 좌측: IR 정보 표시 영역 (600px 너비) + - 단계별로 하나의 정보 공개: + 1. 대표자 프로필 (나이, 경력, 학력) + 2. 사업 규모 (직원 수, 설립년도) + 3. 비즈니스 모델 (수익 구조) + 4. 시장 규모 (TAM, SAM, SOM) + 5. 매출액/성장률 + - 각 정보는 카드 형태로 표시 +- 중앙 중앙: 7명의 업데이트 입력 영역 (400px 너비) + - 7개 입력 카드 (세로 리스트, 각 카드 60px 높이) + - 각 카드: 이름 + 업데이트된 성공 확률 슬라이더 + - 실시간으로 확률 업데이트 가능 +- 중앙 우측: 실시간 그래프 영역 (600px 너비) + - 상단: 7명의 확률 분포 그래프 (막대 그래프 또는 선 그래프) + - 하단: 베타분포 그래프 (Beta(1,1) vs Beta(50,50) 비교, 선택적) + - 각 정보 공개 후 자동 업데이트 +- 하단: "다음 정보 공개" 버튼 (5회 반복) + +**섹션 3: 최종 평가 비교** (5회 완료 후 표시, 섹션 2 숨김) +- 상단: "최종 평가 비교" 제목 +- 중앙: 비교 차트 + - 좌측: 7명의 최종 확률 표시 (막대 그래프) + - 우측: 로빙의 평가 점수/등급 표시 + - 중앙: 비교 분석 (차이점, 유사점) +- 하단: "다음" 버튼 (로빙 소개로 이동) + +**디자인**: +- 배경: 흰색 또는 밝은 회색 +- 설명 영역: 보라색(#5C00E6) 배경, 흰색 텍스트 (선택적) +- 카드: 흰색 배경, 그림자, 둥근 모서리 +- 슬라이더: 보라색(#5C00E6) 트랙, 파란색 핸들 +- 그래프: 보라색 그라데이션 ### 3. 로빙 소개 및 마무리 (페이지 4-7)