diff --git a/.playwright-mcp/05-ai-prize-initial.png b/.playwright-mcp/05-ai-prize-initial.png new file mode 100644 index 0000000..f2dee46 Binary files /dev/null and b/.playwright-mcp/05-ai-prize-initial.png differ diff --git a/.playwright-mcp/05-ai-prize-selected.png b/.playwright-mcp/05-ai-prize-selected.png new file mode 100644 index 0000000..7e45112 Binary files /dev/null and b/.playwright-mcp/05-ai-prize-selected.png differ diff --git a/.playwright-mcp/header-06-1-fixed.png b/.playwright-mcp/header-06-1-fixed.png new file mode 100644 index 0000000..c8940c1 Binary files /dev/null and b/.playwright-mcp/header-06-1-fixed.png differ diff --git a/.playwright-mcp/header-css-fixed.png b/.playwright-mcp/header-css-fixed.png new file mode 100644 index 0000000..3832a68 Binary files /dev/null and b/.playwright-mcp/header-css-fixed.png differ diff --git a/design/uiux/prototype/00-로그인.html b/design/uiux/prototype/00-로그인.html index 87df5ca..784d35e 100644 --- a/design/uiux/prototype/00-로그인.html +++ b/design/uiux/prototype/00-로그인.html @@ -6,241 +6,409 @@ 로그인 - KT 이벤트 마케팅 - - + + - - - + + + + + + + + + + - - +
+ +
+
+

AI로 간편하게,
성공으로 확실하게

+ +
+
- -
- -
-
- -
-
- campaign + +
+
+ - - diff --git a/design/uiux/prototype/01-회원가입.html b/design/uiux/prototype/01-회원가입.html index c92e52f..04455e4 100644 --- a/design/uiux/prototype/01-회원가입.html +++ b/design/uiux/prototype/01-회원가입.html @@ -6,136 +6,157 @@ 회원가입 - KT 이벤트 마케팅 - - + + - - - + + + + + + + + + - - - - -
- +
+
- -

회원가입

+
+
+ + + +
+

회원가입

+
+
-
-
- -
-

KT 이벤트 마케팅

-

환영합니다 🎉

+
+
+
+
🎉
+

KT 이벤트 마케팅

+

환영합니다

- -
+
- +
- +
- +
- -
-
- - -
-
- - +
-
+ +
-
+ 최소 8자, 영문/숫자/특수문자 조합 +
+ + +
+ +
+ + +
+
+ + +
+
+ +
- - - -
-

- 이미 계정이 있으신가요? - 로그인 +

+

+ 이미 계정이 있으신가요? 로그인

@@ -144,180 +165,182 @@ + + + diff --git a/design/uiux/prototype/02-매장정보등록.html b/design/uiux/prototype/02-매장정보등록.html index c865ab3..a6492c6 100644 --- a/design/uiux/prototype/02-매장정보등록.html +++ b/design/uiux/prototype/02-매장정보등록.html @@ -4,840 +4,767 @@ - 매장정보등록 - KT 이벤트 마케팅 + 매장정보 등록 - KT 이벤트 마케팅 - + + + + + + + + + + + - - - + - - - - -
- +
+
- -

매장정보등록

+
+
+ + + +
+

매장정보 등록

+
+
-
-
+
+
-
-
진행상황
-
-
-
- 2/2 +
+
+
1
+ 회원가입 +
+
+
+
2
+ 매장정보
- -
- -
-

필수 정보

+
+ + +
+

필수 정보

+

정확한 정보를 입력하면 더 나은 이벤트를 만들 수 있어요

- -
- - -
- - -
- - -
- - -
- -
+ +
+ - + 최대 50자까지 입력 가능합니다
- -
- -
- -
- + +
+ +
-
+ + +
+ +
+ + +
+
+ + +
+ -
-
- -
- -
+ +
+ -
+
+ + +
+

선택 정보

+

더 자세한 정보를 입력하면 맞춤형 이벤트를 제공해드려요

+ + +
+ + + + 최대 10개까지 추가할 수 있습니다
-
- 숫자만 입력하시면 자동으로 형식이 맞춰집니다 + + +
+ +
-
-
-
- -
-

선택 정보

-

- 이벤트 맞춤화를 위해 추가 정보를 입력해주세요 -

- - -
- - +
- -
- - -
- 0/200 -
-
- - -
- -
- - - -
-
-
- - - -
+ + + +
+ + + - - diff --git a/design/uiux/prototype/03-홈화면.html b/design/uiux/prototype/03-홈화면.html new file mode 100644 index 0000000..6264c16 --- /dev/null +++ b/design/uiux/prototype/03-홈화면.html @@ -0,0 +1,470 @@ + + + + + + + 홈 - KT 이벤트 마케팅 + + + + + + + + + + + + + + + + +
+ +
+
안녕하세요!
+
AI로 간편하게 이벤트를 만들어보세요
+ + +
+
+
✨
+
새 이벤트
+
+
+
📋
+
이벤트 목록
+
+
+
📊
+
실시간 현황
+
+
+
⚙️
+
설정
+
+
+
+ + +
+
+ +
+
+
0
+
진행 중인
이벤트
+
+
+
0
+
총 참여자
+
+
+
0%
+
전환율
+
+
+ + +
+
+ 🤖 +

AI 인사이트

+
+
+ 이벤트를 생성하시면 AI가 맞춤형 인사이트를 제공해드립니다. +
+
+ + +
+

최근 이벤트

+ + 전체보기 + + + + +
+ + +
+
🎯
+

첫 이벤트를 만들어보세요!

+

+ AI가 업종과 목적에 맞는
+ 최적의 이벤트를 추천해드립니다 +

+ +
+ + + +
+
+ + + +
+ + + + + + + diff --git a/design/uiux/prototype/04-이벤트목적선택.html b/design/uiux/prototype/04-이벤트목적선택.html new file mode 100644 index 0000000..820c2a7 --- /dev/null +++ b/design/uiux/prototype/04-이벤트목적선택.html @@ -0,0 +1,516 @@ + + + + + + + 이벤트 목적 선택 - KT 이벤트 마케팅 + + + + + + + + + + + + + + + + +
+ +
+
+
+ + + +
+

새 이벤트 만들기

+
+
+
+ + +
+
+ +
+
🎯
+

이벤트 목적을 선택하세요

+

+ 목적에 맞는 최적의 이벤트를
+ AI가 추천해드립니다 +

+
+ + +
+
+ 💡 + AI TIP +
+
+ 선택하신 목적에 맞는 최신 트렌드와 성공 사례를 분석하여 맞춤형 이벤트를 제안해드립니다. +
+
+ + +
+ + + + + + + + + + + +
+
+
+ + +
+
+ +
+
+ + + +
+ + + + + + + diff --git a/design/uiux/prototype/05-AI트렌드분석결과.html b/design/uiux/prototype/05-AI트렌드분석결과.html new file mode 100644 index 0000000..199ef29 --- /dev/null +++ b/design/uiux/prototype/05-AI트렌드분석결과.html @@ -0,0 +1,680 @@ + + + + + + + AI 트렌드 분석 결과 - KT 이벤트 마케팅 + + + + + + + + + + + + + + + + + +
+ +
+
+
+ + + +
+

AI 트렌드 분석

+
+
+
+ + +
+ +
+
🤖
+

AI가 트렌드를 분석하고 있어요

+

+ 최신 데이터를 기반으로
+ 업종별 성공 사례를 분석 중입니다 +

+
+
+
+
+
데이터 수집 중...
+
+
+ + +
+ +
+
✨
+

분석이 완료되었습니다!

+

신규 고객 유치를 위한 트렌드를 분석했어요

+
+ + +

+ 📊 + 핵심 인사이트 +

+ +
+
+
+ 평균 참여율 + 📈 +
+
42%
+
업계 평균 대비 +18%p 높은 수치
+
+ +
+
+ 최적 기간 + 📅 +
+
7일
+
참여율이 가장 높은 이벤트 기간
+
+ +
+
+ ROI + 💰 +
+
3.2배
+
평균 투자 대비 수익률
+
+
+ + +

+ 🔥 + 인기 이벤트 유형 TOP 3 +

+ +
+ +
+ + +
+
+ 🤖 +

AI 추천

+
+

+ 현재 트렌드를 분석한 결과, "친구 초대 이벤트"가 가장 효과적입니다. SNS 공유를 통한 바이럴 효과가 뛰어나며, 신규 고객 유치율이 평균 3.2배 높습니다. +

+
+ #신규고객유치 + #바이럴효과 + #SNS마케팅 +
+
+
+
+ + + + + + +
+ + + + + + + diff --git a/design/uiux/prototype/06-AI이벤트상품추천.html b/design/uiux/prototype/06-AI이벤트상품추천.html new file mode 100644 index 0000000..ba9b84a --- /dev/null +++ b/design/uiux/prototype/06-AI이벤트상품추천.html @@ -0,0 +1,602 @@ + + + + + + + AI 이벤트 상품 추천 - KT 이벤트 마케팅 + + + + + + + + + + + + + + + + +
+ +
+
+
+ + + +
+

AI 상품 추천

+
+
+
+ + +
+
+ +
+
🎁
+

어떤 혜택을 제공하시겠어요?

+

+ AI가 분석한 결과를 바탕으로
+ 가장 효과적인 이벤트 상품을 추천해드립니다 +

+
+ + +

+ ✨ + AI 추천 혜택 +

+

트렌드 분석을 바탕으로 가장 효과적인 혜택을 선별했어요

+ +
+ + + + + + + + +
+ + +
+

+ ✏️ + 직접 입력하기 +

+ + 원하는 혜택을 직접 입력할 수도 있어요 +
+
+
+ + +
+
+ +
+
+ + + +
+ + + + + + + diff --git a/design/uiux/prototype/07-AI참여방법설계.html b/design/uiux/prototype/07-AI참여방법설계.html new file mode 100644 index 0000000..e8eac5f --- /dev/null +++ b/design/uiux/prototype/07-AI참여방법설계.html @@ -0,0 +1,859 @@ + + + + + + AI 참여 방법 설계 - KT AI 이벤트 플랫폼 + + + + +
+ +

AI 참여 방법 설계

+

고객이 이벤트에 참여하는 방법을 선택해 주세요

+
+ + +
+ +
+
+ 💡 +

AI 추천

+
+

+ SNS 공유하기는 바이럴 효과가 뛰어나 신규 고객 유치에 가장 효과적입니다. + 평균 2.3배의 참여자 증가 효과가 있으며, 설정도 간단합니다. +

+
+ + +
+ +
+
🤖 AI 추천
+
+ +
📱
+
+

SNS 공유하기

+ 바이럴형 · 확산 효과 우수 +
+
+

+ 고객이 이벤트를 SNS에 공유하면 참여 완료. 인스타그램, 페이스북 등 주요 SNS 플랫폼 지원 +

+
+
+
75%
+
참여율
+
+
+
2.3배
+
바이럴 계수
+
+
+
쉬움
+
난이도
+
+
+
+

주요 장점

+
    +
  • 자연스러운 바이럴 효과로 신규 고객 유입
    • +
  • 추가 비용 없이 홍보 효과 극대화
    • +
  • 간편한 참여로 높은 전환율
    • +
+
+
+ + +
+
+ +
📷
+
+

QR 코드 스캔

+ 오프라인형 · 매장 방문 유도 +
+
+

+ 매장 내 QR 코드를 스캔하여 참여. 포스터, 테이블 스티커 등 다양한 형태로 활용 가능 +

+
+
+
68%
+
참여율
+
+
+
1.2배
+
바이럴 계수
+
+
+
쉬움
+
난이도
+
+
+
+

주요 장점

+
    +
  • 오프라인 매장 방문 고객 타겟팅
    • +
  • 즉각적인 참여와 혜택 제공
    • +
  • 누구나 쉽게 참여 가능
    • +
+
+
+ + +
+
+ +
🎫
+
+

쿠폰 다운로드

+ 즉시 혜택형 · 전환율 높음 +
+
+

+ 간단한 정보 입력 후 쿠폰 다운로드. 모바일 쿠폰으로 즉시 사용 가능 +

+
+
+
82%
+
참여율
+
+
+
1.1배
+
바이럴 계수
+
+
+
쉬움
+
난이도
+
+
+
+

주요 장점

+
    +
  • 즉시 혜택으로 높은 전환율
    • +
  • 고객 정보 수집 용이
    • +
  • 재방문 유도 효과
    • +
+
+
+ + +
+
+ +
🏪
+
+

매장 방문 인증

+ 오프라인형 · 방문 유도 +
+
+

+ 매장 방문 시 스탬프나 인증 사진 업로드로 참여. 실제 방문 고객 확보에 효과적 +

+
+
+
58%
+
참여율
+
+
+
1.0배
+
바이럴 계수
+
+
+
보통
+
난이도
+
+
+
+

주요 장점

+
    +
  • 확실한 매장 방문 고객 확보
    • +
  • 직접적인 매출 증대 효과
    • +
  • 단골 고객 형성에 유리
    • +
+
+
+ + +
+
+ +
📝
+
+

설문 참여

+ 데이터 수집형 · 인사이트 확보 +
+
+

+ 간단한 설문 작성 후 참여 완료. 고객 니즈 파악과 맞춤형 마케팅에 활용 +

+
+
+
45%
+
참여율
+
+
+
0.8배
+
바이럴 계수
+
+
+
보통
+
난이도
+
+
+
+

주요 장점

+
    +
  • 고객 선호도 및 니즈 파악
    • +
  • 데이터 기반 의사결정 가능
    • +
  • 타겟 마케팅 최적화
    • +
+
+
+ + +
+
+ +
👥
+
+

친구 초대

+ 추천형 · 신규 고객 확보 +
+
+

+ 친구를 초대하고 함께 혜택 받기. 추천인과 피추천인 모두 혜택 제공 +

+
+
+
62%
+
참여율
+
+
+
3.5배
+
바이럴 계수
+
+
+
보통
+
난이도
+
+
+
+

주요 장점

+
    +
  • 검증된 신규 고객 확보
    • +
  • 강력한 추천 효과
    • +
  • Win-Win 혜택 구조
    • +
+
+
+
+ + +
+ + +

+ 원하는 참여 방법을 직접 입력할 수 있어요 (최대 100자) +

+
+ + + +
+ + + + diff --git a/design/uiux/prototype/08-AI홍보문구생성.html b/design/uiux/prototype/08-AI홍보문구생성.html new file mode 100644 index 0000000..897da8d --- /dev/null +++ b/design/uiux/prototype/08-AI홍보문구생성.html @@ -0,0 +1,931 @@ + + + + + + AI 홍보 문구 생성 - KT 이벤트 마케팅 + + + +
+ +
+ +

AI 홍보 문구 생성

+

AI가 맞춤형 홍보 문구를 생성해 드려요

+
+ + +
+
+
+
✨
+
+

AI가 홍보 문구를 생성하고 있어요

+

이벤트 정보를 분석하고 있어요...

+
+
+
+
+

0%

+
+
+ + +
+ +
+
+ 💡 +

AI 추천

+
+

+ 버전 1은 감성적인 톤으로 고객의 공감을 이끌어내기에 가장 적합합니다. + SNS 공유 시 참여율이 평균 35% 높게 나타났어요. +

+
+ + +
+ +
+ + + +
+
+ + +
+
+
+

홍보 문구 수정

+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + + + diff --git a/design/uiux/prototype/09-AI이미지생성.html b/design/uiux/prototype/09-AI이미지생성.html index 52cb5a1..8bf074f 100644 --- a/design/uiux/prototype/09-AI이미지생성.html +++ b/design/uiux/prototype/09-AI이미지생성.html @@ -1,390 +1,560 @@ - - - AI 이미지 생성 - KT AI 이벤트 - - - + + + AI 이미지 생성 - KT 이벤트 마케팅 + - - -
+
- - - - + // Show loading + addClass(nextButton, 'next-button--loading'); + nextButton.disabled = true; + + // Navigate to next screen + setTimeout(() => { + window.location.href = '10-AI영상제작.html'; + }, 800); + }); + + // Initialize + window.addEventListener('load', () => { + setTimeout(() => { + simulateGeneration(); + }, 500); + }); + diff --git a/design/uiux/prototype/09-이벤트기획안승인.html b/design/uiux/prototype/09-이벤트기획안승인.html new file mode 100644 index 0000000..672d25d --- /dev/null +++ b/design/uiux/prototype/09-이벤트기획안승인.html @@ -0,0 +1,719 @@ + + + + + + 이벤트 기획안 승인 - KT 이벤트 마케팅 + + + + + +
+ +
+ +
✨ AI 기획 완료
+

이벤트 기획안 승인

+

AI가 생성한 이벤트 기획안을 확인하고 승인해 주세요

+
+ + +
+ +
+
🎉
+

완벽한 이벤트 기획안이 완성되었어요!

+

+ AI가 분석한 데이터를 바탕으로 최적의 이벤트를 설계했습니다. + 아래 내용을 확인하고 승인하시면 다음 단계로 진행됩니다. +

+
+ + +
+
+ 🤖 +

AI 예상 성과

+
+
+
+
1,200명
+
예상 참여자
+
+
+
75%
+
참여율
+
+
+
3.5배
+
ROI
+
+
+
+ + +
+
📱 이벤트 미리보기
+
+

+ 🎉 친구 초대하고 함께 받는 특별한 혜택! +

+

+ 맛있는 순간을 소중한 사람과 함께하세요. 친구를 초대하면 둘 다 특별한 선물을 드려요. + 지금 바로 참여하고 행복을 나누세요! +

+
+ #친구초대이벤트 + #함께할인 + #소상공인응원 +
+
+
+ + +
+ +
+
+

+ 🎯 + 이벤트 목적 +

+ +
+
+
+
선택한 목적
+
신규 고객 유치
+
+
+
+ + +
+
+

+ 📊 + 트렌드 분석 +

+ +
+
+
+
Top 트렌드
+
친구 초대 이벤트
+
+
+
예상 참여율
+
68%
+
+
+
+ + +
+
+

+ 🎁 + 이벤트 경품 +

+ +
+
+
+
선택한 경품
+
+ 추천형 + 친구 초대 특전 +
+
+
+
+ + +
+
+

+ 📱 + 참여 방법 +

+ +
+
+
+
선택한 방법
+
+ 바이럴형 + SNS 공유하기 +
+
+
+
+ + +
+
+

+ ✍️ + 홍보 문구 +

+ +
+
+
+
헤드라인
+
+ 🎉 친구 초대하고 함께 받는 특별한 혜택! +
+
+
+
CTA
+
+ 지금 친구 초대하고 혜택 받기 +
+
+
+
+
+ + +
+ + +
+
+
+ + + + + diff --git a/design/uiux/prototype/10-AI영상제작.html b/design/uiux/prototype/10-AI영상제작.html index c9d241b..b2bfa7f 100644 --- a/design/uiux/prototype/10-AI영상제작.html +++ b/design/uiux/prototype/10-AI영상제작.html @@ -1,648 +1,506 @@ - - - AI 영상 제작 - KT AI 이벤트 - - - + + + AI 영상 제작 - KT 이벤트 마케팅 + - - - +
-
- + + + -
+
+
+
- - - - + // Select clicked + addClass(element, 'template-card--selected'); + selectedTemplate = type; + + // Show customization options + addClass(customizationSection, 'customization-section--visible'); + nextButton.disabled = false; + } + + // Size selection + sizeButtons.forEach(button => { + button.addEventListener('click', () => { + const size = button.getAttribute('data-size'); + selectSize(size, button); + }); + }); + + function selectSize(size, element) { + // Deselect all + sizeButtons.forEach(btn => { + removeClass(btn, 'size-button--selected'); + }); + + // Select clicked + addClass(element, 'size-button--selected'); + selectedSize = size; + } + + // Next button + nextButton.addEventListener('click', () => { + if (!selectedTemplate) return; + + // Save QR poster data + const eventContent = storage.get('eventContent') || {}; + eventContent.qrPoster = { + template: selectedTemplate, + size: selectedSize, + title: posterTitle.value || '', + subtitle: posterSubtitle.value || '', + createdAt: new Date().toISOString() + }; + storage.set('eventContent', eventContent); + + // Show loading + addClass(nextButton, 'next-button--loading'); + nextButton.disabled = true; + + // Navigate to next screen + setTimeout(() => { + window.location.href = '13-콘텐츠편집.html'; + }, 800); + }); + + // Start generation on load + window.addEventListener('load', () => { + setTimeout(simulateGeneration, 500); + }); + diff --git a/design/uiux/prototype/12-QR포스터생성선택.html b/design/uiux/prototype/12-QR포스터생성선택.html new file mode 100644 index 0000000..1001f87 --- /dev/null +++ b/design/uiux/prototype/12-QR포스터생성선택.html @@ -0,0 +1,561 @@ + + + + + + QR 포스터 템플릿 선택 - KT 이벤트 마케팅 + + + + + +
+ +
+ +

QR 포스터 생성

+

오프라인 홍보용 QR 포스터를 만들어 보세요

+
+ + +
+ +
+

+ 📐 포스터 크기 선택 +

+
+
+
A4
+
210×297mm
+
+
+
A3
+
297×420mm
+
+
+
A2
+
420×594mm
+
+
+
B4
+
257×364mm
+
+
+
B3
+
364×515mm
+
+
+
사용자정의
+
직접 입력
+
+
+
+ + +
+ +
+
🤖 AI 추천
+ +
+
+

🎉 친구 초대 이벤트

+

함께하면 더 큰 혜택!

+
+
📱
+
+

QR 코드를 스캔하고 참여하세요!

+
+
+
+

클래식 템플릿

+

+ 깔끔하고 전통적인 레이아웃. 모든 업종에 잘 어울리는 기본 템플릿입니다. +

+
+ 심플 + 범용 + 가독성 높음 +
+
+
+ + +
+ +
+
+

🎉 친구 초대 이벤트

+

함께하면 더 큰 혜택!

+
+
📱
+
+

QR 코드를 스캔하고 참여하세요!

+
+
+
+

모던 템플릿

+

+ 그라데이션 배경과 세련된 타이포그래피로 젊은 층에게 어필합니다. +

+
+ 트렌디 + 그라데이션 + 젊은 층 +
+
+
+ + +
+ +
+
+

친구 초대 이벤트

+

함께하면 더 큰 혜택

+
+
📱
+
+

스캔하고 참여하세요

+
+
+
+

미니멀 템플릿

+

+ 여백을 활용한 미니멀한 디자인. 고급스러운 브랜드 이미지에 적합합니다. +

+
+ 미니멀 + 고급 + 여백 활용 +
+
+
+ + +
+ +
+
+

🎉 친구 초대 이벤트

+

함께하면 더 큰 혜택!

+
+
📱
+
+

QR 코드를 스캔하고 참여하세요!

+
+
+
+

생동감 템플릿

+

+ 화사한 컬러와 역동적인 레이아웃으로 시선을 사로잡습니다. +

+
+ 생동감 + 눈에 띄는 + 이벤트용 +
+
+
+
+ + + +
+
+ + + + + diff --git a/design/uiux/prototype/13-QR포스터상세설정.html b/design/uiux/prototype/13-QR포스터상세설정.html new file mode 100644 index 0000000..308c2bc --- /dev/null +++ b/design/uiux/prototype/13-QR포스터상세설정.html @@ -0,0 +1,628 @@ + + + + + + QR 포스터 상세 설정 - KT 이벤트 마케팅 + + + + + +
+ +
+ +

QR 포스터 상세 설정

+

포스터 내용을 상세하게 편집하세요

+
+ + +
+ +
+ +
+

+ ✍️ 텍스트 내용 +

+
+ + +

포스터 상단에 표시될 제목입니다

+
+
+ + +
+
+ + +
+
+ + +

QR 코드로 연결될 URL을 입력하세요

+
+
+ + +
+

+ 🎨 디자인 설정 +

+
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + +

160px

+
+
+ + +
+

+ ℹ️ 추가 정보 +

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+ + +
+

📱 실시간 미리보기

+
+
+

🎉 친구 초대 이벤트

+

함께하면 더 큰 혜택!

+
+
📱
+
+

QR 코드를 스캔하고 지금 바로 참여하세요!

+

+
+
+
+
+
+ + + + + diff --git a/design/uiux/prototype/13-콘텐츠편집.html b/design/uiux/prototype/13-콘텐츠편집.html index 446b66a..73c35e3 100644 --- a/design/uiux/prototype/13-콘텐츠편집.html +++ b/design/uiux/prototype/13-콘텐츠편집.html @@ -1,325 +1,699 @@ - - - 콘텐츠 편집 - KT AI 이벤트 - - - + + + 콘텐츠 편집 - KT 이벤트 마케팅 + - - -
+
+ +
+
+
+ -
-

배포 일정

- -
-
-
- - - -
- - -
+ +
+

SNS 채널

+
+
+
+
+
+
+ Instagram + 필수 +
+
인스타그램 게시물
+
✓ 계정 연동됨
-
+
+ -
-
-
- info -
- 선택한 채널: 2개
- Instagram은 필수 채널이며, QR 포스터는 기본 제공됩니다. -
-
+
+
+
+
+
Naver Blog
+
네이버 블로그
+
계정 연동 필요
+
+
+ +
+
- -
- +
+
+
+
+
Kakao Channel
+
카카오톡 채널
+
계정 연동 필요
+
+
+
+ +
+
+ +
- - + // Initialize + function init() { + // Load saved data + const eventDistribution = storage.get('eventDistribution'); + if (eventDistribution) { + selectedChannels = new Set(eventDistribution.selectedChannels || ['sns-instagram']); + scheduleType = eventDistribution.scheduleType || 'immediate'; + scheduleDateTime = eventDistribution.scheduleDateTime; + channelSettings = eventDistribution.channelSettings || {}; - + // Navigate to next screen + setTimeout(() => { + window.location.href = '16-배포진행상태.html'; + }, 800); + }); + + // Initialize on load + init(); + diff --git a/design/uiux/prototype/16-배포진행상태.html b/design/uiux/prototype/16-배포진행상태.html index 45c9c5d..3dee0d7 100644 --- a/design/uiux/prototype/16-배포진행상태.html +++ b/design/uiux/prototype/16-배포진행상태.html @@ -1,364 +1,1144 @@ - - - 배포 진행 중 - KT AI 이벤트 - - - + + + 배포 진행 상태 - KT AI 이벤트 + - + +
+ +

배포 진행 중

+
+
- - -
-
-
배포 2/3: 진행 상태
+ +
+ +
+
배포 2/3: 진행 상태
+
+
+
-
-
-
-
🚀
-

배포 진행 중...

-
-
+ +
+ +
+
🚀
+

배포 진행 중

+

선택한 채널에 콘텐츠를 배포하고 있어요

+
-
- -
-
-
-
- check -
-
-
Instagram
-
✅ 배포 완료 (3초)
-
- -
-
-
- - -
-
-
-
- sync -
-
-
우리동네TV
-
🔄 배포 중... (15초)
-
-
-
-
-
-
-
- - -
-
-
-
- schedule -
-
-
지니TV
-
⏳ 대기 중...
-
-
-
-
- - -
-
-
-
- error -
-
-
Naver Blog
-
❌ 배포 실패 (재시도 중)
-
1/3 재시도
-
- -
-
-
-
- -
-
-
-
-
- 전체 진행률 - 50% -
-
- 예상 소요 - 45초 -
-
-
-
-
- -
- - + +
+
전체 진행률
+
+
-
+
+ 0% + 예상 소요: 1분 남음 +
+
- - - - - + }, 100); + } + + // Update overall progress + function updateOverallProgress() { + const totalChannels = deploymentChannels.length; + let completedChannels = 0; + let totalProgress = 0; + + deploymentChannels.forEach(channelId => { + const status = channelStatuses[channelId]; + if (status.status === 'success') { + completedChannels++; + totalProgress += 100; + } else if (status.status === 'deploying') { + totalProgress += status.progress; + } + }); + + const overallProgressValue = Math.round(totalProgress / totalChannels); + overallPercent.textContent = overallProgressValue + '%'; + overallProgressFill.style.width = overallProgressValue + '%'; + + // Estimate remaining time + if (completedChannels === totalChannels) { + remainingTime.textContent = '완료'; + } else { + const elapsed = Date.now() - startTime; + const estimated = Math.ceil((elapsed / overallProgressValue) * (100 - overallProgressValue) / 1000); + remainingTime.textContent = `예상 소요: ${estimated}초 남음`; + } + } + + // Check if deployment is complete + function checkCompletion() { + const allComplete = deploymentChannels.every(channelId => { + return channelStatuses[channelId].status === 'success' || + (channelStatuses[channelId].status === 'error' && + channelStatuses[channelId].retryCount >= channelStatuses[channelId].maxRetries); + }); + + if (allComplete) { + clearInterval(deploymentInterval); + isDeploying = false; + showSuccess(); + } + } + + // Show success state + function showSuccess() { + const successCount = deploymentChannels.filter(channelId => + channelStatuses[channelId].status === 'success' + ).length; + + const failedCount = deploymentChannels.length - successCount; + const totalSeconds = Math.round((Date.now() - startTime) / 1000); + + // Update stats + successChannelsEl.textContent = successCount; + failedChannelsEl.textContent = failedCount; + totalTimeEl.textContent = totalSeconds + '초'; + + const eventDistribution = storage.get('eventDistribution'); + if (eventDistribution.scheduleType === 'scheduled') { + scheduledTimeEl.textContent = eventDistribution.scheduleDateTime.split(' ')[1]; + } else { + scheduledTimeEl.textContent = '즉시'; + } + + // Hide deploying state, show success + deployingState.style.display = 'none'; + addClass(successState, 'success-state--visible'); + nextButton.style.display = 'block'; + + // Save deployment result + eventDistribution.deploymentResult = { + status: 'completed', + successCount: successCount, + failedCount: failedCount, + totalTime: totalSeconds, + channelStatuses: channelStatuses, + completedAt: new Date().toISOString() + }; + storage.set('eventDistribution', eventDistribution); + + AppState.showToast('배포가 완료되었습니다!'); + } + + // Retry deployment + function retryDeploy(channelId) { + const status = channelStatuses[channelId]; + if (status.retryCount >= status.maxRetries) { + AppState.showToast('최대 재시도 횟수를 초과했습니다'); + return; + } + + status.retryCount++; + deployChannel(channelId); + } + + // View post (mock) + function viewPost(channelId) { + const config = channelConfig[channelId]; + AppState.showToast(`${config.name} 게시물을 새 창에서 엽니다`); + // In real app, would open actual post URL + } + + // Refresh status + function refreshStatus() { + if (!isDeploying) { + AppState.showToast('배포가 완료되었습니다'); + return; + } + + AppState.showToast('상태를 새로고침하고 있습니다...'); + renderChannels(); + updateOverallProgress(); + } + + // Cancel deployment + function cancelDeploy() { + if (!isDeploying) { + window.location.href = '15-배포채널선택.html'; + return; + } + + const confirmed = confirm('배포를 취소하시겠습니까?\n진행 중인 배포도 모두 중단됩니다.'); + if (confirmed) { + clearInterval(deploymentInterval); + isDeploying = false; + AppState.showToast('배포가 취소되었습니다'); + setTimeout(() => { + window.location.href = '15-배포채널선택.html'; + }, 1000); + } + } + + // Next button + nextButton.addEventListener('click', () => { + window.location.href = '17-오프라인자료다운로드.html'; + }); + + // Initialize on load + init(); + diff --git a/design/uiux/prototype/17-오프라인자료다운로드.html b/design/uiux/prototype/17-오프라인자료다운로드.html index 3761e51..c5fd5e0 100644 --- a/design/uiux/prototype/17-오프라인자료다운로드.html +++ b/design/uiux/prototype/17-오프라인자료다운로드.html @@ -1,166 +1,1026 @@ - - - 오프라인 자료 다운로드 - KT AI 이벤트 - - - + + + 오프라인 자료 다운로드 - KT AI 이벤트 + - + +
+ +

오프라인 자료

+
+
- +
+ + +
+ -
-
-
배포 3/3: 자료 다운로드
+
+
+
📄
+
+
QR 포스터 (A3)
+
4.5 MB PDF
+
대형 포스터용 A3 크기
+
+
+
+ + +
+
+ +
+
+
📷
+
+
QR 코드 이미지
+
150 KB PNG
+
이벤트 참여 QR 코드 단독 이미지
+
+
+
+ + +
+
+ +
+
+
🖼️
+
+
고해상도 이미지
+
5.2 MB (300dpi)
+
인쇄용 고해상도 이벤트 이미지
+
+
+
+ + +
+
+ +
+
+
📋
+
+
명함 크기 쿠폰
+
800 KB PDF
+
재단선 포함, 10장/페이지
+
+
+
+ + +
+
+ +
+
+
🎫
+
+
탁상 텐트 카드
+
1.2 MB PDF
+
테이블에 올려놓는 접이식 카드
+
+
+
+ + +
+
-
-
-
-
- check_circle - 배포 완료! -
-
-
- -
-

오프라인 홍보 자료

- -
-
-
-
- description -
-
-
QR 포스터 (A4)
-
2.1MB PDF
-
- -
-
-
- -
-
-
-
- description -
-
-
QR 포스터 (A3)
-
4.5MB PDF
-
- -
-
-
- -
-
-
-
- qr_code -
-
-
QR 코드 이미지
-
150KB PNG
-
- -
-
-
- -
-
-
-
- collections -
-
-
고해상도 이미지 (3종)
-
8.3MB ZIP
-
- -
-
-
- - -
-
- -
- + +
+
+

다운로드 이력

+
+
+
+ 아직 다운로드한 파일이 없습니다 +
+
+ - - + function removeClass(element, className) { + if (element) element.classList.remove(className); + } + + // File information + const fileInfo = { + 'poster-a4': { + name: 'QR 포스터 (A4)', + filename: 'QR포스터_A4.pdf', + size: 2100, + type: 'PDF' + }, + 'poster-a3': { + name: 'QR 포스터 (A3)', + filename: 'QR포스터_A3.pdf', + size: 4500, + type: 'PDF' + }, + 'qr-code': { + name: 'QR 코드 이미지', + filename: 'QR코드.png', + size: 150, + type: 'PNG' + }, + 'high-res': { + name: '고해상도 이미지', + filename: '고해상도_이미지.png', + size: 5200, + type: 'PNG' + }, + 'coupon': { + name: '명함 크기 쿠폰', + filename: '명함쿠폰.pdf', + size: 800, + type: 'PDF' + }, + 'tent-card': { + name: '탁상 텐트 카드', + filename: '탁상카드.pdf', + size: 1200, + type: 'PDF' + } + }; + + // State + let downloadHistory = storage.get('downloadHistory') || []; + + // Elements + const downloadHistoryList = document.getElementById('downloadHistoryList'); + const previewModal = document.getElementById('previewModal'); + const previewTitle = document.getElementById('previewTitle'); + const previewInfo = document.getElementById('previewInfo'); + + // Initialize + function init() { + renderDownloadHistory(); + } + + // Download file + function downloadFile(fileId, filename, sizeKB) { + // Show loading toast + AppState.showToast('다운로드 중...'); + + // Simulate download + setTimeout(() => { + // Add to download history + const historyItem = { + fileId: fileId, + filename: filename, + size: sizeKB, + downloadedAt: new Date().toISOString() + }; + + downloadHistory.unshift(historyItem); + + // Keep only last 10 items + if (downloadHistory.length > 10) { + downloadHistory = downloadHistory.slice(0, 10); + } + + storage.set('downloadHistory', downloadHistory); + renderDownloadHistory(); + + AppState.showToast(`${filename} 다운로드 완료`); + + // In real app, would trigger actual download + // const link = document.createElement('a'); + // link.href = '/path/to/file'; + // link.download = filename; + // link.click(); + }, 1000); + } + + // Download all files + function downloadAll() { + AppState.showToast('전체 파일 압축 중...'); + + setTimeout(() => { + const totalSize = Object.values(fileInfo).reduce((sum, file) => sum + file.size, 0); + + const historyItem = { + fileId: 'all', + filename: '이벤트자료_전체.zip', + size: totalSize, + downloadedAt: new Date().toISOString() + }; + + downloadHistory.unshift(historyItem); + storage.set('downloadHistory', downloadHistory); + renderDownloadHistory(); + + AppState.showToast('전체 다운로드 완료'); + }, 2000); + } + + // Preview file + function previewFile(fileId) { + const file = fileInfo[fileId]; + if (!file) return; + + previewTitle.textContent = file.name; + previewInfo.textContent = `${file.type} 파일 • ${(file.size / 1024).toFixed(2)} MB`; + + addClass(previewModal, 'preview-modal--visible'); + } + + // Close preview + function closePreview() { + removeClass(previewModal, 'preview-modal--visible'); + } + + // Render download history + function renderDownloadHistory() { + if (downloadHistory.length === 0) { + downloadHistoryList.innerHTML = ` +
+ 아직 다운로드한 파일이 없습니다 +
+ `; + return; + } + + downloadHistoryList.innerHTML = downloadHistory.map(item => { + const date = new Date(item.downloadedAt); + const timeStr = formatTime(date); + + return ` +
+
✓
+
+
${item.filename}
+
${timeStr}
+
+
${(item.size / 1024).toFixed(1)} MB
+
+ `; + }).join(''); + } + + // Format time + function formatTime(date) { + const now = new Date(); + const diff = now - date; + const seconds = Math.floor(diff / 1000); + const minutes = Math.floor(seconds / 60); + const hours = Math.floor(minutes / 60); + const days = Math.floor(hours / 24); + + if (days > 0) return `${days}일 전`; + if (hours > 0) return `${hours}시간 전`; + if (minutes > 0) return `${minutes}분 전`; + return '방금 전'; + } + + // Go to analytics + function goToAnalytics() { + window.location.href = '21-실시간대시보드.html'; + } + + // Initialize on load + init(); + diff --git a/design/uiux/prototype/18-이벤트참여.html b/design/uiux/prototype/18-이벤트참여.html new file mode 100644 index 0000000..a66562a --- /dev/null +++ b/design/uiux/prototype/18-이벤트참여.html @@ -0,0 +1,993 @@ + + + + + + 이벤트 참여 - KT AI 이벤트 + + + + +
+ +
+
🎉
+
수원 왕갈비통닭
+
연말 대박 이벤트!
+
+ + +
+
+
🎁
+
+
경품
+
치킨세트 무료교환권
+
+
+
+
👥
+
+
당첨 인원
+
100명
+
+
+
+
📅
+
+
참여 기간
+
~ 2025-12-31
+
+
+
+ + +
+
참여 방법
+
    +
  • 매장 방문하기
    • +
  • QR 코드 스캔하기
    • +
  • 아래 정보 입력하기
    • +
+
+ + +
+

참여 신청

+ +
+ +
+ + +
이름을 입력해주세요
+
+ + +
+ + +
올바른 전화번호를 입력해주세요
+
+ + +
+
참여 경로 (자동 감지)
+
+ 📍 + QR 코드 스캔 +
+
+ + +
+ +
+
+
+ + +
+
💡
+
+ 매장 방문 고객은 당첨 확률 UP! 🎁 +
+
+ + + +
+ + + + + diff --git a/design/uiux/prototype/19-참여완료.html b/design/uiux/prototype/19-참여완료.html new file mode 100644 index 0000000..48dee83 --- /dev/null +++ b/design/uiux/prototype/19-참여완료.html @@ -0,0 +1,905 @@ + + + + + + 참여 완료 - KT AI 이벤트 + + + + +
+ + +
+ +
+
✅
+

참여 완료!

+

이벤트 참여가 완료되었습니다

+
+ + +
+
응모번호
+
A-12345678
+ +
+ + +
+
+
📅
+
+
당첨 발표일
+
2025-12-31
+
+
+
+
📱
+
+
당첨자 통보 방법
+
SMS / 알림톡
+
+
+
+ + +
+
+ 💡 안내사항 +
+
+ 당첨 시 입력하신 전화번호로 SMS/알림톡이 발송됩니다.
+ 응모번호는 당첨 확인 시 필요하니 꼭 기억해주세요! +
+
+ + +
+
매장 정보
+ +
+
🏪
+
수원 왕갈비통닭
+
+ +
+
📍
+
+ 경기도 수원시 팔달구 xxx-xxx +
+
+ +
+
☎️
+
031-XXX-XXXX
+
+ + +
+ + + +
+ + + + + diff --git a/design/uiux/prototype/20-당첨자명단관리.html b/design/uiux/prototype/20-당첨자명단관리.html index bfbd7f9..550f303 100644 --- a/design/uiux/prototype/20-당첨자명단관리.html +++ b/design/uiux/prototype/20-당첨자명단관리.html @@ -1,432 +1,1098 @@ - - - 이벤트 관리 대시보드 - KT AI 이벤트 - - - + + + 당첨자 명단 관리 - KT AI 이벤트 플랫폼 + - + +
+ +

당첨자 명단 관리

+ +
-
+ + + +
+ + +
+ + +
+ + - + if (!winners || winners.length === 0) { + winners = generateMockWinners(); + storage.set('winners', winners); + } - + // Start + init(); + diff --git a/design/uiux/prototype/21-실시간대시보드.html b/design/uiux/prototype/21-실시간대시보드.html index dd76ecf..93ef7ed 100644 --- a/design/uiux/prototype/21-실시간대시보드.html +++ b/design/uiux/prototype/21-실시간대시보드.html @@ -1,330 +1,939 @@ - - - 실시간 대시보드 - KT AI 이벤트 - - - + + + 실시간 대시보드 - KT AI 이벤트 플랫폼 + - + +
+ +

실시간 대시보드

+
+ +
+
- -
-
-
-
- 마지막 업데이트: 15:35 -
- +
+
+ 🎁 + 당첨자 +
+
0
+
+0%
+
+ +
+
+ 📊 + 전환율 +
+
0%
+
+0%
+
+ +
+
+ 📈 + 조회수 +
+
0
+
+0%
+
+
+ + +
+
+

채널별 성과

+ + 상세보기 → + +
+
+ +
+
+ + +
+
+

최근 활동

+
+
+ +
+
+ + +
+ + 🎯 + 당첨자 관리 + + + 📊 + 성과 분석 + + + 💰 + ROI 분석 + + + 📄 + 리포트 + +
+ +
+ + +
+ + - - - + // Start + init(); + diff --git a/design/uiux/prototype/22-채널별성과분석.html b/design/uiux/prototype/22-채널별성과분석.html index df2d7b1..91c6291 100644 --- a/design/uiux/prototype/22-채널별성과분석.html +++ b/design/uiux/prototype/22-채널별성과분석.html @@ -1,522 +1,837 @@ - - - 채널별 성과 분석 - KT AI 이벤트 - - - + + + 채널별 성과 분석 - KT AI 이벤트 플랫폼 + - + +
+ +

채널별 성과 분석

+ +
- +
+
평균 전환율
+
0%
+
+
+
활성 채널
+
0
+
+ -
-
-
-

📊 채널별 성과 비교

- -
+ +
+ +
-
-
-
분석 기간
- -
2025-12-01 ~ 현재
-
-
-
+ +
+

채널 비교

+ + + + + + + + + + + + +
채널참여자전환율순위
+
+ +
-
-

종합 순위

+ +
+ +
-
-
-
-
- 🥇 -
-
QR코드
-
가장 효과적
-
- 9.8% -
-
-
+ +
-
-
-
- 🥈 -
-
Instagram
-
2위
-
- 8.2% -
-
-
+ - - - + ]; + + return channels.sort((a, b) => b.participants - a.participants); + } + + // Format Number + function formatNumber(num) { + return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); + } + + // Render Summary + function renderSummary(channels) { + const total = channels.reduce((sum, ch) => sum + ch.participants, 0); + const avgConv = (channels.reduce((sum, ch) => sum + ch.conversion, 0) / channels.length).toFixed(1); + + totalParticipants.textContent = formatNumber(total); + avgConversion.textContent = `${avgConv}%`; + activeChannels.textContent = channels.length; + } + + // Render Channel Cards + function renderChannelCards(channels) { + channelCards.innerHTML = channels.map((channel, index) => ` +
+
+
+ ${channel.icon} + ${channel.name} +
+
+ ${index + 1} +
+
+ +
+
+
참여자
+
${formatNumber(channel.participants)}
+
+ ${channel.change}% +
+
+
+
조회수
+
${formatNumber(channel.views)}
+
+
+
클릭수
+
${formatNumber(channel.clicks)}
+
+
+
전환율
+
${channel.conversion}%
+
+
+ +
+ ${channel.trend.map(value => ` +
+ `).join('')} +
+
+ `).join(''); + } + + // Render Comparison Table + function renderComparisonTable(channels) { + comparisonTableBody.innerHTML = channels.map((channel, index) => ` + + +
+ ${channel.icon} + ${channel.name} +
+ + ${formatNumber(channel.participants)}명 + ${channel.conversion}% + ${index + 1}위 + + `).join(''); + } + + // Update Analytics + function updateAnalytics(period = AppState.currentPeriod) { + const channels = generateChannelData(period); + + renderSummary(channels); + renderChannelCards(channels); + renderComparisonTable(channels); + } + + // Handle Period Filter + periodFilterBtns.forEach(btn => { + btn.addEventListener('click', () => { + const period = btn.dataset.period; + + periodFilterBtns.forEach(b => removeClass(b, 'period-filter__btn--active')); + addClass(btn, 'period-filter__btn--active'); + + AppState.currentPeriod = period; + updateAnalytics(period); + AppState.showToast('데이터가 업데이트되었습니다'); + }); + }); + + // Handle Refresh + refreshBtn.addEventListener('click', () => { + updateAnalytics(AppState.currentPeriod); + AppState.showToast('새로고침 완료'); + }); + + // Handle Export + exportBtn.addEventListener('click', () => { + AppState.showToast('리포트 다운로드 중...'); + + setTimeout(() => { + const channels = generateChannelData(AppState.currentPeriod); + const csvContent = generateCSV(channels); + const blob = new Blob(['\uFEFF' + csvContent], { type: 'text/csv;charset=utf-8;' }); + const link = document.createElement('a'); + const url = URL.createObjectURL(blob); + + link.setAttribute('href', url); + link.setAttribute('download', `채널별성과분석_${formatDate(new Date())}.csv`); + link.style.visibility = 'hidden'; + + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + + AppState.showToast('리포트 다운로드 완료'); + }, 1000); + }); + + // Generate CSV + function generateCSV(channels) { + const headers = ['채널', '참여자', '조회수', '클릭수', '전환율', '순위']; + const rows = channels.map((ch, idx) => [ + ch.name, + ch.participants, + ch.views, + ch.clicks, + ch.conversion + '%', + (idx + 1) + '위' + ]); + + return [headers, ...rows].map(row => row.join(',')).join('\n'); + } + + // Format Date + function formatDate(date) { + const year = date.getFullYear(); + const month = String(date.getMonth() + 1).padStart(2, '0'); + const day = String(date.getDate()).padStart(2, '0'); + return `${year}${month}${day}`; + } + + // Handle Back + backBtn.addEventListener('click', () => { + window.location.href = '21-실시간대시보드.html'; + }); + + // Initialize + function init() { + updateAnalytics('week'); + } + + // Start + init(); + diff --git a/design/uiux/prototype/23-ROI분석.html b/design/uiux/prototype/23-ROI분석.html index bc3ffd0..183e0c4 100644 --- a/design/uiux/prototype/23-ROI분석.html +++ b/design/uiux/prototype/23-ROI분석.html @@ -1,393 +1,883 @@ - - - ROI 분석 - KT AI 이벤트 - - - + + + ROI 분석 - KT AI 이벤트 플랫폼 + - + +
+ +

ROI 분석

+ +
- +
-
-
-

💰 투자 대비 효과

-
+ +
+
+
+ 💰 + 총 수익 +
+
0원
+
예상 매출 증가분
+
-
-
-
-
ROI (투자 대비 수익률)
-
245%
-
- 투자한 금액 대비 2.45배 수익! -
-
-
-
+
+
+ 💸 + 총 비용 +
+
0원
+
이벤트 운영 비용
+
-
-

비용 내역

+
+
+ 📈 + 순이익 +
+
0원
+
수익 - 비용
+
-
-
-
-
-
- card_giftcard - 경품 비용 -
- 100,000원 -
-
- 상품권 10장 × 10,000원 -
-
+
+
+ 🎯 + 손익분기 +
+
달성
+
참여자 기준
+
+
-
-
- settings - 플랫폼 이용료 -
-
-
- • 우리동네TV - 무료 -
-
- • 지니TV - 무료 -
-
- • SNS (Instagram, Blog) - 무료 -
-
-
+ +
+
+

비용 상세

+
0원
+
+
+ +
+
-
-
- 총 투자 - 100,000원 -
-
-
-
-
+ +
+
+

수익 상세

+
0원
+
+
+ +
+
-
-

수익 내역

+ +
+

인사이트

+
+ +
+
+ + -
-
-
-
-
- trending_up - 매출 증가액 -
- 180,000원 -
-
- 이벤트 기간 vs 평균 매출 비교 -
-
+ +
+ +
-
-
-
- people - 신규 고객 가치 -
- 65,000원 -
-
- 78명 × 예상 LTV (고객 생애 가치) -
-
+ +
-
-
- 총 수익 - 245,000원 -
-
-
-
-
+ - + AppState.showToast('ROI 리포트 다운로드 완료'); + }, 1000); + }); - + // Start + init(); + diff --git a/design/uiux/prototype/24-분석리포트.html b/design/uiux/prototype/24-분석리포트.html index e014846..4877710 100644 --- a/design/uiux/prototype/24-분석리포트.html +++ b/design/uiux/prototype/24-분석리포트.html @@ -1,385 +1,910 @@ - - - 분석 리포트 - KT AI 이벤트 - - - + + + 분석 리포트 - KT AI 이벤트 플랫폼 + - - - - -
-
-

📊 종합 분석 리포트

-
- -
-
-
-
이벤트
-
연말 대박 이벤트
- -
기간
-
2025-12-01 ~ 2025-12-31
-
-
-
- -
-

리포트 미리보기

- -
-
- - -
-
-
페이지
-
10페이지
-
-
-
-
파일 크기
-
5.2MB
-
-
-
-
-
- -
-

포함 내용

- -
-
-
-
- check_circle - 이벤트 개요 -
-
- check_circle - 참여 통계 -
-
- check_circle - 노출 통계 -
-
- check_circle - 매출 분석 -
-
- check_circle - ROI 분석 -
-
- check_circle - 채널별 성과 비교 -
-
- check_circle - 업종 평균 벤치마킹 -
-
- check_circle - 그래프 시각화 -
-
-
-
-
- -
- - - -
- -
-

생성 이력

- -
-
-
-
-
최종 리포트
-
2025-12-31 16:00
-
- -
- -
-
-
중간 리포트
-
2025-12-15 14:30
-
- -
- -
-
-
초기 리포트
-
2025-12-01 10:00
-
- -
-
-
-
- -
-
-
- info -
- 리포트 생성은 최대 30초가 소요됩니다. PDF 파일은 최대 10MB까지 최적화됩니다. -
-
-
-
-
- - -