PM_Log_Min

[내일배움캠프] Chapter 8. 그로스해킹과 데이터

Theme_Min — Mon, 23 Jun 2025 10:10:13 +0900

그로스해킹
"어떻게 하면 우리 제품/서비스가 더 많이 사용되고, 더 많은 사람들에게 알려지며, 더 많은 가치를 제공할 수 있을까" 를 끊임없이 고민하고 실험하며 해결책을 찾아나가는 과정

Step 1. 그로스해킹 기초

● 그로스해킹이란?

어떻게 하면 우리 제품/서비스가 더 많이 사용되고,
더 많은 사람들에게 알려지며, 더 많은 가치를 제공할 수 있을까?

데이터를 기반으로 제품 또는 서비스의 성장을 극대화하기 위한 실험적 접근 방식

제품 구조와 흐름 안에 성장 로직을 설계
외부 활동(광고, 홍보)에 집중하는 마케팅과 달리 제품 자체의 개선, UX 최적화에 집중

● 그로스 해킹의 특징

1. 데이터 중심 사고

가설 설정부터 결과 분석까지 모든 과정이 데어터에 기반하여 진행

AARRR과 같은 지표를 활용하여 제품의 성장 단계를 진단

2. 빠른 실험과 반복

완벽한 제품을 만들기보다 MVP를 빠르게 출시해 사용자 피드백을 통해 개선하는 애자일 원칙 적용

다양한 가설을 세우고 A/B 테스트, 다변량 테스트 등을 통해 빠르게 실험 실행, 결과 분석의 과정을 반복

예시: 넷플릭스 추천 시스템

- 문제 정의
신규 가입자들이 다양한 콘텐츠 속에서 시청할 콘텐츠를 찾지 못하고 헤매다가 이탈
- 가설
사용자 개개인의 시청 이력, 선호도, 검색 기록을 기반으로 개인화된 콘텐츠 추천 알고리즘을 고도화하면
→ 사용자의 콘텐츠 발견 효율성이 높아지고 시청 시간 증가 및 구독 유지로 이어질 것이다
- 실험
A/B 테스트, UX/UI 개선

● 그로스해킹의 핵심

1. PMF (Product-Market Fit)

제품이 적절한 시장을 찾았고, 해장 시장의 고객 니즈를 효과적으로 충족시키고 있는 상태

2. 시장과 문제 고객 정의

어떤 시장의 어떤 고객이 겪고 있는 어떤 문제를 해결하고자 하는지 명확히 정의

3. 최소 기능 제품(MVP) 개발

정의된 문제를 해결할 수 있는 가장 핵심적인 기능만을 담은 MVP 개발

4. 빠른 출시 및 데이터 수집

MVP를 실제 사용자들에게 빠르게 출시 → 사용자들의 제품 사용성을 분석

5. 반복적 개선

수집된 데이터와 피드백을 바탕으로 제품을 개선

예시: 당근

1. 중고거래 앱
신뢰 기반의 지역 기반의 거래라는 당근마켓의 PMF를 확립
MVP 기능 - 중고거래 게시글 작성 / 1:! 채팅 / GPS 기반 동네 인증 / 매너 온도 평가

2. 지역 커뮤니티 - 동네생활' 확장
중고거래를 통한 높은 트래픽과 지역 기반의 연걸성을 바탕으로 지역 기반 소통과 정보 공유의 장으로 확장
확장 기능 - 동네생활(지역의 소식, 정보, 일상을 공유하는 게시판)

3. 지역 커뮤니티 - '내 근처' 확장
지역 내 상점 및 서비스 연결
확장 기능 - 당근알바(구인구직, 알바, 과외), 소상공인 홍보

3. 기타 서비스
확장 기능 - 당근페이 / 부동산 / 모임 / 용달 및 이사 서비스 / 전문가 연결 서비스

예시: 오늘의 집

1. 인테리어 콘텐츠/커뮤니티
인테리어 정보를 얻기 어려웠던 사용자들의 갈증을 해소하기 위해 등장
초기에는 수익 모델보다 사용자 유치 및 콘텐츠 확보에 집중
MVP 기능 - 인테리어 사진 공유 및 탐색 / 전문가 콘텐츠 제공 / 사용자 참여형 콘텐츠 / 제품 태그 기능

2. 인테리어 커머스 확장
콘텐츠를 통해 확보된 사용자들의 사진 속 가구에 대한 강한 구매 니즈 확인
커머스 기능을 추가하여 인테리어 쇼핑 플랫폼으로의 전환
확장 기능 - 사진 기반의 상품 판매 / 다양한 가구 및 소품 입점 / 사용자 데이터 활용

3. 인테리어 시공/리모델링 중개 서비스 확장
단순 가구/소품을 넘어 사용자들의 주택 리모델링이나 부분 시공 등 더 큰 규모의 인테리어 니즈 확인
인테리어 시공 시장의 정보 비대칭성과 불신 해소를 위한 중개 서비스 시작
확장 기능 - 시공 및 리모델링 견적 비교 / 시공 후기 및 포트폴리오 제공 / 안심 서비스 제공

4. 라이프스타일 슈퍼 앱으로의 진화
집을 꾸미는 것을 넘어 '집'과 '주거 생활' 전반의 문제를 해결하는 플랫폼으로 확장
확장 기능 - 홈서비스 확장(이사, 생활 수리 및 설치) / 콘텐츠 및 커뮤니티 고도화(3D 인테리어 시뮬레이션, 콘텐츠 카테고리 확장) / PB 상품 출시 및 유통 강화(자체 가구 브랜드 레이어)

Step 2. 그로스해킹 단계(AARRR)

● Acquiration (고객 유치)

잠재 고객이 제품이나 서비스를 처음 알게 되고 유입되는 단계

PM은 고객 유치 단계에서 제품의 핵심 가치를 효과적으로 전달하여 고객들을 유입하는 전략 수립

1. 타겟 고객 명확화

: 시장 조사, 사용자 인터뷰, 기존 사용자 데이터 분석을 통해 제품의 핵심 가치 이해 및 비즈니스 유저 정의

(제품을 장기적으로 사용하며 비즈니스에 기여할 유저를 PMF에 적합한 유저라고 함)

2. 가치 제안

제품이 제공하는 고유한 '아하!' 모먼트의 핵심적인 혜택을 명확하게 정의하고, 간결하고 강력하게 전달 및 제안

3. 유입 채널 탐색 및 최적화

각 채널별로 소규모 A/B 테스트를 진행하여 유입률, 전환율, CAC 등의 지표를 측정

4. UI/UX 설계

유저가 필요한 다음 단계(가입, 설치, 첫 기능 사용)로 매끈하게 넘어갈 수 있도록 서비스를 기획

핵심 가치 강조, 불필요한 정보 제고, 간소화된 가입 및 로그인 프로세스 등을 설계

이탈이 가장 많이 발생하는 지점을 식별하고, 이를 해결하기 위한 제품 기능 개선 기획

예시: 배달의민족 간편회원가입

1. 목표
신규 사용자 획득 과정에서 발생하는 이탈률(특히 가입 및 로그인 단계) 줄이기
2. 문제점
- 복잡한 가입 방법
- 경쟁 심화 속 차별화
3. 해결 방안
- 사용자 데이터 분석 및 소셜 계정 선정 및 적용
- 한국 사용자들이 가장 많이 사용하고 익숙한 소셜 계정(카카오, 네이버 등)이 무엇인지 내부 데이터(기존 사용자들의 소셜 로그인 현황) 및 시장 트렌드 데이터 분석

예시: 쿠팡이츠 쿠팡 앱 간편 로그인

1. 목표
기존 쿠팡 사용자들을 쿠팡이츠로 효율적으로 유입
2. 문제점
- 별도 가입의 번거로움
- 와우 멤버십 시너지 부족
3. 해결 방안
- '쿠팡 계정으로 로그인' 기능 최우선 배치
- 쿠팡-쿠팡이츠 시스템 간 연동(배송지, 결제 수단, 멤버십 등)
- '와우 멤버십' 혜택 자동 연동 및 강조

예시: 넷플릭스 가입 과정

1. 목표
신규 구독자 수 증대, 가입 퍼널 이탈률 최소화, '콘텐츠 시청' 핵심 가치 경험 유도
2. 문제점
- 서비스 경험에 대한 불확실성
- 긴 가입 절차의 피로도
3. 해결 방안
- '무료 체험' 전면 배치
- 가입 절차의 단순화 (이메일 주소 입력 - 비밀번호 설정 - 결제 정보 입력 - 끝)

● Activation (활성화)

제품을 처음 사용한 고객이 제품의 핵심 가치를 경험하고 만족감을 느끼는 단계

단순히 가입이나 앱 다운을 넘어 제품의 핵심 기능을 성공적으로 사용해 보는 것

PM은 활성화 단계에서 사용자가 제품의 '아하!' 모먼트에 빠르게 도달하도록 제품 UI/UX를 설계

1. 온보딩 최적화

사용자가 제품의 핵심 가치를 이해하고 첫 성공 경험을 할 수 있도록 온보딩 과정을 간소화 및 직관적으로 설계

2. 핵심 기능 가이드

툴팁, 튜토리얼, 가이드 메세지 등을 통해 핵심 기능 사용법을 간결하게 안내

3. 첫 경험 개인화

사용자 정보(관심사, 직업, 초기 입력 데이터)에 따라 맞춤형 첫 경험 제공

예시: 노션 맞춤형 온보딩 및 템플릿 제안

1. 목표
신규 사용자가 노션의 '무한한 유연성으로 무엇이든 만들고 정리할 수 있다'는 핵심 가치를 빠르게 인지하고 자신에게 맞는 방식으로 노션을 사용하도록 돕는 것
2. 문제점
- 노션은 매우 강력하고 자유도가 높은 툴이지만, 그만큼 초기 사용자에게 막막함과 복잡합을 느끼게 함
- 이로 인해 빈 페이지에서 무엇을 시작해야 할지 몰라 이탈하는 현상이 발생
3. 해결 방안
- 목적 기반의 맞춤형 온보딩(신규 가입 시 개인 용도, 학생, 스타트업 등 사용 목적 확인)
- 이에 따라 적합한 기본 워크스페이스와 미리 구성된 템플릿을 자동으로 생성하여 첫 화면에 제공

예시: 넷플릭스 프로필 설정

1. 목표
사용자가 가입한 후 '나에게 맞는 콘텐츠를 발견하고 시청하는 것'이라는 핵심 가치에 최댛나 빠르게 도달하도록 설계
2. 문제점
- 콘텐츠 탐색의 고통
3. 해결 방안
- 가족 및 공동 계정의 개인화(개인별 프로필 생성 유도
- 표시 언어 및 음성, 자막 언어 설정
- 취향/장르 선택 유도(개인화 추천의 핵심 데이터 수집)

● Retention (고객 유지)

활성화된 고객이 제품을 지속적으로 사용하고 다시 방문하도록 만드는 단계

PM은 고객 유지 단계에서 사용자가 제품에서 지속적인 가치를 느끼고 습관적으로 사용하도록 제품을 설계

1. 핵심 기능 고도화 및 확장

사용자가 제품을 계속 사용하는 핵심 기능을 더욱 강력하게 만들거나,

연관된 새로운 기능을 추가하여 제품의 사용성을 확장

2. 사용자 피드백 반영 및 버그 수정

사용자의 불편함을 청취하고 버그 수정, 성능 개선, 신규 기능 추가 등 제품 품질 향상

3. 재참여 유도 매커니즘 구축

푸시 알림, 이메일, 인앱 메세지, 리타겟팅 광고 등을 통해 사용자에게 필요한 정보나 가치를 적시에 전달하여 재방문을 유도

4. 개인화 및 맞춤형 경험 제공

사용자의 과거 행동 패턴, 선호도, 현재 상황 등에 기반한 맞춤형 콘텐츠나 기능 제

예시: 넷플릭스

1. 문제점
- 볼게 없다고 느끼거나 너무 많은 콘텐츠 속에서 탐색 피로를 느껴 구독을 해지
2. 해결방안
- 초개인화 추천 알고리즘의 고도화
- '이어서 시청하기' 및 자동 다음 에피소드 재생
- 시청 기록 기반 맞춤형 알림

예시: 배달의민족 도착보장

1. 문제점
- 배달 앱 시장의 경쟁이 심화
- 배달 지연으로 인한 고객 불만 증가
- 고객들이 주문한 음식의 도착 시간 예측 이럽고 늦어 이탈하는 경우 발생
2. 해결방안
- '도착 보장' 제도 도입 (예상 배달시간보다 15분 이상 지연되면 쿠폰제공)
- '도착 보장'이 적용되는 가게에는 앱 내에서 명확한 '도착 보장 배지'를 표시

● Revenue (수익 창출)

고객이 제품이나 서비스에 가치를 지불하고 수익을 발생시키는 단계

제품이 고객에게 충분한 가치를 제공하고 있음을 증명하는 궁극적인 지표, 비즈니스의 지속 가능성 결정

1. 가격 모델 실험

무료 체험 기간, 구독 모델, 티어별 요금제 등 다양한 가격 모델 ,A/B 테스트 및 수립

2. 결제 흐름 최적화

3. 업그레이드 유도 or 이탈방지

유료 플랜, 프리미엄 기능이 제공하는 추가적인 가치를 명확하게 전달하고 업그레이드 유도 및 이탈 고객 유료 전환

예시: 쿠팡 결제

1. 문제점
고객이 제품을 장바구니에 담고 결제 직전까지 갔다가 복잡한 결제 과정으로 인해 이탈
2. 해결방안
- 자체 간편 결제 시스템을 개발하고 '원터치 결제' 기능 기획

예시: 당근 광고

1. 목표
중고거래 앱을 넘어 '지역 커뮤니티'로서의 플랫폼 가치를 기반으로 새로운 수익을 창출, 지역 소상공인에게 효율적인 마케팅 기회 제공
2. 해결방안
- '지역 타겟팅'이라는 핵심 가치 제안
(동네 인증 기반의 초지역 타겟팅을 광고 서비스의 핵심 가치로 제공)
- 간편한 광고 생성 및 관리
복잡한 광고 시스템 대신 소상공인들이 스마트폰으로 쉽게 광고를 만들고 집행할 수 있는 UI/UX 설계
- 합리적인 광고비 모델
(대규모 광고 예산이 없는 소상공인들을 위한 충전형 또는 CPC(클릭당 과금) 모델 제

● Reference (추천)

만족한 고객이 자발적으로 또는 특정 인센티브를 통해 다른 사람들에게 제품이나 서비스를 추천하고 공유하는 단계

1. '공유하고 싶은 경험' 설계

2. 명확하고 매력적인 보상 설계

3. UI/UX 설계

제품 내에서 SNS. 이메일, 링크 공유 등 공유 기능을 직관적으로 접근할 수 있도록 설

예시: 드롭박스

1. 해결방안
- 친구 초대 보상 프로그램
(친구를 초대하면 양쪽에 추가 저장 공간 제공 인센티브 프로그램 도입)

예시: Zoom 무료 회의 제공

1. 목표
개인 및 소규모 팀이 '무료 회의' 기능을 통해 Zoom을 경험하고, 회의; 주최자가 다른 사람들을 회의에 초대하여 서비스가 자연스럽게 확산
2. 해결방안
- '무료 회의' 기능의 전략적 설계 (40분 시간제한)
- 쉬운 초대 기능 (초대 링크 복사, 이메일 초대, 연락처 초대 등)
- 게스트 참여 기능

Step 3. 그로스해킹 현업 사례

●

[내일배움캠프] Chapter 7. MVP 프로젝트 - <NOL> 우천 시 대체 콘텐츠 추천 서비스

Theme_Min — Mon, 9 Jun 2025 15:57:12 +0900

MVP 프로젝트
Framer를 활용한 MVP 제작을 실습하고 문제정의 기반으로 기능/설계된 실제 제품을 구현하는 프로젝트

Step 0. 사전 논의

● 0 to 1 vs 1 to 100

기획 주제	장점	단점	예시
새로운 서비스 및 플랫폼	새로운 아이디어 및 가치 제공	많은 리소스 예상	데일리 패션 추천 플랫폼 기획 이커머스 플랫폼에 사용자 커뮤니티 피트니스 플랫폼에 온라인 PT 서비스
기존 서비스 개선	데이터 기반 문제 해결 용이	기획에 많은 제약 예상	yse24 티켓예매 플랫폼 개선 쿠팡이츠 음식배달 서비스 개선

→ 도메인의 문제를 검증된 데이터가 충분한 기존 플랫폼에 새로운 서비스를 추가함으로써 효율적으로 해결헤보자

● 역할 분담

역할	설명	인원
총괄 PM	전체 일정 관리 및 회의 주관	정) 지영 부) 민서
UX/UI PM	유저 플로우, 와이어프레임, Framer MVP 제작 주관	정) 민서 부) 민재
기술/개발 PM	기능 구조 설꼐 및 구현 가능성 검토 주관	정) 민재 부) 지영
리서치/데이터 PM	시장 조사, 사용자 인터뷰, VOC 수집 및 분석 주관	정) 한솔 부) 준영
운영/성과 PM	MVP 실험 설계, KPI 정의, 성과 측정	정) 준영 부) 한솔

● Ground Rule

1. 회의 시 회의록 페이지 전체 참여하기

2. 시간 약속 지키기

3. 내용에 따른 업무 툴 통일하기

- 각자 조사한 자료는 노션 자료 DB에 업로드하기

- 슬랙으로 공유할 시 검색하기 쉽게 하나의 쓰레드에 댓글로 공유하기

→ 슬랙으로 공유한 내용도 각자 노션으로 옮겨놓기

- 젭으로 대화한 내용도 중요한 내용이면 노션으로 옮겨놓기

Tool	내용
Notion	프로젝트 커뮤니케이션 및 공유
Figma	프로젝트 와이어프레임
Framer	프로젝트 MVP
Slack	프로젝트 외적 공유사항

Step 1. 과제 개요

● MVP 프로젝트란?

최소한의 기능만 갖춘 제품으로, 시장 반응이나 사용자 데이터를 통해 가설을 검증하는 데 초점을 둠.

1. 사용자 관점에서 핵심 문제 정의
2. 명확한 가설 수립
3. Framer을 활용해 검증 가능한 MVP 제작
4. 생성형 AI를 활용한 기획 문서(PRD, IA 등) 제작

Step 3. 도메인 선정

아래 3가지 도메인 중 하나를 선택하세요.
1. 이커머스 (E-commerce) - 상품을 판매하는 플랫폼
2. 에듀테크 (EdTech) - 교육 관련 기술을 활용한 서비스
3. 소셜네트워크 (SNS) - 연결과 소통을 중심으로 한 온라인 서비스

● 도메인 선정기준

기준	설명
개인적 동기 및 흥미	각 팀원이 해당 도메인에 흥미있는가
도메인 이해도	해당 도메인에 대한 팀의 이해도가 충분한가
사용자 문제의 명확성	해결하는 문제가 명확하먀, 다수가 공감할 수 있는가
시용자 테스트 용이성	인터뷰 및 테스트가 원활하게 이루어질 수 있는가
검증 가능성	MVP를 통해 성과 검증이 가능한 도메인인가

→ 이커머스 도메인

1. 흥미 및 이해도

현재까지의 PM 트랙의 학습 및 실습이 이커머스 플랫폼 중심으로 이루어져 팀원들의 흥미 및 이해도가 높음

2. 사용자 문제의 명확성

서비스에 대한 사용자 경험이 수익 창출로 직결되는 구조 → 사용지 문제 해결이 비즈니스 개선으로 직결

3. 사용자 테스트 밒 검증 가능성

에듀테크에 비해 비교적 빠른 시간 내에 서비스 이용이 이루어지기 떄문에 사용자 테스트 및 검증이 용이

● 도메인 조사

- 이커머스(E-commerce)는 온라인에서 상품이나 서비스를 사고파는 모든 활동

- 사용자가 상품을 탐색 → 선택 → 결제 → 배송 → 후기 작성하는 모든 흐름이 중요, 사용자 경험이 곧 매출로 직결

(쿠팡, 마켓컬리, 무신사, 네이버플러스스토어 등)

주요 지표

1. 사용자 행동 지표
방문자 수
웹/앱에 얼마나 많은 사용자가 방문했는가
세션 수
특정 유저가 웹/앱에서 상호작용 하는 기간
페이지 뷰 (PV)
사용자들이 얼마나 많은 페이지를 조회했는가
이탈률
행동 없이 나가는 비율
평균 세션
시간한 번 방문 시 머무는 평균 시간 → 길수록 몰입도가 높다고 볼 수 있음
재방문율 (Retention Rate)
한 번 방문했던 사용자가 다시 방문하는 비율

2. 전환 지표
장바구니 담기율 (Add-to-Cart Rate)
상품 상세 페이지를 본 후 장바구니에 담는 비율 → 상품 매력도, 가격 경쟁력, 정보 제공 충분성
결제 전환율 (Conversion Rate)
실제 구매 완료 비율
객단가 (AOV, Average Order Value)
구매 한 건당 평균 결제 금액

3. 기타 지표
리뷰 수 / 평균 평점
상품의 품질 및 사용자 만족도를 간접적으로 나타냄
고객 문의량
사용자들이 겪는 문제나 불편함 파악 가능
LTV (Lifetime Value)
한 고객이 서비스 이용 기간 동안 발생시키는 총 가치
CAC (Customer Acquisition Cost)
한 명의 고객을 확보하는 데 드는 평균 마케팅 비용

이커머스 업태

1. 종합몰
오프라인 기반의 백화점이나 대기업의 홈쇼핑을 온라인으로 옮긴 것
주로 브랜드 및 고가의 상품을 판매하므로 입점절차가 까다롭고 오래결림
직매입 또는 위수탁으로 계약해 CS까지 종합몰에서 관리하므로 25~30%의 수수료
ex. SSG몰, 현대H몰, AK몰

2. 오픈마켓
모든 판매자들이 자유롭게 입점해서 상품을 판매할 수 있는 플랫폼
중개 거래로 입점하여 같은 상품을 여러 판매자가 판매하므로 경쟁이 치열하고 10~15%의 수수료
ex. 쿠팡, G마켓, 11번가

3. 버티컬 커머스
카테고리 킬러. 패션, 식품, 인테리어 등 특정 카테고리의 상품을 전문적으로 판매하는 이커머스 플랫폼
ex. 오늘의집, 무신사, 마켓컬리

4. 라이브 커머스
온라인 상에서 실시간으로 쇼통하며 쇼핑하는 커머스
일방적으로 정보를 전달하던 TV 홈쇼핑과 달리 고객이 질문하면 쇼호스트가 대답하는 쌍방향 커뮤니케이션
ex. 네이버, 카카오, 11번가

5. 퀵 커머스
일반적으로 시간 이내의 배송 서비스를 제공하는 플랫폼
ex. B마트(우아한형제들), 오늘드림(올리브영), 1시간 유심배달(KT)

https://brunch.co.kr/@b30afb04c9f54dc/47

이커머스 도메인의 필수 지식

이커머스 업태와 입점 계약의 종류 | 부끄럽지만...나는 이커머스에 대한 지식이 전무한 채로 이커머스 일을 시작했다. 그래서 플랫폼이나 경영진 회의에 들어가면 외계어같은 단어, 이해할 수

brunch.co.kr

Step 3. 문제 정의

●

[내일배움캠프] Chapter 6. 데이터드리븐 기획 - OTT 서비스 시청 지속 시간 개선안

Theme_Min — Thu, 5 Jun 2025 20:09:07 +0900

데이터드리븐
사용자 행동 데이터, 시장 데이터, 성과 데이터 등을 기반으로 의사결정을 내리고 제품을 기획하는 방식

Step 1. 기획 배경 및 개요

Notion 발제문

https://www.notion.so/teamsparta/Chapter-5-1-2022dc3ef51480a798e6c452a4df35b2?source=copy_link

기획 배경
최근 시청 데이터 리포트 분석 결과, 가입 유저 수는 지속적으로 증가하고 있지만
일부 콘텐츠의 평균 시청 시간이 짧은 문제 발생
시청 시간을 늘리지 않으면 추천 알고리즘 학습도 어려워지고, 다음 콘텐츠 소비로 이어지지 않아 리텐션 자체가 낮아진다

기획 목표
1. 시청 지속률이 낮은 유저들의 특성을 파악하고
2. 시청 지속률이 낮은(혹은 이탈) 이유를 분석하여
→ 사용자의 평균 시청 시간을 높이기 위한 실용적인 개선안 도출

* 시청 지속시간은 콘텐츠의 길이와 장르마다 다르므로, 시청 지속도를 측정하기 위해
콘텐츠 러닝타임 대비 완주 비율을 나타내는 stop_point로 시청 지속시간을 정의

로그 데이터셋

https://docs.google.com/spreadsheets/d/1aKKvDrpIvX6sg4Mxb4YR7unF4Ltz292cfYw_yDMwheY/edit?usp=sharing

데이터드리븐 과제 데이터셋

ABCDEFGHIJKLMNOPQRSTUVWXYZuser_iduser_typecontent_idage_groupgendersubscription_plandevice_typeentry_sourcegenrecontent_lengthwatch_timestop_pointplay_end_reasonplay_end_reason_detailrecommendation_clickedplay_ratestop_point_2user_0170returningM0120sFFreeT

docs.google.com

Step 2. 로그 선정 (PRD에서는 생략)

로그 선정 배경

"시청 지속시간에 영향을 줄 수 있는 요인은 무엇이 있을까?"
1. subscription_plan (구독 요금제)
유료 요금제를 사용할수록 서비스에 대한 충성과 신뢰도가 높은 고객
따라서 무료-유료-프리미엄 요금제로 갈수록 완주 비율이 높아질 것이다
완주 비율: FreeTrial (20.5%) - Basic (25.68%) - Premium (32.42%)
2. device_type (시청 기기)
Mobile - PC - TV 로 갈수록 컨텐츠 사용에 공간/시간적인 자유도가 높다
따라서 모바일 사용자의 경우 완쥬율이 낮고 초반 이탈율이 높고
TV 사용자의 경우 완주율이 높고 초반 이탈율이 낮을 것이다
완주 비율: Mobile 기기 유저(18.48%) < PC 유저 (21.59%) < TV 유저(32.56%)
3. genre (콘텐츠 장르)
한편의 긴 호흡으로 이야기를 전개하는 영화와
내용이 독립된 각 회차를 구성하는 예능
짧은 호흡의 여러 회차로 구성된 애니매이션과 드라마의 특성에 따라
예능 /영화보다 애니매이션/드라마가 높은 완주율과 낮은 이탈율을 가질 것이다
완주 비율: movie (17.82%) - variety (29.28%) - ani ((26.54%) - drama (31.69%)
4. entry_source (유입 경로)
유입경로가 검색인 경우 명확한 장르나 콘텐츠에 대한 목표가 있는 유저
추천의 경우 유저의 취향에 따른 추 추천 콘텐츠를 제공받은 유저
메인배너의 경우 목적성이 뚜렷하지 않은 유저이기 떄문에
메인배너 유입 유저의 시청 지속시간이 가장 짧을 것이다
완주 비율: 메인 배너(22.02%) < 외부유입 (24.11%), 추천 (24.94%), 검색 (25.73%)

"이탈하는 유저와 끝까지 보는 유저의 차이는 무엇일까?"
(이탈 유저 : stop_point = 초반, 중반, 후반 / 완주 유저: stop_point = 완주)
1. age_group (연령대)
정주행 유저에서 30대의 비율이, 이탈 유저에서 10대의 비율이 높다
2. subscriptoin_plan (구독 요금제)
정주행 유저에서 유료 요금제, 이탈 유저에서 무료 요금제의 비율이 높다
3. device_type (시청 기기)
정주행 유저에서 TV, 이탈 유저에서 Mobile 기기 비율이 높다
4. genre (콘텐츠 장르)
정주행 유저에서 애니/드라마, 이탈 유저에서 영화, 드라마 비율이 높다

선정 로그
subscription_plan (구독 요금제)
device_type (시청 기기)
genre (콘텐츠 장르)
entry_source (유입 경로)
age_group (연령대)

Step 3. 페르소나 선정

페르소나 선정

1. 현재 해당 OTT는 가입 유저 수가 지속적으로 증가하는 추세
2. 20·30대는 안정적인 경제력을 바탕으로 OTT에 대한 지불의사가 높고 새로운 문화에 개방적이다
3. Free Trial 요금제는 서비스의 가치를 확인하는 단계로, OTT 충성 고객이 되기 전 거치는 과정이다

경제력을 갖춘 20·30대의 무료 요금제 사용자들의 경험을 향상시켜 유료 요금제로의 전환율을 높인다면,
서비스 시청 지속 시간이 늘어날 뿐만 아니라 고객 충성도와 수익성까지 향상될 것이다

→ Free Trial 요금제를 사용하는 20~30대 User (전체 유저 33.9%)

Step 3. 데이터 분석 및 문제정의

페르소나의 평균 시청이 낮은 원인
1. 추천 컨텐츠가 유저의 취향을 제대로 반영하고 있지 못해 유저의 이탈로 이어진다
- 추천 컨텐츠의 이탈율 75.7% (페르소나 평균 67.3%)
- 추천 컨텐츠로 유입된 유저의 대부분(78%)이 자발적 원인으로 이탈
(완주하고 이탈한 경우는 이탈 후 다시 돌아온 것으로 가정)

- 추천 유입의 자발적 이탈 257건 중 193건의 상세 이탈원인이 ‘추천 컨텐츠에 대한 불만’

2. 러닝타임이 긴 영화의 장르적 특성과 모바일 기기의 편리성이 사용자의 이른 이탈로 이어진다
- 모바일 유저의 이탈율 82.39% (페르소나 평균 67.3%)

- 모바일 유저 중 영화 장르를 소비하는 유저의 이탈율 93.18%

Step 4. 해결방안 가설 및 검증

[내일배움캠프] Chapter 6. 데이터드리븐 기획 - 데이터드리븐 역량 기르기

Theme_Min — Wed, 4 Jun 2025 14:17:15 +0900

데이터드리븐
사용자 행동 데이터, 시장 데이터, 성과 데이터 등을 기반으로 의사결정을 내리고 제품을 기획하는 방식

Step 1. 데이터 보는 습관 기르기

● 실습 전 체크

데이터를 볼 때

1. 정확한 질문 파악: 상대방이 요구하는 것이 정확히 무엇인가?
2. 기준 설정 및 관련 데이터를 수집 및 분석 (비교, 패턴 분석, 사용자 피드백 활용): 명확한 기준을 설정하여 이해를 돕기
3. 객관적이고 논리적인 해결 방안 제시 (데이터 시각화, 숫자로 설명)

● 실습 케이스

파: 핵심 지표 / 초: 키포인트 / 보: 해결방안

API 속도 최적화 관련
최근 로그인 API 응답 시간이 길다는 피드백이 있는데, 얼마나 느린 건가요? 개선이 필요할까요?

1. 기준
최근 30일간 로그인 API의 평균 응답 시간

2. 데이터 확인 :
평균 응답 시간: 2.1초 (목표는 1초 이하)
피크 시간(오후 8~10시): 3.5초까지 증가
사용자 불만 접수 건수: 지난달 대비 20% 증가
- 트래픽이 몰리는 시간대에 성능 저하가 발생

3. 결론 도출
API 요청 수 대비 서버 응답 속도 분포를 보면 캐시 사용이 부족한 것으로 보이는데, 이를 개선하면 응답 시간을 단축 가능
→ 우선 캐시 적용(A/B 테스트) 후 응답 시간을 체크하는 방향으로 진행

CTA 버튼 클릭률 개선 요청
CTA(구매 버튼) 클릭률이 낮아요. 색상을 바꾸면 효과가 있을까요?

1. 기준
최근 2주간 CTA 버튼의 클릭률

2. 데이터 확인 :
데스크톱 클릭률: 3.2%
모바일 클릭률: 1.5% (업계 평균 2.5% 대비 낮음)
A/B 테스트 결과: 기존 버튼 대비 초록색 버튼 클릭률 15% 증가

3. 결론 도출
모바일 사용자의 클릭률이 특히 낮은데, CTA 버튼 크기, 색상 대비를 조정하면 개선 가능해보임
아래와 같이 A/B 테스트를 진행한 후 결과를 다시 분석
- 기존 빨간색에서 초록색으로 변경
- 버튼 크기를 15% 확대

구매 전환율 문제
최근 장바구니 담기 수는 증가했는데, 최종 결제율이 떨어졌어요. 이유가 뭘까요?

1. 기준
지난 30일간 데이터

2. 데이터 확인 :
장바구니 담기율: 12% → 18% (6% 증가)
최종 결제율: 7% → 5% (2% 감소)
결제 단계 이탈률: 결제 페이지 로딩 시간 4초 이상 (목표는 2초 이하)
사용자 피드백: 결제 단계에서 쿠폰 코드 입력 과정이 복잡하다는 의견 증가
- 결제 페이지 로딩 속도가 느려져서 이탈한 사용자 증가
- 쿠폰 코드 입력 과정이 번거로워 사용자가 이탈

3. 결론 도출 :
- 결제 페이지 성능 최적화 → 응답 속도 2초 이하로 단축
- 쿠폰 코드 자동 적용 기능 추가

사용자 불만 증가
최근 특정 기능(결제, 로그인, 상품 검색)에 대한 고객 불만이 증가했습니다. 주된 원인이 무엇인지 파악할 수 있을까요?

1. 기준
최근 2주간의 고객 문의 데이터

2. 데이터 확인 :
고객 불만 접수 증가율: 35% 증가
주요 불만 항목
- 결제 실패 (40%) → 신용카드 결제 오류
- 상품 검색 문제 (30%) → 특정 키워드 검색 결과 누락
- 로그인 실패 (20%) → OTP 인증 딜레이
결제 오류의 경우, 특정 카드사에서 승인 실패율이 높아졌음 (카드사 문제 or API 응답 문제 가능성)
검색 기능은 새로운 필터 적용 이후 검색 결과 정확도가 낮아졌을 가능성
로그인 실패는 트래픽이 증가한 특정 시간대(밤 9~11시)에 OTP 요청이 몰리는 현상이 원인일 가능성이 큼

3. 결론 도출 :
- 결제 : 특정 카드사의 승인 오류 로그 분석 및 대응 방안 논의
- 검색 : 필터링 알고리즘 개선 테스트 진행
- 로그인 : OTP 요청 분산 처리 방안 검토 및 UX 개선

A/B 테스트 결과
새로운 로그인 페이지 A/B 테스트 결과가 나왔나요? 어떤 안이 더 좋은가요?

1. 기준
지난 2주간 진행된 A/B테스트

2. 데이터 확인 :
기존 로그인 페이지(A안): 전환율 18%
새로운 디자인 로그인 페이지(B안): 전환율 25% (7% 증가)
모바일 사용자 반응: B안에서 로그인이 12% 더 빠름
사용자 피드백: B안에서 로그인 버튼 위치가 더 직관적이라는 의견 다수

3. 결론 도출
B안이 전환율이 더 높고, 사용자 반응도 좋으므로 새로운 로그인 페이지 B안으로 진행

Step 2. 목적에 대해 생각해보기

● 목적이 없는 문서 작성 / 데이터 분석

- 문서는 불필요한 내용이 많아지고, 보는 사람에게 혼란을 줌

- 데이터 분석도 단순한 숫자 나열이 되고, 실제로 어떤 액션을 해야 할지 모호해짐

PM은 문서 작성 및 데이터 분석 시 항상 “이걸 왜 하는가?”부터 시작

● 목적의 중요성

1. 효율성

- 문서를 읽는 사람(개발자, 디자이너, 마케팅 팀 등)이 쉽게 이해할 수 있도록 정리할 수 있음

- 데이터 분석에서도 불필요한 정보를 배제하고, 의사결정에 필요한 핵심 데이터만 제공할 수 있음

2. 명확한 방향성

- 문서나 데이터 분석이 어디를 향해야 하는지 방향성이 뚜렷해짐

(목적 없이 문서를 작성하면 내용이 산만해지고, 핵심을 전달하기 어려움)

- 데이터 분석도 마찬가지로, 분석의 목적이 분명해야 어떤 데이터를 수집하고 어떤 방법을 사용할지 결정할 수 있음

3. 결과물의 질 향상

- 문서나 분석 결과가 더 설득력 있고 효과적인 형태로 정리됨

- 문서는 논리적인 구조를 갖출 수 있고, 데이터 분석은 실질적인 비즈니스 가치를 제공할 수 있도록 진행됨

예시
파랑: 주요 지표 / 초록: 목표 / 보라: 해결방안

1.사용자 행동 분석 → UX 개선
"회원가입 페이지에서 2단계에서 이탈률이 50% 발생합니다. 이를 줄이기 위해 입력 필드를 줄이고, 가이드 메시지를 추가하는 것이 필요합니다."
→ 이탈률 데이터를 그냥 보는 게 아니라, 개선 방향까지 도출해야 함

2. A/B 테스트 → 기능 최적화
"A 디자인보다 B 디자인의 전환율이 15% 높습니다. 따라서 B 디자인을 정식 출시하는 것이 기능 최적화에 적절합니다."
→ 데이터 비교 후, 어떤 결정을 내려야 하는지 제시해야 함

3. 비즈니스 성과 분석 → 매출 향상 전략
"VIP 고객의 재구매율은 30%이지만, 일반 고객은 10%에 불과합니다. VIP 고객 대상 리텐션 마케팅을 강화하면 매출이 증가할 가능성이 큽니다."
→ 단순히 매출 데이터를 보는 것이 아니라, 비즈니스 전략과 연결해야 함

● 목적에 맞게 문서와 데이터를 활용하는 팁

1. WHY(왜?) 정하기

- 문서를 작성하기 전에 “이걸 왜 하는가?"부터 생각하기

- 이 문서를 읽고 상대방이 어떤 행동을 하길 원하는가?

- 이 데이터를 보고 우리가 어떤 결정을 내려야 하는가?

2. 실행 가능한 결론을 도출하기

데이터 분석 후에는 구체적인 행동 계획 도출

- 단순한 데이터 나열 X

- "그래서 뭘 해야 하지?"에 대한 답을 포함

3. 간결하게 핵심만 정리하기

PM 문서는 읽기 쉬워야 합니다.

- 필요 없는 내용 줄이기

- 표나 그래프 활용해 직관적으로 정리

- 핵심 내용을 3줄 요약하는 연습 해보기

예시: 지라 작성 → 버그 픽스

✔ 제목은 짧고 명확하게 작성하기
❌ 검색 기능에서 특정 키워드를 입력하면 결과가 잘못 나오는 버그가 발생하며, 이를 해결해야 함
✅ [Bug] 검색 기능 키워드 입력 시 잘못된 결과 노출
✔ 설명은 간결하지만 필수 정보는 포함
문제: 모바일 환경에서 검색어 입력 시 자동완성 기능이 동작하지 않음
기대 결과: 자동완성 기능이 정상 작동해야 함
재현 방법:모바일 웹에서 검색창 클릭 → 카메라 입력 → 자동완성이 동작하지 않음
✔ 완료 기준을 명확히 설정
❌ 검색 기능이 잘 작동하여야 함
✅ 검색어 입력 시 1초 내 자동완성 추천 목록 표시되어야 함
✔ 개발자와의 커뮤니케이션 고려
설명이 부족하면 개발자가 다시 물어봐야 함
→ 필요한 정보를 빠짐없이 포함 우선순위 적절히 활용 (High / Medium / Low)

Step 3. 커뮤니케이션 잘하기

●

Step 4. 알고 있으면 좋은 IT 용어

●

[내일배움캠프] Chapter 6. 데이터드리븐 기획 - 실습, MVP 기획

Theme_Min — Tue, 3 Jun 2025 09:14:25 +0900

데이터드리븐
사용자 행동 데이터, 시장 데이터, 성과 데이터 등을 기반으로 의사결정을 내리고 제품을 기획하는 방식

Step 0. 기확 과정 총정리

● 요구사항 분석 및 요구사항 정의서(PRD)

프로젝트나 제품 개발의 핵심 과정으로, 개발팀이 어떤 제품을 만들 것인지를 명확히 정의하는 단계

요구사항을 구체적으로 파악 / 문서화 / 각 팀(개발, 디자인, QA 등)이 동일한 목표를 가지고 작업할 수 있도록 공유

PRD는 요구사항을 체계적으로 정리한 문서로, 프로덕트 개발 과정에서의 지침서'

요구사항 정의서
제품이나 서비스에서 제공해야 할 구체적인 기능들을 나열

기능 이름 : 기능의 이름
기능 설명 : 해당 기능이 어떤 역할을 수행하는지 설명
우선순위 : 해당 기능의 중요도 (예: 필수, 권장, 나중에 추가 가능)
구현 기준 : 기능이 어떻게 작동해야 하는지에 대한 세부적인 설명

● 정보 구조도(IA)

시스템, 웹사이트 또는 애플리케이션의 구조와 기능을 명확하게 정의한 문서

프로젝트의 요구 사항을 구체적으로 정의, 각 기능이 어떻게 구현되어야 하는지에 대한 구체적인 방향 제시

정보 구조도(IA)

기능 목록 작성
: 시스템 내에서 제공할 모든 기능을 목록화
카테고리 및 메뉴 구조 설계
: 정보 구조도를 그리기 위해서는 기능을 논리적으로 분류하고 계층화하는 작업 필요

카테고리화: 각 기능을 관련 있는 그룹으로 분류.
계층 구조 : 각 카테고리 내에서 세부 항목들을 어떻게 배치할지를 확정
(가장 중요한 정보는 상위 카테고리에 배치하고, 덜 중요한 정보는 하위 카테고리로 배치

● 서비스 정책서

기능에 대한 명확한 정의와 구현 기준을 설정하여, 관련 팀들이 일관되게 작업할 수 있도록 하는 문서

서비스 정책서

서비스 정책서의 목적 정의
→ 정책 범위 설정
→ 정책의 주요 항목 및 세부사항 작성
→ 정책 문서화 및 공유
→ 정기적인 검토 및 업데이트

● 에러케이스

서비스나 시스템에서 오류가 발생한 경우에 대해 어떤 식으로 처리할지, 어떤 메시지를 사용자에게 전달할지 등을 미리 정의해 놓은 문서

에러케이스

에러 케이스 정의 → 에러 발생 조건 명시 → 에러 메시지 작성

● 상세 기능 명세서 및 유저 플로우

- 상세 기획

프로젝트의 구체적이고 실행 가능한 계획으로, 프로젝트의 목표, 요구 사항, 일정, 기능 설계(명세) 등을 정의하는 과정

- 유저 플로우

사용자가 서비스를 이용할 때의 전체적인 경로와 단계별 상호작용을 명확하게 정의

- 기능명세서

각 기능을 상세히 설명하는 문서

(기능의 목적, 동작 방식, UI 요소, 제약 사항 등을 협업자가 정확히 이해하고 구현할 수 있도록 구체적으로 작성)

상세 기능 명세서

각 기능이 어떻게 동작해야 하는지, 입력 값, 출력 값, 상호작용을 구체적으로 정의
기능 이름 / 기능 설명 / 입력값 / 출력 값

유저 플로우

목표 정의 : 목표를 달성하기 위한 필수 단계를 정의
시작점 설정 : 유저 플로우의 시작점을 사용자가 서비스에 들어오는 지점으로 설정
단계 나열 : 사용자가 목표를 달성하기 위한 단계별 흐름을 나열
결정 노드와 분기점 추가 : 사용자가 선택할 수 있는 여러 경로가 있는 경우, 분기점을 추가
시각적으로 표현 : 흐름을 도식화

https://theme-min.tistory.com/33

[내일배움캠프] Chapter 3. 서비스기획 숙련 - 기획 실무 문서(PRD, IA, 서비스 정책서, 에러 케이스,

PRD는 요구사항을 체계적으로 정리한 문서로, 프로덕트 개발 과정에서의 지침서 역할 IA는 웹사이트나 앱에서 어떤 정보를 어디에 배치하고 연결할지 설계하는 작업서비스 정책서는 서비스 개발

theme-min.tistory.com

Step 1. 프론트 기획 실습

기획 순서

1. 킥오프 (방향성 공유)
2. 기획안 리뷰 (모든 이해 관계자 참석)
3. 디자인 제작 리뷰 (여러 디자인 안 중 선택 및 적용)
4. 개발
5. QA

● 회원가입

1. 개요 및 정책

개요

프로젝트명 : 회원가입 화면 개편
목적 : 사용자 편의성을 고려한 회원가입 프로세스를 설계하여 신규 사용자 확보 및 서비스 이용 편의성 향상
대상 : 웹 + 앱 서비스 신규 사용자

회원가입 목표

간편하고 직관적인 가입 절차 제공
이메일 및 SNS 계정을 통한 간편 가입지원
필수 정보만 입력하도록 하여 가입 과정 간소화
중복 계정 방지 및 유효한 사용자 확보

회원가입 방식

- 가입 방법
일반 회원가입 : 이메일 및 비밀번호 입력 후 가입
SNS 간편 가입 : Google, Apple, Facebook, Naver, Kakao 계정 연동

- 필수 및 선택 입력 항목
일반 회원가입 : 이름, 아이디, 비밀번호, 전화번호, 이메일

가입 절차

회원가입 페이지 진입
→ 가입 방법 선택 (일반, SNS)
→ 필수 정보 입력
→ 본인 인증 (휴대폰 인증)
→ 약관 동의 (필수 및 선택)
→ 회원가입 완료

정책

비밀번호 보안 정책 적용 (최소 8자 이상, 영문+숫자+특수문자 조합 권장)
이메일 및 전화번호 인증 필수
중복 가입 방지를 위한 중복 체크 기능
탈퇴 후 동일 정보 30일 이내 재가입 제한 설정

일정

단계 내용 일정

기획 요구사항 정의 및 기획서 작성 1주

디자인 UX/UI 디자인 및 프로토타입 제작 2~3주

개발 회원가입 기능 개발 및 테스트 3~4주

QA 사용자 테스트 및 버그 수정 2주

2. 상세 기능 명세

로그인 및 회원 가입

회원 가입 상세

● 메인홈 팝업

1. 개요

목적

신규 사용자 및 기존 사용자에게 주요 이벤트, 프로모션, 추천 콘텐츠를 효과적으로 전달

팝업 노출 조건

조건 설명

신규 사용자 최초 방문 시 노출 (앱 다운로드 후 처음으로 앱을 켠 사용자)

기존 사용자 최초 방문이 아닌 유저에게 노출

특정 이벤트 진행 시 프로모션, 신규 콘텐츠 업데이트, 미션 이벤트 진행 시 노출

재방문 사용자 7일 이상 미접속 후 방문 시 노출

팝업 유형 및 목적

신규 사용자 : 회원가입 전환율 증가 유도
기존 사용자 : 콘텐츠 시청률 증대
특정 이벤트 진행 시 : 이벤트 참여 유도
재방문 사용자 : 혜택 제공하여 지속적인 재방문 유도

2. 상세 기능 명세

- 신규 사용자 가입 유도 팝업
내용 : 지금 가입하고 인기 숏폼 드라마 무료 감상! 다양한 장르의 드라마

- 신규 콘텐츠 업데이트 팝업
내용 : 신규 드라마 공개! 지금 가장 인기 있는 숏폼 드라마를 확인해보세요! [지금 감상하기]

- 추천 콘텐츠 팝업
내용:: 당신이 좋아할 만한 드라마! 'OOO'을 좋아한다면, 'XXX'도 좋아할 거예요. [지금 보러가기]

항목 기능 명세

1 이미지 어드민에서 운영한 이미지가 노출

2 문구 1 어드민에서 운영한 문구가 노출

3 문구 2 어드민에서 운영한 문구가 노출

4 버튼 클릭시 어드민에서 운영한 랜딩페이지로 이동

5 x 버튼 클릭시 팝업이 사라짐

Step 2. 백오피스 기획 실습

● 회원 관리

1. 개요 및 주요 기능

개요

목적 : 회원 데이터를 효율적으로 관리하고, 운영팀이 사용자 정보를 조회, 제어할 수 있는 백오피스 구축
핵심 기능 : 회원 검색, 계정 설정
대상 사용자 : 운영팀(관리자, CS팀 등)

주요 기능

회원 목록 조회 & 검색 (기본 화면)
- 회원 목록 리스트 → 가입된 회원 전체 조회 가능
- 검색 기능 → 이름, 이메일 등으로 검색 가능 회원
- 관리 기능 → 상태(활성/정지) 변경 및 비밀번호 초기화 가능

2. 상세 기능 명세

회원관리

기능 설명

메뉴 메뉴명은 회원관리이며 클릭시 우측 화면에 회원관리 화면 노출

메뉴명 회원 관리

메뉴 설명 가입한 유저들을 관리하는 페이지입니다. 문구 노출

검색 회원명, 회원ID, 전화번호로 유저 검색 가능

리스트 가입한 회원들의 리스트가 노출되며 클릭시 팝업에 상세 정보 노출
(팝업 기획안 아래 첨부)

회원명 회원의 이름 노출

회워 ID 가입시 부여되는 회원 ID 노출

전화번호 가입시 본인인증을 위해 입력한 전화번호 노출

회원 가입유형 회원가입유형(email or 계정) 노출

수신 동의 마케팅 수신 동의/미동의 여부 노출

계정 정지 버튼 클릭시 계정 사용이 정지

회원 정보 상세

기능 설명

팝업 제목 회원 정보 상세 보기 (클릭 회원명)

회원명 선택한 회원명이 노출

회원 ID 가입시 부여된 회원 ID가 노출

비밀번호 초기화 클릭시 초기화 가능한 이메일이 전송

회원 가입 유형 회원가입유형(email or 계정)이 노출

전화번호 가입시 본인인증을 위해 입력한 전화번호가 노출

수신 동의 마케팅 수신 동의/미동의 여부가 노출

가입일 가입한 날짜와 시간이 노출 (yyyy.mm.dd hh:mm:ss)

최근 접속일 최근 접속한 날짜와 시간이 노출 (yyyy.mm.dd hh:mm:ss)

닫기 팝업이 닫히며 회원 관리 리스트 화면이 노출

● 메인홈 팝업 관리

1. 개요 및 주요 기능

개요

목적 : 메인홈에 노출되는 팝업 배너를 관리할 수 있는 백오피스 구축
주요 기능 : 팝업 배너 생성, 수정, 삭제, 노출 조건 설정, 클릭 수 및 성과 분석
대상 사용자 : 운영팀(마케팅, 콘텐츠 관리팀)

주요 기능

-팝업 배너 목록 조회 & 검색
등록된 팝업 배너 목록 조회 (현재 활성화된 팝업 확인)
검색 및 필터 기능 (노출 상태, 배너 유형, 노출 기간별 검색 가능)

-팝업 배너 등록 & 수정 기능
배너 제목 & 설명 입력 (운영팀 참고용)
배너 이미지 업로드 (JPG, PNG, GIF 지원)
노출 기간 설정 (시작일 ~ 종료일)
배너 클릭 시 이동할 URL 설정 (내부 페이지 or 외부 링크)
노출 조건 설정 (타겟 사용자 선택, 특정 이벤트 시 노출 등)

- 팝업 배너 노출 조건 설정

노출 조건 설명

모든 사용자 모든 방문자에게 노출

비회원 전용 로그인하지 않은 사용자에게만 표시

첫 방문자 전용 신규 사용자에게만 1회 노출

모바일 전용 모바일 웹/앱에서만 표시

2. 상세 기능 명세

팝업관리

기능 설명

메뉴 메뉴명은 팝업관리이며 클릭시 우측 화면에 팝업관리 화면이 노출

메뉴명 팝업 관리

메뉴 설명 메인홈에 진입 이후 노출되는 팝업을 설정하는 페이지 입니다. 문구가 노출

검색 팝업명으로 설정된 팝업 검색이 가능

리스트 설정한 팝업 리스트가 노

운영 영역 팝업이 노출되는 영역이 노출

팝업명 팝업 운영시 입력된 팝업명이 노출

운영 순서 중복 팝업이 설정된 경우 우선순위를 갖는 팝업 순서가 노출

운영 기간 설정된 팝업 설정 기간이 노출

운영자 해당 팝업을 생성한 운영자명, 수정을 한 경우 마지막 수정자명이 노출

팝업관리 상세

기능 설명

이미지 파일 찾기 파일 등록 화면이 노출
(jpg, png, gif 파일 이외에는 등록 불가)

팝업명 팝업 등록시 구분하기 위한 팝업명으로, 유저의 화면에는 미노출

팝업 설명 팝업에 대한 설명으로 유저의 화면에는 노출

노출 기간 설정한 기간에만 팝업이 노출
(2025.02.02까지는 23:59까지 운영)

버튼명 입력한 문구가 버튼에 노출
(최대 8글자)

버튼 랜딩 클릭시 설정한 랜딩으로 이동
- 서비스 내 화면 이동
- 외부 url 이동

팝업 노출 대상 모든 사용자 / 비회원 / 첫 방문자

디바이스 모든 기기 / iOS / Android / Web(pc, mobile)

Step 3. MVP 기획

● 프로젝트 주제

MVP 버전 기획 : 숏폼 드라마 플랫폼

- 출시 기간
3개월 이내
- 출시 대상 국가
미국과 한국 (주 타겟 국가 : 미국)
- 주력 컨텐츠
19금 드라마 (3개월 이내에 제작될 드라마 : 9개)
- 1차 비즈니스 모델
유료 드라마 (2차 : 오퍼월)
- 주요 경쟁사
릴숏, 비글루 릴숏 스크린샷
- 출시 후 3개월 내 목표
가입자 수: 50만 명 이상
월 활성 사용자 수(MAU): 30만 이상
평균 시청 시간: 20분 이상
- 1년 내 목표
글로벌 가입자 200만 돌파
오리지널 콘텐츠 제작 50개 이상

● 개요 (킥오프)

1. 프로젝트 개요
프로젝트명 스파르타 플레이
서비스 형태 : 모바일 기반 숏폼(Short-form) 드라마 스트리밍 플랫폼
주요 콘텐츠 : 1~5분 길이의 짧은 드라마, 웹시리즈

2. 기획 배경 및 필요성
- Z세대 및 MZ세대의 콘텐츠 소비 변화
짧고 강렬한 콘텐츠 소비 트렌드 확산
유튜브 쇼츠, 틱톡, 릴스 등 숏폼 콘텐츠 시장 성장
- 영상 플랫폼의 차별화 필요성
기존 OTT(Netflix, Disney+, Wavve 등)와 차별화된 숏폼 전용 드라마 제공
빠르게 소비할 수 있는 미니 드라마 시장 개척

3. 주요 타겟 및 사용자 분석
- 핵심 타겟층 : MZ세대 (10대~30대 초반)
짧고 몰입감 있는 콘텐츠를 선호하는 유저
틱톡, 유튜브 쇼츠, 인스타 릴스를 자주 이용하는 사용자

4. 주요 기능 및 서비스
- 숏폼 드라마 스트리밍 기능
1~5분 이내의 미니 드라마 에피소드 제공
장르 : 로맨스, 스릴러, SF, 코미디, 판타지 등 다양한 숏폼 시리즈
자동 재생 기능으로 몰입도 강화

기능 설

콘텐츠 스트리밍 및 관리 • 성인 인증
• 연속 재생 및 자동 추천 알고리즘
• 다운로드 및 오프라인 재생 (유료 전용)
• 자막 제공 (영어, 한국어)
• 화질 조절 옵션 (4K, 1080p, 720p)

사용자 계정 및 구독 • 이메일/소셜 로그인 (Google, Apple, Kakao)
• 결제 시스템 연동 (In-App Purchase, PG 결제 지원)
• 시청 기록 저장
• ‘다시 보기’ 기능 및 관심 콘텐츠 저장 (즐겨찾기)

유저 인터랙션 • 댓글
• 좋아요 및 공유 기능 (SNS 연동)
• 테마별 인기 콘텐츠 랭킹 제공

● 서비스 기획안

정책

정책 설명

콘텐츠 규정 성인물은 18세 이상 인증 사용자만 시청 가능

개인정보 보호 정책 국내
◦ 데이터 보관 및 삭제 정책 명확화 (사용자 요청 시 데이터 삭제 가능)
◦ 타겟 광고를 위한 개인정보 활용 시 사전 동의 절차 필수

글로벌(미국)
CCPA(캘리포니아 소비자 개인정보 보호법) 준수
◦ 사용자는 자신의 개인정보를 열람, 수정, 삭제 요청 가능
◦ 제3자에게 데이터 제공 여부를 선택할 수 있는 옵트아웃 기능 제공
◦ 수집된 개인정보의 목적 및 사용 내역을 투명하게 공지
◦ 3세 미만 아동의 개인정보 수집 금지 및 보호 조치 적용

결제 및 환불 정책 스토어 인앱결제 정책에 따름

MVP 탭 구성
1. HOME
2. MY

기능 명세서

1. 메인홈

기능 설명

메인 콘텐츠 - 어드민(백오피스)에서 운영한 콘텐츠가 노출된다
- 좌우 스와이프시 운영된 콘텐츠로 이동한다
- 스와이프는 무한으로 가능하다

플레이 버튼 - 운영한 콘텐츠 하단에 고정으로 노출되며 클릭시 플레이어 화면으로 이동 / 자동 재생된다

페이징 - 운영한 콘텐츠 숫자만큼 노출된다
- 현재 노출되는 콘텐츠의 페이징이 강조처리된다.

인기 급상승 - 어드민(백오피스)에서 운영한 콘텐츠가 노출된다
- 썸네일은 운영된 대표 썸네일이 노출된다
- 썸네일 우측에는 작품 제목이 노출된다

2. 플레이어

기능 설명

< (이전 버튼) 이전 화면으로 이동한다

작품 제목 / 회차 정보 작품 제목과 현 회차정보 / 전체 회차 정보가 노출된다

더보기 버튼 클릭시 영상이 재생되며 일시정지 버튼으로 변경된다

플레이 버튼 - 클릭시 좋아요 버튼이 활성화되며 중복으로 클릭이 가능하다
- 클릭하는 숫자만큼 수치가 집계되어 버튼 밑에 노출된다.
- 좋아요 버튼 하단의 숫자는 아래와 같은 규칙으로 표기한다
(0 ~ 999 ㄴ 1K ~ 999K ㄴ 1M ~ 999M)

좋아요 - 클릭시 즐겨찾기 버튼이 활성화되며, 즐겨찾기 페이지에 해당 회차가 추가된다

즐겨찾기 클릭시 하단에서 리스트 팝업이 노출된다
*하단 스크린샷 첨부

회차 리스트 클릭시 카카오톡 공유하기 / 링크복사 기능이 제공된다

스테이터스바 현재 재생되고 있는 영상의 시간을 보여준다.
(현재 위치 / 전체 영상 시간)

재생 속도 클릭하여 재생 속도를 선택할 수 있다
(디폴트 : 1.0) 0.5 / 0.8 / 1.0 / 1.2 / 1.5 / 2.0

자동 재 클릭시 다음 회차로 자동 재생이 되지 않도록 설정을 변경한다
(디폴트 : 자동 재생)

3. 코인충전

기능 설명

< (이전 버튼) 이전 진입 화면으로 이동한다

보유 코인 보유한 코인을 보여준다

충전 금액 선택 - iOS : 스토어에 등록한 금액이 노출
- Android : 플레이스토어에서 설정한 금액이 노출
클릭시 인앱결제 화면이 노출
- PC/Mobile Web : 어드민에서 설정한 충전 금액이 노출되며 클릭시 카드결제 화면이 노출
ㄴ 코인 할인 : 할인 전 금액이 함께 노출된다
ㄴ 보너스 코인 : 추가 지급되는 보너스 코인이 함께 노출된다
ㄴ 할인 또는 보너스로 지급되는 할인율이 자동으로 계산되어 우측 상단에 노출된다.

이용 안내 문구 어드민에서 설정한 문구가 노출된다
- 1Coin은 1원입니다.
- 충전한 코인으로 회차를 구매할 수 있습니다.
- 구글, 애플 인앱결제로 결제한 코인의 결제 취소는 구글플레이 고객센터, 애플 고객지원에 문의하여 주세요.

4. MY

기능 설명

유저 정보 - 프로필 이미지 : 디폴트 이미지가 노출된다
- 유저명 : 가입할때의 계정이 노출된다
- UID : 고유 식별자가 자동으로 노출된다

내 지갑 보유하고 있는 코인을 보여준다

충전 버튼 코인 충전 페이지로 이동한다

공지 사항 공지 리스트가 노출된다

문의하기 문의하기 화면으로 이동한다

언어 설정 노출되는 언어를 설정하는 페이지로 이동한다

서비스 약 약관 및 정책 화면으로 이동한다

메인홈 - 플레이어 - 코인충전 - MY

회차 리스트 예시

Tip 하이브리드 앱
어플 내에 웹 사이트를 추가하여 내용을 전달하는 방식
어플은 배포 시 스토어의 검수를 통과해야 하지만, 웹은 즉시 배포가 가능하고
반응형 웹의 경우 PX/모바일 웹을 한번에 만들 수 있기 때문에 리소스가 적다

● MVP 출시 이후

MVP 출시 이후 데이터 분석 개요

MVP에서는 홈(Home)과 마이(My) 화면만 제공
출시 후 데이터 분석을 통해 사용자 행동 및 개선점을 도출
MVP 이후 버전에서 기능 확장 및 UX 개선을 목표로 기획 진행

MVP 데이터 분석 및 주요 인사이트

분석 항목 데[이터

DAU (일일 활성 사용자 수) 10만

사용자 세션 지속 시간 평균 12분

홈 → 콘텐츠 클릭률 30%

이탈률 40%

핵심 개선 포인트

1. 홈 화면에서 콘텐츠 클릭률이 낮음
→ 콘텐츠 추가 소싱 필요 (+ 콘텐츠 탐색 강화)
→ 추천 시스템 도입하여 유저의 취향에 맞는 콘텐츠 제공
2. 세션 지속 시간이 짧으며 유료 회차 결제 단계에서 이탈률이 높음
→ 이벤트 코인 지급 수단 제공(오퍼월 등)

MVP 이후 추가될 화면 & 기능 기획

1. 콘텐츠 탐색 강화 (추천 & 검색 기능 추가)
개인화 추천: 사용자 시청 이력 기반 추천 콘텐츠 제공
검색 기능 도입: 특정 키워드로 숏폼 콘텐츠 검색 가능

2. 선물함 기능 기획
이벤트 리워드(코인, 쿠폰) 수령 및 사용 내역 확인 기능 제공
오퍼월 기능 연동하여 이벤트 리워드 지급

상세 기능 명세

1. 메인홈

항목 기능 명세

추천탭 진입시 자동으로 티저 영상이 재생된다

검색 클릭시 검색창이 노출된다

좋아요 - 클릭시 좋아요 버튼이 활성화되며 중복으로 클릭이 가능하다
- 클릭하는 숫자만큼 수치가 집계되어 버튼 밑에 노출된다.
- 좋아요 버튼 하단의 숫자는 아래와 같은 규칙으로 표기한다
ㄴ 0 ~ 999 ㄴ 1K ~ 999K ㄴ 1M ~ 999M
- 추천탭 작품의 좋아요는 플레이어의 좋아요와 연동된다

즐겨찾기 - 클릭시 즐겨찾기 버튼이 활성화되며, 즐겨찾기 페이지에 해당 회차가 추가된다
- 추천탭 작품의 즐겨찾기는 플레이어의 좋아요와 연동된다

회차 리스트 클릭시 하단에서 리스트 팝업이 노출된다 *하단 스크린샷 첨부

공유하기 클릭시 카카오톡 공유하기 / 링크복사 기능이 제공된다

전체 보러가 해당 작품 플레이어로 이동하며 자동으로 재생된다

2. 오퍼월

항목 기능 명세

보유 코인 보유하고 있는 코인을 보여준다

잔액 MY > 내 지갑으로 이동한다

출석체크 - 클릭시 출석체크 완료 팝업이 노출되며, 이벤트 코인이 지급된다
- 출석체크 버튼 클릭 후에는 출석체크 현황에 체크 표시로 변경된다
- 연속 출석 체크 일수도 +1 되어 보여진다

오늘의 혜택 tapjoy와 연동된 내역들이 보여진다

[내일배움캠프] Chapter 6. 데이터드리븐 기획 - 이론

Theme_Min — Mon, 2 Jun 2025 09:07:19 +0900

데이터드리븐
사용자 행동 데이터, 시장 데이터, 성과 데이터 등을 기반으로 의사결정을 내리고 제품을 기획하는 방식

Step 1. 데이터드리븐 기획

● 데이터 드리븐 기획이란?

우리 서비스에서 사람들이 실제로 어떤 행동을 하는지 데이터로 확인하고

데이터를 분석해서 문제를 찾고

객관적인 근거를 바탕으로 해결책을 기획

● 데이터 드리븐 기획이 중요한 이유

1. 정확힌 기획이 가능

데이터를 기반으로 실패 확률을 낮추고, 성공 확률을 높일 수 있음

ex. 메뉴를 숨겼더니 클릭률이 30% 감소했어. 다시 원래대로 돌리자

2. 고객이 원하는 것을 제대로 알 수 있음

실제 사용 데이터(클릭 수, 체류 시간, 이탈률)를 보면 고객이 원하는 것을 정확히 알 수 있음

ex. 설문조사에서는 이 기능을 원한다고 했지만, 실제 사용 데이터에서는 클릭률이 낮네. 정말 필요한 기능인지 다시 검토

3. 비즈니스 성과 극대화

데이터를 기반으로 하면 매출 증가, 전환율 개선, 광고 효율 상승 등 비즈니스 성과 극대화

ex. 구매 전환율을 분석해보니, 결제 페이지에서 50%가 이탈. 결제 과정 개선 후 전환율 15% 증가

● 데이터 드리븐 기획 단계

1. 문제 정의 (목표 설정)

"무엇을 해결해야 할까?"

단순히 "이 기능을 만들자!"가 아니라, 해결해야 할 문제를 명확히 정의

비즈니스 목표, 사용자 행동 데이터를 기반으로 문제 정의

2. 데이터 수집 및 분석

" 현재 상황을 데이터로 확인"

사용자 행동 데이터 : 클릭 수, 체류 시간, 이탈률

마케팅 데이터 : 광고 클릭률, 전환율

고객 피드백 데이터

3. 가설 수립 및 분석

" 어떤 해결책이 효과적일까?"

데이터를 기반으로 가설을 세우고 실험(A/B 테스트) 진행

실제 사용자 데이터를 기반으로 어떤 해결책이 효과적인지 검증

4. 결과 분석 및 데이터 기반 의사결정

" 어떤 솔루션이 효과적이었는가?"

실험 결과를 분석하여 데이터가 가설을 입증하면 적용, 실패하면 다시 개선

KPI(핵심 성과 지표)를 기반 평가

5. 지속적 개선

" 계속해서 데이터를 보면서 개선"

고객 데이터 & 비즈니스 지표를 지속적으로 모니터링

성공/실패 원인을 분석하고 다음 기획에 반영

● 데이터 드리븐 기획 사례

1. 넷플릭스 컨텐츠 기획

넷플릭스는 완결률, 정지 및 시작 시간, 시청 시간대, 시청 패턴(예: 일시 정지, 빨리 감기, 되감기 등) 같은 데이터를 활용해 더 효과적인 콘텐츠 전략 수립

ex. 하우스 오브 카드 시리즈

이 시리즈는 다음과 같은 데이터 기반 분석을 통해 탄생

- 영국 원작 하우스 오브 카드가 인기가 많았다는 점

- 원작 팬들 중 케빈 스페이시 출연 영화나 데이비드 핀처 감독 작품을 즐겨 본 시청자가 많았다는 점

- 데이비드 핀처 영화 팬들은 한 번에 시리즈를 끝까지 몰아보는 경향이 있었다는 점

▶ 넷플릭스 오리지널 콘텐츠의 성공률은 80% (전통적 TV 프로그램의 평균 성공률(35%)보다 훨씬 높은 수치)

https://d3.harvard.edu/platform-digit/submission/netflix-your-data-your-show-your-experience/

Netflix: Your Data, Your Show, Your Experience - Digital Innovation and Transformation

Netflix has been the poster child of combining data-driven growth with creative choices. At its core, the Netflix big data approach to media has resulted in more personalized entertainment experiences for subscribers and better creative decision making.

d3.harvard.edu

2. 토스 모바일 요금제 기획

단일 요금제에서 복수제 요금제 및 추천 기능 도입 배경 (정성, 정량적 데이터를 통해 설득하기)

https://simplicity-23.toss.im/sessions/9

데이터로 내린 의사결정, 뒤집어엎기

토스 디자인 컨퍼런스, Simplicity23

simplicity-23.toss.im

3. 토스코어 인벤토리

토스 인텔리전스 어드민 페이지 기획

https://toss.im/simplicity-24/session/1?

Toss Design Conference | Simplicity24

Product Designer (Tools) 특별편 - Simple Questions, Big Wins

toss.im

4. 토스 CX팀

토스 CX 상담 내용 입력 어드민

https://simplicity-23.toss.im/sessions/12

사용자의 공감 얻으면서 제품 뜯어고치기

토스 디자인 컨퍼런스, Simplicity23

simplicity-23.toss.im

● 데이터 분석 기본 공통 용어 ( * = 중요)

1. PV (Page View, 페이지뷰)*

사용자가 웹사이트 또는 앱 내에서 특정 페이지를 조회한 횟수

- 동일한 사용자가 같은 페이지를 여러 번 새로고침해도 PV는 증가

- PV는 방문자 수와 관계없이 페이지가 얼마나 많이 조회되었는지를 나타내는 지표

2. UV (Unique Visitor, 순 방문자)*

특정 기간 동안 웹사이트나 앱을 방문한 중복되지 않은 개별 사용자 수

- 같은 사람이 여러 번 방문해도 하루 동안은 1명의 UV로 계산

3. DAU (Daily Active Users, 일간 활성 사용자)*

하루 동안 특정 서비스에 방문하거나 특정 액션을 수행한 사용자 수

4. WAU (Weekly Active Users, 주간 활성 사용자)*

일주일 동안 특정 서비스에서 활동한 사용자 수

- DAU의 주간 버전으로, 주 단위 사용자 충성도를 측정하는 데 사용

5. MAU (Monthly Active Users, 월간 활성 사용자)*

한 달 동안 특정 서비스에서 활동한 사용자 수

- 서비스의 장기적인 성장성과 사용자 유지율을 측정하는 데 중요

6. Retention Rate (리텐션율, 유지율)*

특정 기간 동안 기존 사용자가 다시 서비스에 방문하는 비율

- Day 1 Retention은 신규 가입자가 다음 날 다시 방문하는 비율을 의미

예시
유저 A, B, C, D, E, F, G가 서비스를 가입

각 유저의 방문 상황
- 1일째 방문한 유저 : A, B가 1일째에 서비스 재방문
(Day 1 Retention: 가입 후 첫 번째 날에 다시 방문한 유저의 비율)
- 총 가입자 수: 7명 (A, B, C, D, E, F, G)
- 1일째 방문한 유저: A, B (2명)
- (1일째 방문한 유저 수 / 총 가입자 수) × 100 = (2명 / 7명) × 100 = 28.6%

- 2일째 방문한 유저 : C, D, E, F, G가 2일째에 서비스 방문 (A, B는 2일째에 방문하지 않음)
(Day 2 Retention : 가입 후 두 번째 날에 다시 방문한 유저의 비율)
- 총 가입자 수: 7명 (A, B, C, D, E, F, G)
- 2일째 방문한 유저: C, D, E, F, G (5명)
- (2일째 방문한 유저 수 / 총 가입자 수) × 100 (5명 / 7명) × 100 = 71.4%

7. 이탈률*

특정 기간 동안 서비스를 이탈한 사용자 비율

8. CTR (Click-Through Rate, 클릭률)

광고나 특정 콘텐츠를 본 사용자 중 실제로 클릭한 비율

(클릭 수 / 노출 수) * 100

9. Conversion Rate (전환율)

특정 목표(구매, 회원가입, 다운로드 등)를 완료한 사용자 비율

(전환 수 / 방문자 수) * 100

10. DCU (Daily Click Users, 일간 클릭 사용자)

하루 동안 특정 서비스에서 클릭을 한 사용자 수

단순히 접속한 것이 아니라, 특정 버튼, 링크, 메뉴 등을 클릭한 사용자를 측정

11. DCC (Daily Click Count, 일간 클릭 횟수)

특정 사용자가 하루 동안 클릭한 총 횟수

한 사용자가 하루에 여러 번 클릭하면 그 횟수를 모두 포함

DCU가 "클릭한 사용자 수"라면, DCC는 "사용자가 클릭한 총 횟수"

12. 세션(Session)

사용자가 사이트를 방문하여 활동하는 하나의 단위(시간)

일정 시간 동안 사용자의 활동이 없으면 세션 종료

유저가 어느 곳에서 머무르고 이탈하는지 확인할 수 있는 지표

13. 체류 시간

사용자가 웹사이트에서 머문 시간

14. Impression (임프레션, 노출 수)

사용자의 화면에 광고 또는 콘텐츠가 노출된 총 횟수

클릭 여부와 관계없이 단순히 화면에 표시된 것만으로도 카운트

광고, 배너, 검색결과 등 다양한 채널에서 사용

15. CPA (Cost Per Action)

사용자가 특정 행동(가입, 구매 등)을 하는 데 들어간 비용

광고비 ÷ 전환(액션) 수

16. CPC (Cost Per Click)

광고 클릭 1회당 비용

사용자가 실제로 광고를 클릭한 횟수당 비용을 지불하는 형식

총 광고비 ÷ 총 클릭 수

17. CPM (Cost Per Mille)

광고가 1,000회 노출될 때의 비용

광고가 1,000번 노출될 때마다 광고주가 지불해야 하는 비용을 계산하는 방식

18. CPI (Cost Per Install)

설치당 비용

총 광고비 ÷ 앱 설치 수 (설치 1회당 단가)

19. ARPU (Average Revenue Per User)

개별 광고주당 평균 광고 금액

20. ROI (Return On Investment)

자 대비 수익

[(총 수익 - 총 투자 비용) ÷ 총 투자 비용] × 100

Step 2. 로그 설계

● 로그 기초

1. 로그는 어디에 사용되나요?

문제해결 및 디버깅 / 사용자 행동 분석 / 비즈니스 전략 수립

2. 로그의 종류

PM으로서 알아야 할 대표적인 로그에는 클라이언트 로그

3. 로그의 설계

로그 설계는 단순히 "무엇을 기록할지"가 아니라 "왜 기록할지", "어떻게 기록할지"에 대한 전략적 접근이 필요

PM은 설계를 통해 개발 팀이 필요한 데이터를 수집, 이 데이터를 기반으로 문제를 빠르게 파악하거나 서비스를 개선

● 로그 정의 사례

1. 배달의 민족

- 로그 정의 정책

배달의 민족 로그는 클라이언트 로그를 기준으로 한다

클라이언트 로그는 다른 말로 '화면 로그'를 뜻하며 서비스 화면을 기준으로 로깅된 로그로 정의

(클라이언트 로그는 유저가 어떤 페이지를 방문했고 그 페이지에서 어떤 영역을 클릭했는지 등 '유저의 '행동'에 초점)

- 클라이언트 로그 타입(Action Type)에 따라 발생하는 로그의 종류

로그 타입	설명
페이지 로그(pageview)	유저가 인지하는 하나의 화면(view)를 '페이지'라고 하며 이 화면이 로딩 될 때 남기는 로그
이벤트 로그 (event)	유저의 특정 '행동(클릭 등)'시, 남기는 로그

- 로그 정의 리스트

로그명		로그 타입	참고
서비스 진입		pageview	직접 URL 입력, 카카오톡 공유하기, 포털, 광고 배너, 앱, 카카오톡 더보기
검색		event(click)
장바구니		event(click)
최근본		event(click)
	전체 삭제	event(click)
	영역별 클릭	event(click)
	맨위로	event(click)	동동이 메뉴
ect	ect	ect	ect

2. 카카오 메이커스

- 로그 정의 정책

카카오 메이커스는 모바일 앱(Android, iOS)과 웹(Web) 환경에서 각각 로그를 수집

유저가 어떤 경로를 통해 카카오 메이커스에 유입되었는지 기록하는 유입 로그 수집

(직접 URL 입력, 카카오톡 공유, 검색 엔진(네이버, 구글 등) 검색, 광고 배너 클릭 등의 유입 경로를 식별하여 저장)

+ 카카오톡 더보기에서 진입한 메이커스 화면을 통해 카카오톡은 하이브리드 앱임을 알 수 있다

(하이브리드 앱(Hybrid App)이란? 네이티브 앱(Native App)과 웹 앱(Web App)의 특징을 결합한 형태)

(전체가 앱으로 구성된 네이티브 앱 속에 컨텐츠 같은 내용이 웹으로 구성된 형태)

Step 3. 데이터 분석 및 시각화

● 데이터 분석

데이터를 기반으로 한 의사결정은 정확하고 신뢰성 있는 판단을 가능하게 하며, 프로젝트의 성과를 추적에 도움

사용자 경험 향상, 비즈니스 성과 예측, 자원 최적화 등 다양한 측면에서 효과적인 전략을 수립 가능

데이터 분석 순서

문제 정의 → 데이터 수집 → 분석 수행 → 결과 해석 및 인사이트 도출 → 결과 적용

● 배달의 민족 서비스 로그 데이터 분석

1. 유저 메인홈 체류시간

- 메인홈 체류시간은 평균 약 2분이며, 전체 주문소요시간에서 차지하는 비중은 약 14.29%이다

- 메인홈 체류시간이 짧아도 주문소요시간이 긴 경우가 있으며, 체류시간이 긴 경우 주문소요시간이 짧은 경우가 있다

→ 메인홈 체류시간의 길고 짧음이 전체 주문시간과 상관관계가 있다고 보기 어렵다

2. 콘텐츠별 노출(도달) 비중

- 첫 화면에 노출되는 서비스카드, 광고 배너 영역은 74%이상 높은 도달율, 스크롤을 내리는 영역부터는 7%미만대 낮은 도달율

3. A 지면 유입 비중

- A지면 유입 경로를 메인홈에 추가한 후 업데이트 사용자 비율이 늘어남에 따라 메인홈에서 유입하는 비중이 늘어나고 있다

● 데이터 시각화

1. 데이터 시각화 목적: 커뮤니케이션

데이터 시각화는 데이터를 기반으로 의미 있는 메시지를 명확하고 직관적으로 전달하는 과정

- 복잡한 데이터를 쉽게 전달 : 숫자나 텍스트보다 시각적 자료가 직관적으로 정보를 전달

- 데이터 기반 의사결정 촉진 : 데이터에 대한 신뢰도를 높이고 논리적인 결론을 도출

- 이해 관계자 설득 : 경영진, 투자자, 팀원 등 다양한 청중에게 의사결정을 유도.

→ 따라서 목적에 맞는 시각화 방법을 선택하는 것이 가장 중요

2. 데이터 시각화 유형

- 시계열 비교

시간에 따른 데이터 변화를 분석하는 방법

주요 시각화 기법

꺾은선 그래프(기본)

영역 차트 → 변화량을 강조하여 시각적 효과 극대화

막대 그래프 → 특정 기간별(연도별, 월별) 데이터 비교

ex. 연도별 매출 변화 분석, 웹사이트 방문자 수 변화 등

- 속성 비교

여러 그룹이나 범주(카테고리) 간 차이를 분석하는 방법

서로 다른 항목들이 어떻게 다르고, 어느 것이 더 크거나 작은지를 비교

주요 시각화 기법

막대 그래프 (기본)

파이(원) 차트 → 전체 중에서 특정 항목이 차지하는 비율 확인

히트맵 → 여러 범주의 데이터를 색상으로 표현하여 비교

ex. 각 브랜드의 매출을 비교, 고객 만족도를 1점~5점으로 나눠서, 각 점수를 받은 고객 수를 비교

- 본포 파악

어떤 형태로 퍼져 있는지(분포 특성) 분석하는 방법

데이터의 중심값, 범위, 이상값(Outliers) 등을 확인

주요 시각화 기법

산점도(기본)

히스토그램 → 연속형 데이터의 빈도를 분석하는 데 유용

ex. 시험 점수 분포 분석 → 히스토그램을 이용해 특정 점수대에 학생들이 얼마나 분포하는지 확인

- 상관 분석

두 개 이상의 변수 간의 관계를 파악하는 방법

한 변수가 증가할 때 다른 변수가 증가하거나 감소하는지를 분석

주요 시각화 기법

산점도 → 두 변수 간의 관계를 시각적으로 분석

ex. 광고비와 매출 간 관계 분석, 키와 뭄무게 간의 상관관계

3. 데이터 시각화 기본

- 배치 순서에 의미를 두어야 함

데이터를 배치할 때는 특정한 의미(시간 흐름, 크기 순서 등)를 고려하고 논리적인 흐름을 유지

ex. 크기 비교하는 경우 → 기업별 매출 순위→ 가장 큰 값부터 내림차순 정렬 (예: 1위 → 2위 → 3위)

- 비교 대상에 따라 적절하게 그래프나 표를 조절 + 정렬

비교하려는 대상에 따라 막대 그래프, 선 그래프, 원 그래프, 표 등을 적절히 선택

데이터의 특성에 맞게 정렬(내림차순, 오름차순 등)하여 비교하기 쉽게 만들어야 한다

ex. 숫자 크기 비교 → 막대 그래프 (Bar Chart)

시간 흐름 분석 → 선 그래프 (Line Chart)

전체 비율 비교 → 원형 그래프 (Pie Chart)

범주형 데이터 정렬(이름같이 수치가 아닌 정렬이 필요한 데이터) → 표 (Table)

- 수치를 비교할 때는 가로보다 세로를 추천

막대 그래프를 사용할 때 가로형보다는 세로형

사람의 시각적 인식 특성상 세로형 그래프가 수치 비교에 더 적합

가로형 그래프는 긴 텍스트가 있을 때만 사용

4. 데이터 시각화 팁

- 색은 강조하고 싶은 요소에만 사용

모든 요소에 색을 부여하면 시각적으로 산만해지고, 무엇을 강조해야 하는지 모호해질 수 있다

- 색은 최소한의 수로만 사용

다른 단위(굵기, 크기, 패턴 등)를 활용하여 색상의 수를 줄이는 것이 좋음

색상이 너무 많은 경우

- 대비되는 색 사용이나 그라데이션 사용 주의

대비되는 색상을 사용하면 강조 효과는 있지만, 어떤 데이터를 강조하는지 명확하지 않을 경우 혼란이 생길 수 있

그라데이션을 사용할 경우 가장 강조하고 싶은 색이 짙은 색이 되지 않으면 시각적 강조점이 흐려질 수 있다

대비되는 색상을 잘못 사용한 경우

- 색이 가지고 있는 컬러값들을 반영 (+/- 등 표현 시 고려)

일반적으로 사용되는 색상 의미를 반영하여 데이터 해석을 용이하게 만듦

(주가 데이터에서의 상승은 빨강, 하락은 파랑으로 표시 / 매출 데이터에서 목표 달성을 파랑, 미달을 회색으로 표시)

- 배경색 사용 시 유의 (무의미한 배경색 지양)

기본적으로 배경은 흰색이나 연한 회색을 유지

가독성을 해치는 배경색

- 불필요한 장식, 테두리 설정 등은 지양

차트에 불필요한 테두리, 그림자, 3D 효과 등을 사용하면 데이터 가독성이 떨어진

단순하고 깔끔한 디자인이 데이터를 더 명확하게 전달한다

[내일배움캠프] Chapter 5. 서비스기획 심화 - Chat GPT 활용

Theme_Min — Mon, 26 May 2025 15:30:19 +0900

서비스기획 심화
ChatGPT는 대화형 인공지능 챗봇으로. 많은 데이터를 학습하여 사람이 쓴 것처럼 의미 있는 텍스트를 생성 할 수 있는 것

Step 1. Chat GPT - 개요 및 기능

● Chat GPT란?

ChatGPT는 대화형 방식으로 상호작용하는 모델(대화형 인공지능 챗봇)

많은 데이터를 학습하여 사람이 쓴 것처럼 의미 있는 텍스트를 생성 할 수 있다

인공지능(AI) 기술에 기반을 두고 있다

모델
인공지능 분야에서의 모델이란
수많은 데이터에서 패턴을 발견하거나 예측을 수행할 수 있는 알고리즘
= 기계가 맞고 틀리고를 판단하는 능력

멀티모달 모델
텍스트, 오디오, 이미지 또는 비디오와 같은 다양한 유형의 데이터모달리티)를 통합하고 처리하는 모델

인공지능 (AI)
기계도 생각을 할 수 있는가에 대한 질문에서 시작한 컴퓨터 과학의 한 분야
사람처럼 사고하고 행동하는 기계를 만드는 것이 목표

생성형 AI
새로운 데이터를 생성하는 AI
서로 다른 종류를 구분하는 판별형 AI와 구분된다

머신러닝
AI의 하위 분야로, 컴퓨터가 스스로 학습하는 방법
명시적으로 규칙을 프로그래밍 하지 않고, 많은 양의 데이터를 분석해서 패턴이나 규칙을 찾아내는 과정

딥러닝
머신러닝의 하위 개념으로,
인간의 뇌와 비슷한 구조로 동작하는 인공 신경망을 사용하여 매우 복잡한 패턴을 처리
사진뿐만 아니라 음성, 텍스트와 같은 다양한 데이터에서 복잡한 패턴을 찾아낼 수 있다

● Chat GPT 꿀기능

1. 단축키

Windows 에서 alt+space를 눌러 Chat GPT 어플 실행 가능

2. 스크린샷

대화창에서 스크린샷 기능을 활용해 데이터 업로드 가능

3. 스킬 기능

대화창에서 웹 검색 / 이미지 생성 / 심층 리서치 등의 모드를 선택하여 실행 가능

4. Sora

복잡한 장면, 여러 캐릭터, 다양한 동작 및 배경의 세부 사항을 정확하게 생성할 수 있는 비디오 생성 AI 모델

프롬프트 제출 후에는 화면 비율, 해상도, 길이 및 변형 수를 조정

5. Canvas 기능

프로젝트 관리와 글쓰기 및 코딩 작업을 수행

Canvas는 기존의 채팅 인터페이스와 달리 별도의 작업 공간을 제공하여 편집과 검토가 필요한 복잡한 프로젝트에 적합

사용자는 실시간으로 텍스트와 코드를 수정하고, ChatGPT의 인라인 피드백과 제안을 받을 수 있음

(프롬프트 지시만으로 동작하는 기본 GPT-4o(zero-shot prompting)와 비교하여 정확성은 30%, 품질은 16% 향상)

6. Project 기능

특정 카테고리를 생성해 대화를 정리할 수 있는 기능

프로젝트 안에서만 영향을 받는 맞춤 설정

프로젝트 안에서만 영향을 받는 파일 업로드 가능

7. Tasks 기능

단순히 대화하는 기능을 넘어 일정 관리, 리마인드 설정, 반복 작업 자동화를 할 수 있는 기능

단순히 요청을 받고 답하는 것이 아니라 정해진 시간에 자동으로 특정 작업을 실행할 수 있도록 돕는 도구

● 프롬프트 엔지니어링

프롬프트
ChatGPT에게 질문을 할 때 작성한 텍스트

프롬프트 엔지니어링
AI 모델의 출력을 최적화하기 위해 프롬프트를 설계하고 개선하는 과정

1. 싱글턴
AI에게 단일 요청을 보내는 프롬프트 구조

- 독립성: 각 요청은 다른 요청과 독립적으로 처리

- 문맥 불필요: 입력 자체에 모든 정보가 포함되어야 한다

- 단순성: 대화의 흐름이 단순하고 명확하다

→ 연속 대화에 부적합하며 여러 단계로 이어지는 작업 시 매번 모든 정보를 다시 입력해야 한다

2. 멀티턴 (세션을 통해 가능)

연속적인 요청과 응답으로 이루어진 대화 구조

대화가 여러 턴으로 이어지며 AI가 이전 대화의 문맥을 기억하여 지속적으로 대화 상태를 업데이트

- 연속성, 문맥 유지: 이전 응답을 기반으로 다음 응답을 생성

- 복잡성: 여러 단계로 이어지는 요청을 효율적으로 처리

State (대화 상태)
대화 중 AI가 기억하고 있는 현재까지의 문맥 정보
현재까지의 대화에서 AI가 알고 있는 모든 정보의 집합

Session (세션)
세션은 대화를 구성하는 전체 흐름의 단위
대화 중 사용자의 요청과 AI의 응답이 이어지는 모든 과정이 하나의 세션으로 정의
대화가 진행되는 큰 틀이며, 상태는 세션 안에서 지속적으로 업데이트

● Chat GPT 프롬프트 꿀팁

1. 프롬프트 설계 전략

- 명확한 요구사항 정의
: 원하는 형식, 길이, 언어 등을 구체적으로 명시
- 단계적 요청
: 복잡한 문제는 한 번에 해결하려 하지 말고, 단계별로 요청
- 콘텍스트 제공
: 모델이 문제를 더 잘 이해할 수 있도록 추가 정보나 배경을 제공

- 예제 기반 프롬프트(Few-Shot Learning)
: 원하는 출력 형식을 제시하는 예제(Shot)를 제공

- 제약조건 설정
: 출력의 제한을 명시

▶ 프롬프트 템플릿

넌[역할]야 -. [작업내용]을 해야 해 - [형식]으로 만들되 - [제약조건]을 고려해서 만들어줘

2. 프롬프트 최적화 기법

- Iterative Prompting (반복적 설계)
처음에 간단히 질문하고, 원하는 답이 나오지 않으면 프롬프트를 조금씩 수정해 더 구체적이고 좋은 답을 얻는 방식
- Chain-of-Thought Prompting(생각 사슬 프롬프트)
문제를 여러 단계로 나누어, 한 단계씩 답하도록 유도하는 방식

- 소크라테스 프롬프트

답을 직접 알려주지 않고, 질문을 통해 사고를 유도하는 방법

ex. 당신은 항상 소크라테스 방식으로 답변하는 튜터입니다.
- 당신은 학생에게 절대 정답을 알려주지 않고, 학생이 스스로 사고할 수 있도록 돕는 적절한 질문을 던지려고 합니다.
- 학생의 관심사와 지식 수준에 맞춰 질문을 조율하고, 문제를 더 단순한 부분으로 나누어 학생에게 적절한 수준이 될 때까지 안내해야 합니다.

3. 하이퍼파라미터

딥러닝 모델의 성능을 조절하는 매개변수
사용자가 설정하는 성능 조절값

ex. 가전제품을 주문했는데 작동을 안해. 이 점에 대해서 제조사에 컴플레인을 하고 싶어. 컴플레인을 하는 이메일을 써줘.

[hyper parameter] tone: humorous, writing style : persuasive

수치 관련 하이퍼파라미터 종류
temperature
0 ~ 1 까지의 실수 값 (e.g. 0.1, 0.2, 0.45, 0.8..)
출력의 다양성을 조절

max_tokens
0 ~ 4,096까지의 정수 값
생성된 출력의 최대 길이를 제한

top_p
0 ~ 1 까지의 실수 값
모델이 확률 분포 상위의 토큰만 선택
갚이 높을 수록 더 희귀한 단어를 사용

frequency_penalty
0 부터 양수의 실수 값
값이 높을수록 주어진 문맥에서 더 자주 나타나는 단어를 선택

presence_penalty
0 부터 양수의 실수 값값이 높을수록 주어진 문맥에서 특정 단어를 자주 생성하지 않도록 합니다

stop_sequence
문자열 (e.g., "\n" 또는 "STOP")
출력을 생성하는 동안 특정 문자열을 만나면 중지하도록 설정

max_history
양의 정수 값 (e.g., 1, 2, 3)
모델이 이전 대화를 얼마나 기억하는지 제한

글쓰기 스타일/톤 관련 하이퍼파라미터

tone
authoritative(권위적인), angry(화가 난), clinical(냉담한), cold(차가운), confident(자신감에찬), cynical(냉소적인), emotional(감정적인), empathetic(공감하는), formal(격식있는), friendly(친근한), happy(행복한), humorous(유머있는), informal(비격식적인), ironic(역설적인), optimistic(낙관적인), pessimistic(비관적인), nagative(부정적인), neutral(중립적인), sarcastic(빈정대는), serious(심각한), sympathetic(동조적인), tentative(머뭇거림), warm(따뜻한)

writing style
academic(학술적인), analytical(분석적), argumentative(논쟁적인), conversational(대화적인), creative(창의적인), critical(비판적인), descriptive(설명적인), epigrammatic(풍자적인), epistolary (편지체), expository(설명적인), informative(자세한), instructive(유익한), journalistic(신문체), metaphorical(은유적인), narrative(서술적인), persuasive(설득적인), poetic(시적인), satirical(풍자 적인), technical(기술적)

하이퍼파라미터 예시
나는 건설사 직원이야. 건설의 진행상황이나 변경사항 등을 협력사나 고객에게 알리기 위한 공문을 작성해줘
[hyperparameter]
temperature : 0.2
tone : formal
writing style : journalistic
[프로젝트 정보] - 서울 재개발 프로젝트 *** 아래 생략 ***

● Chat GPT 세팅

1. 메모리 업데이트 기능

ChatGPT가 사용자의 설정과 대화를 기억하고, 이를 바탕으로 개인화된 답변을 제공하는 기능

ChatGPT 인터페이스에서 프로필 아이콘을 클릭하여 설정 메뉴로 이동

설정 메뉴에서 ‘개인 맞춤 설정’ 탭을 선택 후, ‘메모리’ 옵션을 찾아 스위치를 ‘켜기’로 설정

특정 대화에서 메모리 기능을 사용하지 않게 하려면 우측 상단의 ‘임시 채팅’ 옵션을 이용

‘메모리 관리’ 옵션을 통해 ChatGPT가 현재 기억하고 있는 정보를 확인

2. 단축키 만들기

응답 스타일과 행동을 조정하여 반복적인 작업을 빠르게 처리하거나 특정 방식으로 응답을 생성하도록 설정

프로필 아이콘 클릭 → ChatGPT 맞춤 설정 메뉴로 이동

맞춤형 지침에 아래 프롬프트를 입력
사용자가 알파벳 대문자 하나로 지시할 경우, 단축키를 사용하고 있다고 생각할 것.
K: 주어진 문장을 그대로 한국어로 번역
E: 주어진 문장을 그대로 영어로 번역

3. 구글 드라이브 연동

구글 드라이브를 연동해 구글 드라이브에 업로드 된 파일에 접근

채팅에서 + 모양을 클릭하고, Google Drive에 연결을 클릭

연결 후에는 구글 드라이브에 업로드 된 파일을 통해 파일 첨부를 진행

활용 예시
협업이 진행 중인 문서를 통해서 프롬프트 작성이 필요할 때
전달받은 스프레드 시트 파일을 바로 분석하고 싶을 때

● 실습 과제

과제
나만의 업무 프롬프트 제작
프롬프트 구조: [역할] / [작업내용] / [형식] / [제약조건]

답안
[역할]
너는 배달의민족 PM이야
[작업내용]
배민클럽 구독율 증가를 위한 프로젝트를 수립해야 해
[형식]
PRD 형식으로 만들되
[제약조건]
B급과 키치 감성을 노린 '배민다운' 브랜드 컨셉과 스탬프형 멤버십 전략을 융합한 전략을 수립하는 것을 고려해서 만들어줘

Step 2. Chat GPT - 문서 작성

● Canvas (캔바스)

글쓰기와 코드 작업을 효율적으로 관리할 수 있는 새로운 인터페이스
기존 채팅 방식이 간단한 작업에 적합했다면, Canvas는 수정과 검토가 필요한 프로젝트에 최적화
특정 부분을 강조 표시해 ChatGPT가 집중하도록 유도, 인라인 피드백을 통해 문서와 코드의 세부 사항을 쉽게 다듬는다

(편집 피드백, 적절한 단어 찾기, 역인터뷰, 유머러스한 글쓰기, 리서치 및 브랜드 세계관 설정 등)

● 기획서 작성하기

1. 초기 분석 및 전략 수립

- 홍보 대상층 정의

나는 르탄커피라는 RTD 제품 홍보 기획서 초안을 작성해야 해.
20~30대 사람들을 대상으로 판매하고 싶은데, 이것을 기반으로 홍보 대상층 설정해줘:

- 연령대:
- 직업군:
- 관심사:
- 라이프스타일:

- 시장 분석 결과 정리

현재 커피 시장의 트렌드와 성장률을 추가해줘. 경쟁사와 차별화 전략이 필수로 들어가야 해.

- 홍보 목적 및 방법 설정

이번 기획서의 목적은 고객 유치와 브랜드 인지도 확립이야. 이를 위한 구체적인 홍보 방법 5가지를 추가해줘.

2. 세부 실행 계획 및 콘텐츠 개발

- 주요 고객층 세분화 및 타겟팅

르탄커피의 구체적인 고객 페르소나를 추가하고 싶어.
다음 항목을 포함해 작성해 줘:  

- 이름:  
- 나이:  
- 직업:  
- 일상 패턴 및 행동:  
- 구매 동기 및 선호 요소:  
- 주요 마케팅 채널:

- 타겟 세그먼트 분석

르탄커피의 타겟 세그먼트를 3가지로 나누어 분석하려고 해.
각 세그먼트에 맞는 홍보 메시지도 추가해 줘.

- 홍보 방법 구체화

르탄커피 홍보 기획을 위해 채널별 마케팅 전략을 구체화한 내용을 추가해 줘.  
- 온라인 광고 (예: 유튜브, 인스타그램):  
- 오프라인 이벤트 (예: 팝업스토어, 샘플링):  
- SNS 캠페인 (예: 해시태그 챌린지, 인플루언서 협업):  
- 고객 참여형 프로그램 (예: 후기 이벤트, 포인트 적립):

- 홍보 내용 구성

르탄커피의 광고 메시지와 슬로건도 추가해 줘.  
- 광고 메시지와 슬로건은 5개를 작성할 것.
- 제품의 특장점을 강조하면서 기억에 남을 수 있도록 작성할 것.

르탄커피의 홍보 콘텐츠 아이디어를 추가로 작성해 줘.  
다음 구성을 포함되어야 해:  

- 주제별 콘텐츠 (제품 특징 강조, 후기 활용, 브랜드 스토리):  
- SNS 활용 아이디어 (영상, 챌린지, 카드 뉴스):

3. 최종 초안 내보내기

- 표 형식으로 정리하기

내용 드래그 후 GPT에게 요청

- word 파일로 다운받기

지금 작성된 내용을 word파일로 변환하고, 내가 다운로드 받을 수 있는 링크를 제공해 줘.

● 기획서 데이터 분석하기

- 시장 트렌드 분석

CSV 파일 'market_trend.csv'의 구조를 확인해 줘.  
상위 5개 행을 출력하고, 평균 성장률과 최대/최소 성장률을 계산해 줘.

- 타겟 고객 분석

CSV 파일 'target_customers.csv'에서 연령대별 소비 비율을 확인해 줘.  
20~30대의 비율과 평균 소비 금액을 계산해 줘.

- 광고 채널별 성과 비교 분석

CSV 파일 'ad_performance.csv'에서 광고 채널별 도달율과 클릭율을 확인해 줘.  
도달율이 높은 채널과 클릭율 상위 3개 채널을 정리해 줘.

- 분석 내용 기획안 적용

'market_trend.csv', 'target_customers.csv', 'ad_performance.csv' 분석 내용을 문서에 추가해줘

- 시각화

CSV 파일 'market_trend.csv'를 이용해서 연도별 시장 규모와 성장률을 시각화해 줘.  
성장률은 막대그래프로, 시장 규모는 선 그래프로 같은 축에 겹쳐서 그려줘.

CSV 파일 'target_customers.csv'를 이용해서 연령대별 소비 비율을 파이 차트로 시각화해 줘.  
그리고 각 연령대별 평균 소비 금액을 막대그래프로 추가해 줘.

CSV 파일 'ad_performance.csv'를 불러와 채널별 도달율과 클릭율을 가로 막대그래프로 시각화해 줘.  
도달율과 클릭율을 나란히 비교할 수 있도록 각 채널별 두 가지 수치를 나란히 표시해 줘.

● PPT 제작 자동화 프로세스

1. 보고서 요약

너는 보고서 분석 전문가야.

업로드한 PDF파일 전체에서 전기차 시장의 전망에 대한 내용만 뽑아서 요약해주되, 아래 [규칙]을 지켜줘.
[규칙]
1. EV 생산 비중, 판매량, 판매목표를 하나의 표로 작성해줘
2. 내용을 요약해서 100자 내외로 작성해줘
3. 보고서에서 전기차 신차를 출시해야 하는 이유를 찾아서 5가지 정리해줘.

2. 보고서 분석

너는 보고서 분석 전문가야.

업로드한 PDF파일 전체에서 전기차 시장의 전망에 대한 내용만 뽑아서 요약해주되, 아래 [규칙]을 지켜줘.
[규칙]
1. EV 생산 비중, 판매량, 판매목표를 하나의 표로 작성해줘
2. 내용을 요약해서 100자 내외로 작성해줘
3. 보고서에서 전기차 신차를 출시해야 하는 이유를 찾아서 5가지 정리해줘.
4. 현대차 아이오닉5와 기아차 EV6 비교 분석(성능 비교, 장단점 비교, 순위 결정)
5. 신차에 적용할 좋은 부분들과 개선점
6. 신차의 매출 기대 효과
7. 결론

3. PPT 슬라이드 내용 만들기

첨부한 word파일로 ppt슬라이드에 넣을 내용을 만들되, 아래 [규칙]을 지켜줘.

[규칙]
1. 비교하는 부분들은 표 형식으로 만들어 줘
2. 보고서 내용을 토대로 신형 SUV 전기차 제작에 필요한 내용을 정리해줘
3. 세부 내용은 3~5 줄로 작성해줘
4. 마지막 슬라이드에는 QnA 슬라이드를 넣어줘
5. 포맷은 아래와 같이 해줘.
슬라이드1: 제목
내용

4. PPT 만들기

https://gamma.app/

5. PPT에 추가할 이미지 생성 (DALL-E)

DALL·E는 OpenAI에서 개발한 생성형 이미지 생성형 인공지능으로 텍스트를 이미지로 구현

아래 [규칙]을 따르는 새로운 전기 자동차를 그려줘.

[규칙]
1. 2030년 미래형 전기 SUV 자동차
2. 현대자동차의 전기자동차 디자인과 유사한 디자인
3. 현대자동차 로고가 들어갈 것
4. 배경은 미래인 2030년
5. 이미지 형식은 사진의 형식

6. 발표 스크립트 작성

너는 ppt 발표 전문가야.
첨부한 ppt 파일에서 각 슬라이드별로 발표할 스크립트를 작성해줘.

1. 전문가처럼 전문 용어들을 사용해서 작성해줘
2. 하나의 슬라이드당 최소 200자로 작성해줘.
3. 앞뒤의 슬라이드 내용이 이어지도록 자연스럽게 작성해줘.

● 메일 템플릿

프로젝트 생성 후 해당 프롬프트를 통해 GPT에 템플릿 학습

사용자가 원하는 메일 형식에 따라 아래 템플릿에서 적절한 형식을 찾아 그 형식에 맞춰 메일을 작성해줘. 


[회의 일정 조율 템플릿]
제목: [회의 주제] 관련 일정 조율 요청드립니다.
내용:

안녕하세요, [수신자 이름]님.

[회의 목적]과 관련하여 논의가 필요하여 [회의 주제] 회의를 진행하고자 합니다.
아래 일정을 참고하시어 가능하신 시간을 회신해 주시면 감사하겠습니다.

회의 일정 후보

[날짜] ([요일]) | [시간]
[날짜] ([요일]) | [시간]
[날짜] ([요일]) | [시간]
혹시 위 일정 중 어려우신 시간이 있으시면 가능한 일정을 말씀해 주시면 조율하여 진행하겠습니다.
회의 형식은 **[온라인/오프라인/대면 장소]**에서 진행 예정이며, 관련 자료는 사전 공유드리겠습니다.

일정 확인 후 회신 부탁드리며, 협조에 감사드립니다.
좋은 하루 보내세요.

감사합니다.
[회사명] [부서명] [이름] 드림



[요청 제안 템플릿]
제목: [ㅇㅇ 제안] [회사명] - [업무/프로젝트명] 관련 제안드립니다.
내용:

안녕하세요, **[회사명] [부서명] [본인 이름]**입니다.

이번에 [제안 배경: 예- 새로운 협업 기회를 모색하고 있는 중] 관련하여 연락드리게 되었습니다.
[수신 회사명]에서 보유하고 있는 **[서비스/제품/콘텐츠]**가 저희 **[자사 프로젝트/기술/사업]**과
좋은 시너지를 낼 수 있을 것으로 기대되어, 제휴 가능성을 검토 요청드립니다.

[회사명] 소개
저희 **[회사명]**은 **[업종/전문 분야]**에서 경쟁력을 보유하고 있으며,
[핵심 기술/서비스/성과] 등을 통해 **[기존 협업 사례 또는 주요 성과]**를 이끌어 왔습니다.
또한, 국내외 여러 기업들과 협력하여 **[주요 프로젝트/사업 방향]**을 진행하고 있습니다.

제안 개요

제안 내용: [협업을 제안하는 내용 간략히]
기대 효과: [제안이 수신 회사에 제공할 가치]
협업 방식: [제휴 또는 협력 모델 (예: 공동 사업, 기술 협력, 콘텐츠 공유 등)]
첨부: [제안서/자료명]

더 자세한 내용을 논의하고 싶어, 담당자님과 미팅을 진행할 수 있을지 문의드립니다.
일정이 가능하시다면 편하신 시간을 알려주시면 조율하여 맞추겠습니다.

긍정적인 검토 부탁드리며, 추가 궁금한 점이 있으시면 언제든지 편하게 문의 주세요.
감사합니다.

[회사명] [부서명] [이름] 드림


[안내/공지 템플릿]

제목: [안내] [업무/프로젝트명] 관련 공지드립니다.
내용:

안녕하세요, **[회사명] [부서명] [본인 이름]**입니다.

[업무/프로젝트명]과 관련하여 아래와 같이 안내드립니다. 업무 진행에 참고 부탁드리며, 필요한 경우 추가 확인 요청 주시면 감사하겠습니다.

공지 내용

목적: [공지하는 이유]
주요 사항:
[내용 1]
[내용 2]
[내용 3]

일정 (해당 시 기재)

일정 1: [YYYY-MM-DD] [내용]
일정 2: [YYYY-MM-DD] [내용]

협조 요청 사항 (해당 시 기재)

[필요한 조치 또는 요청 사항]
첨부: [관련 자료명 (예: 계획서, 일정표, 가이드라인 등)]

추가 문의 사항이나 요청 사항이 있으시면 언제든지 편하게 연락 주시기 바랍니다.
업무 협조에 감사드리며, 원활한 진행을 위해 적극적인 확인 부탁드립니다.

감사합니다.
[회사명] [부서명] [이름] 드림



[퇴사 안내 템플릿]
제목: [퇴사 인사] 함께해서 감사했습니다.
내용:

안녕하세요, [수신자 이름]님.

저는 [퇴사일]부로 [회사명]을 떠나게 되었습니다.
오랜 고민 끝에 새로운 도전을 위해 이직을 결정하게 되었으며,
함께했던 소중한 시간들을 떠올리며 감사한 마음을 전하고자 인사드립니다.

[회사명]에서 보낸 시간 동안 많은 것을 배우고 성장할 수 있었습니다.
특히, **[함께했던 프로젝트/업무]**를 진행하면서
**[팀원들/동료들에게 배운 점 또는 감사한 경험]**을 통해
큰 배움을 얻었고, 이는 앞으로의 길에도 소중한 자산이 될 것 같습니다.

무엇보다 함께 일하며 힘든 순간을 나누고, 기쁜 순간을 함께한
[팀원/동료/상사] 여러분께 진심으로 감사드립니다.
덕분에 즐겁고 보람찬 시간을 보낼 수 있었습니다.

앞으로도 **[회사명]**의 무궁한 발전과 여러분의 건승을 진심으로 기원하겠습니다.
혹시라도 연락이 필요하시거나 가끔 안부 전하고 싶으시면
아래 연락처로 언제든 편하게 연락 주세요.

개인 연락처: [이메일 / 전화번호]

다시 한번 감사드리며, 언제 어디서든 좋은 소식으로 다시 만나 뵙기를 기대하겠습니다.
건강하시고, 항상 행복한 일들만 가득하시길 바랍니다.

감사합니다.
[회사명] [부서명] [이름] 드림




[이슈 발생 템플릿]
제목: [이슈 발생 관련] [문제 내용] 관련하여 사과 및 재발 방지 대책 공유 
내용:

안녕하세요, [수신자 이름]님.

이번 [이슈/실수]로 인해 불편을 끼쳐 드려 죄송합니다.
해당 사항에 대해 내부적으로 원인을 분석하고 있으며, 아래와 같은 조치를 취하고 있습니다.

원인: [문제 원인]
조치 사항: [문제 해결 방법]
재발 방지 대책: [추후 계획]
다시 한번 불편을 끼쳐 드린 점 사과드리며, 빠른 시일 내에 정상적으로 복구될 수 있도록 최선을 다하겠습니다.
추가로 궁금하신 사항이나 요청사항이 있으시면 언제든지 말씀해 주세요.

감사합니다.
[회사명] [부서명] [이름] 드림


[고객 문의 응대 템플릿]
제목: [문의 주제] 답변드립니다.
내용:

안녕하세요, [고객명]님.

문의해 주신 [문의 주제] 관련하여 답변드립니다.
아래 내용을 확인해 주시고, 추가 궁금하신 점이 있으시면 언제든지 연락 주시기 바랍니다.

문의 내용

문의일: [YYYY-MM-DD]
문의 내용 요약: [고객이 문의한 주요 내용]

답변 안내
[문의 사항에 대한 상세 답변을 작성]

추가로 궁금하신 사항이 있으시면 언제든지 회신해 주시거나,
**[고객센터 연락처 또는 담당자 연락처]**로 문의해 주시면 빠르게 도와드리겠습니다.

항상 저희 **[회사명]**을 이용해 주셔서 감사합니다.
앞으로도 최상의 서비스를 제공해 드릴 수 있도록 노력하겠습니다.

감사합니다.
[회사명] [부서명] [이름] 드림

● SEO 블로그 글쓰기

SEO(Search Engine Optimization)
검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정
즉 구글 같은 검색엔진에서 잘 보이도록 사이트를 최적화해 더 많은 방문자가 찾아오게 하는 작업

검색엔진
검색엔진이 특정 자료를 분석하고 결과를 보여주는 과정
크롤링(crawling) → 인덱싱(indexing) → 랭킹(ranking)의 세 단계

- 크롤링 (Crawling): 검색엔진이 웹사이트를 탐색하며 새로운 페이지나 업데이트된 정보를 찾는 단계
- 인덱싱 (Indexing): 크롤링을 통해 수집된 정보를 검색엔진의 데이터베이스에 저장하고 분류하는 단계
- 랭킹 (Ranking): 사용자가 검색어를 입력하면 인덱싱된 페이지들 중 관련성이 높은 순으로 결과를 보여주는 단계

구글 검색 결과 상단 노출 기준
- 검색 의도와 일치하는가? (Search Intent Matching)
구글은 사용자가 입력한 검색어의 의도를 파악한 후, 가장 적절한 콘텐츠를 우선적으로 게시
- 사용자 경험 지표 (User Experience Metrics)
구글은 실제 사용자들이 해당 페이지에서 어떻게 반응하는지를 분석하여, 유용성을 평가
(클릭률, 체류 시간, 이탈률 등으로 글의 유용성 평가)
- 콘텐츠의 신뢰도 및 권위 (E-E-A-T 평가)
구글은 웹사이트가 제공하는 정보가 전문성(Expertise), 경험(Experience), 권위(Authoritativeness), 신뢰도(Trustworthiness)를 갖췄는지를 분석
(저자 정보, 출처 명확성, 사이트의 신뢰도, 다른 사이트 언급 여부)

1. 블로그 작성 팁

- 키워드 최적화

구글 검색창에 주제 입력 후 연관 키워드 조사

https://ahrefs.com/keyword-generator/?country=kr&input=chatGPT

- 키워드 배치 최적화

선정 키워드를 제목과 본문의 첫 부분, 내용 등에 포함

- 내부 및 외부 링크 활용

내부 링크

내 블로그 안에서 다른 게시글을 연결하여 방문자가 사이트 내에서 더 오래 머물도록 유도

검색엔진 크롤러가 우리 블로그의 모든 페이지를 찾아내도록 도와주는 효과

외부 링크

신뢰할 만한 다른 도메인의 자료나 출처를 참고할 때 사용

권위 있는 출처(예: 공식 블로그, 연구 결과, Google 공식 문서 등)를 링크하면 콘텐츠의 신뢰도 및 유용성 향상

- 메타 태그 최적화

검색 엔진은 메타 제목을 페이지의 제목으로, 메타 설명을 요약문으로 표시하여 사용자가 콘텐츠 내용을 예상할 수 있게 한다

잘 작성된 메타 태그는 검색 결과에서의 가시성을 높이고 더 많은 사용자가 클릭하도록 유도

메타 태그 작성 방법

메타 제목
핵심 키워드를 포함하되 문맥에 맞게 자연스럽게 배치, 동시에 흥미를 끌 수 있는 문구 추가
메타 설명
페이지 본문의 핵심 내용을 12문장으로 요약
독자가 "이 페이지를 클릭하면 얻을 이점"을 느끼도록 작성
메타 태그
너무 길면 검색 결과에 잘려 나오므로
제목은 약 50~60자 이내 / 설명은 150자 이내로 작성

- 모바일 친화적인 글 작성

구글은 모바일 퍼스트 인덱싱을 도입하여 모바일에서 잘 보이는 콘텐츠를 우선적으로 평가
모바일 환경에서 가독성이 떨어지는 콘텐츠는 검색 순위에서도 불리

따라서 모든 콘텐츠는 모바일 기기에서도 쉽게 읽히도록 작성

https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing?hl=ko

모바일 중심 색인 생성 권장사항 | Google 검색 센터 | Documentation | Google for Developers

Google 모바일 중심 색인 생성을 알아보고 사용자 환경을 개선하기 위해 설계된 Google 검색에서의 권장사항을 살펴보세요.

developers.google.com

2. 블로그 작성

- 초안 작성

'ChatGPT를 활용한 PPT 제작 방법'을 주제로 블로그 게시글을 작성해줘.
글의 형식은 다음과 같이 구성할 것:

[도입] PPT 제작이 필요한 상황과 일반적인 어려움을 설명한 후, ChatGPT를 활용하면 어떤 점이 유용한지 소개.

[본론] ChatGPT를 활용한 PPT 제작 방법을 3~5가지 설명하고, 각 방법마다 구체적인 예시 프롬프트를 포함.

- 슬라이드 개요 및 흐름 설계
- 슬라이드별 주요 내용 작성
- 디자인 및 레이아웃 가이드 제공
- 발표 스크립트 및 슬라이드 노트 작성
- PPT 내 이미지 및 인포그래픽 아이디어 제공

[결론] ChatGPT를 활용한 PPT 제작의 장점을 정리하고, 독자가 직접 실습해볼 수 있는 간단한 연습 프롬프트를 5개 제안.

- SEO 최적화 적용

키워드 최적화

초안에서 키워드 추출

아래 블로그 게시글에 대해서 키워드 리서치를 통해 검색 가시성을 높이고 싶어. 
검색량이 높고 경쟁이 적절한 관련 키워드를 10개 찾아줘.:
[작성한 게시글]

초안에 키워드 배치

‘[타겟 키워드]’을 SEO 최적화를 고려하여 아래 블로그 게시글에 자연스럽게 배치해줘. 
제목, 첫 문단, 본문 중간, 소제목, 마지막 문단 등에 적절히 키워드를 포함해줘.
[유의사항]
키워드의 과도한 반복은 피하고 1000단어 기준 10~20회 정도 사용을 기준으로 할 것.

[타겟 키워드]
~~~
[작성한 게시글]
~~~

- 메타 데이터 최적화

SEO 최적화를 고려하여 ‘[타겟 키워드]’을 포함한 아래 블로그 글의 메타 제목을 작성해줘. 제목은 50~60자 이내로 설정하고, 클릭률을 높일 수 있도록 흥미로운 문구를 추가해줘.:

[타겟 키워드]
~~~
[작성한 게시글]
~~

검색 결과에서 아래 블로그 글이 매력적으로 보이도록, ‘[타겟 키워드]’을 포함한 메타 설명을 작성해줘.
150자 이내로 본문 내용을 요약하면서 클릭 유도를 위한 요소(숫자, 질문, 명령형 문구)를 활용해줘.:
[타겟 키워드]
~~~
[작성한 게시글]
~~~

- 외부 링크 삽입

신뢰할 수 있는 외부 자료를 인용하여 아래 블로그 글의 신뢰도를 높이고 싶어. 
아래 블로그 게시글과 관련하여 사용할 수 있을 만한 공식 문서, 연구 자료, 또는 권위 있는 출처를 활용한 외부 링크를 5개 추천해줘.:
[작성한 게시글]
~~~

- 모바일 친화적 글로 수정

아래 블로그 글이 모바일에서도 가독성이 좋도록 최적화해줘. 
다음 사항을 고려할 것:

- 문장을 짧고 간결하게 구성
- 중요한 정보는 리스트 형식으로 정리
- 한 문단에 2~3문장만 포함하여 가독성 유지
- 제목과 소제목을 적절히 활용하여 글의 흐름을 명확하게 전달

[블로그 게시글]
~~~

- 최종 평가

너는 SEO 전문가야. 
아래 양식에 맞춰 콘텐츠를 검토한 뒤, 10점 만점의 SEO 점수를 부여하고, 각 SEO 요소별로 피드백을 제공할 것.

[평가 기준]
검색 의도 충족 여부 – 콘텐츠가 사용자의 검색 의도를 충족하는지 평가하세요.
사용자 경험(UX) 최적화 – 가독성, 모바일 친화성, 콘텐츠 구조 등을 고려하여 평가하세요.
콘텐츠 신뢰도 및 권위성 – 출처 활용, 외부 링크, 신뢰성 있는 정보 제공 여부를 평가하세요.
키워드 최적화 – 키워드 배치, 자연스러운 사용, 제목 및 메타 태그 최적화 여부를 평가하세요.
내부 및 외부 링크 활용 – 내부 링크와 외부 링크의 적절한 사용 여부를 평가하세요.
메타 태그 최적화 – 메타 제목, 메타 설명, URL 구조 최적화를 평가하세요.
모바일 친화적인 글쓰기 – 짧은 문단, 리스트 활용, 모바일 최적화 여부를 평가하세요.
출력 형식:
SEO 점수: XX/10

[개별 피드백]

검색 의도: (잘한 점 + 개선할 점)
사용자 경험: (잘한 점 + 개선할 점)
콘텐츠 신뢰도: (잘한 점 + 개선할 점)
키워드 최적화: (잘한 점 + 개선할 점)
링크 활용: (잘한 점 + 개선할 점)
메타 태그: (잘한 점 + 개선할 점)
모바일 최적화: (잘한 점 + 개선할 점)
종합 피드백:

잘한 점: 콘텐츠의 강점 요약
개선할 점: 보완해야 할 점 요약 및 추천 개선 방향

[평가가 필요한 콘텐츠]
~~~

Step 3. Chat GPT - 데이터 관리

● GPT 데이터 전처리 과정

내가 가지고 있는 데이터를 이용해서 데이터 전처리를 해야해. 
데이터 전처리를 위해 어떤 단계를 거쳐야 하는지 알려줘

데이터 전처리
데이터를 깨끗하게 하고, 분석이나 모델링을 위해 준비하는 과정

데이터 수집
필요한 데이터를 모으는 단계

데이터 이해 및 탐색
데이터를 살펴보고 어떤 내용인지 이해하는 단계

데이터 정제
데이터에서 오류나 불필요한 부분을 찾아서 정리하는 단계
(비어있는 칸인 결축치 처리, 중복 제거, 이상치 처리)

데이터 변환
데이터를 분석하기 쉽게 변환하는 단계
(데이터 타입 변환, 범주형 데이터 인코딩-여자는0, 남자는1로, 스케일링 및 정규화를 통한 숫자 범위 조정)

데이터 통합
여러 출처에서 모은 데이터를 하나로 합치는 단계예요

데이터 샘플링
데이터가 너무 많을 때 일부만 뽑아서 사용하는 단계

데이터 저장 및 로딩
전처리된 데이터를 저장하거나, 나중에 사용할 수 있도록 불러오는 단계

1. 데이터 이해 및 탐색

첨부한 파일에 몇 개의 행과 열이 있는지 알려줘

이 파일의 각 열에는 어떤 종류의 데이터가 있는지 알려줘

2. 데이터 정제

이 데이터에는 몇 가지 오류가 있어. 아래 내용을 정리해줘.

1. 비어있는 데이터가 존재해
2. 날짜 형식이 통일되지 않았어
3. 이외에 문제가 있다고 판단되는 부분을 정리해서 알려줘

말해준 내용을 바탕으로 이 데이터를 정제해서, 다운로드 받을 수 있게 해줘.

● GPT 데이터 분석

1. 전체 데이터 분석

1. 첨부한 파일의 데이터를 분석해줘.
2. 분석 결과는 한국어로 응답해줘.

2. 카테고리별 월별 판매량 물어보기

카테고리별 월별 판매량이 필요해. 아래 조건에 맞춰 분석해줘.:
1. 판매량이 높은 순으로 카테고리를 정렬할 것.
2. 정렬된 내용을 표 형식으로 전달할 것.
3. 판매량을 쉽게 알아볼 수 있도록 시각화 그래프를 추가로 제공할 것.
4. 시각화 그래프의 내용은 한글로 작성할 것.

월별 판매량 데이터를 통해 특정 카테고리가 계절에 따라 판매량이 변동하는지 분석해줘

3. 특정 지역에서 많이 사는 상품 알아보기

특정 지역에서 어떤 카테고리의 식품을 많이 사는지 알고싶어. 아래 조건에 맞춰 분석해줘.:
1. 시각화 그래프로 제공할 것.
2. 시각화 그래프의 내용은 한글로 작성할 것.

특정 지역에서 어떤 카테고리의 식품을 많이 사는지 알고 싶어. 아래 조건에 맞춰 분석해줘.

- 지역(State)을 X축으로, 카테고리(Category)를 색상(Hue)으로 설정한 그룹형 막대 그래프를 생성할 것.
- 각 지역에서 카테고리별 판매량(Quantity)을 비교할 수 있도록 그래프를 구성할 것.
- X축에는 지역명을 한글로 표시하고, Y축에는 판매량(Quantity)을 표시할 것.
- 그래프 스타일은 가독성이 좋은 세련된 스타일을 적용할 것 (예: Seaborn 스타일).
- 그래프 제목을 '지역별 카테고리별 식품 판매량'으로 설정할 것.
- 한글 폰트(NanumGothic)를 사용하여 모든 텍스트가 정상적으로 표시되도록 할 것.
- 그래프의 크기는 14x7 인치로 설정하여 넓은 화면에서 보기 좋게 만들 것.

4. 데이터 분석 리포트 만들기

지금까지 내용을 활용해서 특정 지역에서 어떤 카테고리의 식품이 많이 판매 되는지 구체적인 수치를 기반으로 리포트를 작성해줘.

● GPT 유저 퍼널 분석

유저 퍼널 분석

사용자가 구매나 회원가입 등을 실행하기 위해 거치는 단계
전자상거래 웹사이트 유저퍼널

AARRR

1. 데이터 살펴보기

첨부한 파일에 대해 아래 내용 수행:
1. 몇 개의 행과 열이 있는지
2. 각 열에는 어떤 종류의 데이터가 있는지

2. 데이터 분석

각 단계별 유저 수와 전환율 계산

첨부한 파일에서 각 단계별 유저 수와 전환율을 계산할 것. 아래 조건에 맞춰 수행할 것.

1. 각 단계는 웹사이트 방문, 상품 페이지 방문, 장바구니 추가, 구매 완료 순으로 이어짐.
2. 결과에 대한 내용을 텍스트로 요약할 것.

계산된 내용 시각화

정리된 내용에 대해 시각화 그래프를 그려주되, 한글으로 보여줄 것.

이탈 원인 분석

각 단계의 이탈 원인 분석해줘

개선 방안 도출

개선 방안을 도출해줘

3. 보고서 작성

지금까지의 내용을 요약해서 다른 사람에게 보고하려고 해. 아래 조건에 맞춰 진행할 것:
1. 지금까지의 내용을 보고서 형식으로 만들 것.
2. 구체적인 수치를 언급할 것.
3. 정중한 어투로 작성할 것.
4. 시각화 그래프 및 표를 포함한 word 파일을 생성해 전달할 것.

● GPT 전월세 데이터 분석

1. 데이터 살펴보기

첨부한 파일에 대해 아래 내용 수행해줘:
1. 몇 개의 행과 열이 있는지
2. 각 열에는 어떤 종류의 데이터가 있는지

2. 데이터 전처리하기

첨부한 파일에 대해 아래 조건을 바탕으로 데이터 전처리를 진행.

[전처리 작업 요청 사항]
1. **결측치 처리:** 각 컬럼별 결측치의 존재 여부를 파악하고, 적절한 방법(예: 평균/중앙값 대체 또는 해당 행/열 삭제)으로 결측치를 처리.
2. **중복 제거:** 데이터 내 중복된 행이 존재할 경우, 이를 식별하여 제거해 주세요.
3. **데이터 타입 검토:** 각 컬럼의 데이터 타입을 확인하고, 필요 시 형 변환을 진행.
4. **이상치 탐지 및 처리:** 이상치가 있을 경우, 탐지 방법과 처리 방안을 제시.
5. **요약 및 샘플 출력:** 전처리된 데이터의 주요 통계량 및 일부 샘플 데이터를 출력.

[작업 로그 작성 가이드]
1. 어떠한 작업을 수행하였는지 요약해서 전달할 것.
2. 최종 전처리가 마무리 되면 전처리된 데이터를 파일으로 전달할 것.

3. 데이터 분석하기

월세 및 보증금 분포 시각화

- 첨부한 파일의 데이터에서 자치구별로 월세와 보증금의 분포를 산점도로 보여줘
- 단위는 만원 단위로 만들어줘

각 구별 월세 가격 시각화

- 각 구별 월세 가격을 히트맵으로 보여줘
- 단위는 만원 단위로 만들어줘

층 수와 월세 보증금의 상관관계 분석

층 수와 월세 및 보증금의 상관관계를 분석하고, 시각화로 표현해줘

● GPT 고객 후기 데이터 분석

1. 감성 분포 시각화

한국어 감성 분석

- csv 파일에서 감성 분석을 수행.
- 작업을 아래 조건을 참고하여 진행:
  1. 한국어 감성 사전(json)을 참고하여 review 데이터를 긍정과 부정으로 분류. 
     - 단순 단어 매칭이 아니라, **부정 단어의 빈도와 강도를 고려한 점수 방식 적용**.
     - 예: 부정 단어가 2개 이상 포함된 경우, 부정 확률을 높임.
  2. rating 열 데이터를 활용하여 감성 분석의 기준을 세움.
     - 평점이 3 이하인 경우, 부정 가능성이 높다고 판단.
     - 평점이 4~5인 경우, 부정 단어가 많으면 예외적으로 부정으로 분류 가능.
  3. review 데이터에서 **문맥을 고려한 감성 분석**을 수행.
     - 단순 단어 일치가 아니라, "맛이 없다", "놀랐다", "불편하다" 같은 문장 구조를 분석하여 감성 점수를 조정.
  4. 최종 판별 기준:
     - **(기존) 두 조건 모두 부정 → (변경) 둘 중 하나라도 강한 부정이면 부정으로 판별**.
  5. 최종 판별 결과를 통해 감성 분포를 시각화.
  6. 최종 판별에서 부정으로 분류된 데이터를 별도로 표시.

2. 긍정적 리뷰에 대한 워드 클라우드 생성

최종 판별된 긍정적 리뷰에 대한 워드클라우드 생성해줘

● GPT 엑셀 업무 자동화

원하는 엑셀 데이터 뽑아내기

1. 수식 만들기

업로드한 파일은 매출데이터야.
아래 [규칙]을 참고하여 [필요한 수식]을 나타내는 엑셀 수식을 만들어줘

[규칙]
1. 필요한 수식 : J2값=C2값일 때,  D열 값을 가져오는 수식을 만들어줘
2. 참조할 데이터 : C:D
3. 조건 및 제한사항 : 수식 사용 방법 설명해줘

2. 필터 수식

업로드한 파일은 매출데이터야.
아래 [규칙]을 참고하여 [필요한 수식]을 나타내는 엑셀 수식을 만들어줘

[규칙]
1. 필요한 수식1 : F열='의자'인 행 데이터 중 G열 값이 높은 행의 데이터를 필터 해줘
2. 필요한 수식2 : F열='의자'인 행 데이터 중 G열 값이 가장 낮은 행의 데이터를 필터 해줘
3. 참조할 데이터 : A:H
4. 조건 및 제한사항 : 사용 방법도 설명해줘

3. 피봇 테이블

아래 [규칙]을 참고하여 피봇 테이블을 만드는 방법을 한글로 자세하게 알려줘.
[규칙] 
1. 행 : 고객분류, 카테고리
2. 값 : 매출 평균, 주문수 합계
3. 범위 A1:H249

● GPT 대시보드 만들기

대시보드

데이터를 원하는 형태로 보기 위해 주로 대시보드라는 것을 만들어서 사용
엑셀 대시보드는 데이터를 차트, 표, 그래프 등을 통해 데이터를 시각화하여 사용자에게 직관적인 정보를 제공

1. 스프레드시트 자동화, 앱 스크립트 이용하기

앱 스크립트(App Script)

구글에서 제공하는 클라우드 기반 스크립팅 언어
구글의 다양한 서비스인 스프레드시트 등을 자동화하고 확장할 수 있는 도구

대시보드를 만들어주는 앱 스크립트 만들기

업로드한 파일의 '시트1' 시트의 A:H 데이터를 대시보드로 만들려고해
[아래] 항목을 데이터 대시보드로 만들어주는 구글 앱스크립트를 작성해줘
1행은 제외하고 한글로 주석 달아주고 '대시보드' 시트에 기록해줘
[아래]
제품명별 매출
도시별 매출
고객분류별 카테고리별 매출

function createDashboard() {
  // 스프레드시트와 시트를 가져옴
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName('시트1');
  
  // 데이터 범위를 가져옴 (1행 제외)
  var dataRange = sheet.getRange(2, 1, sheet.getLastRow() - 1, 8);
  var data = dataRange.getValues();
  
  // 제품명별 매출 계산
  var productSales = {};
  var citySales = {};
  var categorySales = {};

  data.forEach(function(row) {
    var category = row[4];
    var product = row[5];
    var sales = row[6];
    var customerType = row[1];
    var city = row[3].split(' ')[0]; // 주소에서 도시만 추출

    // 제품명별 매출
    if (!productSales[product]) {
      productSales[product] = 0;
    }
    productSales[product] += sales;

    // 도시별 매출
    if (!citySales[city]) {
      citySales[city] = 0;
    }
    citySales[city] += sales;

    // 고객분류별 카테고리별 매출
    if (!categorySales[customerType]) {
      categorySales[customerType] = {};
    }
    if (!categorySales[customerType][category]) {
      categorySales[customerType][category] = 0;
    }
    categorySales[customerType][category] += sales;
  });

  // 대시보드 시트가 있으면 삭제하고 새로 만듦
  if (ss.getSheetByName('대시보드')) {
    ss.deleteSheet(ss.getSheetByName('대시보드'));
  }
  var dashboard = ss.insertSheet('대시보드');
  
  // 제품명별 매출 추가
  dashboard.getRange('A1').setValue('제품명별 매출');
  var productRow = 2;
  for (var product in productSales) {
    dashboard.getRange(productRow, 1).setValue(product);
    dashboard.getRange(productRow, 2).setValue(productSales[product]);
    productRow++;
  }
  
  // 도시별 매출 추가
  dashboard.getRange('D1').setValue('도시별 매출');
  var cityRow = 2;
  for (var city in citySales) {
    dashboard.getRange(cityRow, 4).setValue(city);
    dashboard.getRange(cityRow, 5).setValue(citySales[city]);
    cityRow++;
  }
  
  // 고객분류별 카테고리별 매출 추가
  dashboard.getRange('G1').setValue('고객분류별 카테고리별 매출');
  var categoryRow = 2;
  for (var customerType in categorySales) {
    for (var category in categorySales[customerType]) {
      dashboard.getRange(categoryRow, 7).setValue(customerType);
      dashboard.getRange(categoryRow, 8).setValue(category);
      dashboard.getRange(categoryRow, 9).setValue(categorySales[customerType][category]);
      categoryRow++;
    }
  }
}

2. 그래프 추가하기

대시보드를 그래프로 그려주는 앱스크립트도 추가해줘
시트가 존재하면 삭제하고 새로 만들어줘

function createDashboard() {
  // 스프레드시트와 활성 시트를 불러옵니다.
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName('시트1');

  // 시트1의 데이터 범위를 가져옵니다.
  var dataRange = sheet.getDataRange();
  var data = dataRange.getValues();

  // 1행은 제외합니다.
  var headers = data[0];
  data.shift();
  
  // 제품명별 매출을 계산합니다.
  var productSales = {};
  var citySales = {};
  var customerCategorySales = {};

  data.forEach(function(row) {
    var category = row[4];  // 카테고리
    var product = row[5];  // 제품명
    var sales = row[6];  // 매출
    var city = row[3].split(' ')[0];  // 도시 (주소에서 첫 단어)
    var customerCategory = row[1];  // 고객분류

    // 제품명별 매출
    if (productSales[product]) {
      productSales[product] += sales;
    } else {
      productSales[product] = sales;
    }

    // 도시별 매출
    if (citySales[city]) {
      citySales[city] += sales;
    } else {
      citySales[city] = sales;
    }

    // 고객분류별 카테고리별 매출
    if (!customerCategorySales[customerCategory]) {
      customerCategorySales[customerCategory] = {};
    }
    if (customerCategorySales[customerCategory][category]) {
      customerCategorySales[customerCategory][category] += sales;
    } else {
      customerCategorySales[customerCategory][category] = sales;
    }
  });

  // 새 시트를 생성합니다.
  var dashboardSheet = ss.getSheetByName('대시보드');
  if (!dashboardSheet) {
    dashboardSheet = ss.insertSheet('대시보드');
  } else {
    dashboardSheet.clear();
  }

  // 제품명별 매출을 대시보드에 작성합니다.
  dashboardSheet.getRange(1, 1).setValue('제품명');
  dashboardSheet.getRange(1, 2).setValue('매출');
  var row = 2;
  for (var product in productSales) {
    dashboardSheet.getRange(row, 1).setValue(product);
    dashboardSheet.getRange(row, 2).setValue(productSales[product]);
    row++;
  }

  // 도시별 매출을 대시보드에 작성합니다.
  dashboardSheet.getRange(1, 4).setValue('도시');
  dashboardSheet.getRange(1, 5).setValue('매출');
  row = 2;
  for (var city in citySales) {
    dashboardSheet.getRange(row, 4).setValue(city);
    dashboardSheet.getRange(row, 5).setValue(citySales[city]);
    row++;
  }

  // 고객분류별 카테고리별 매출을 대시보드에 작성합니다.
  dashboardSheet.getRange(1, 7).setValue('고객분류');
  dashboardSheet.getRange(1, 8).setValue('카테고리');
  dashboardSheet.getRange(1, 9).setValue('매출');
  row = 2;
  for (var customerCategory in customerCategorySales) {
    for (var category in customerCategorySales[customerCategory]) {
      dashboardSheet.getRange(row, 7).setValue(customerCategory);
      dashboardSheet.getRange(row, 8).setValue(category);
      dashboardSheet.getRange(row, 9).setValue(customerCategorySales[customerCategory][category]);
      row++;
    }
  }

  // 차트를 생성합니다.
  createCharts(dashboardSheet);
}

function createCharts(sheet) {
  // 제품명별 매출 차트
  var productChartRange = sheet.getRange('A1:B' + sheet.getLastRow());
  var productChart = sheet.newChart()
    .setChartType(Charts.ChartType.BAR)
    .addRange(productChartRange)
    .setPosition(1, 3, 0, 0)
    .setOption('title', '제품명별 매출')
    .build();
  sheet.insertChart(productChart);

  // 도시별 매출 차트
  var cityChartRange = sheet.getRange('D1:E' + sheet.getLastRow());
  var cityChart = sheet.newChart()
    .setChartType(Charts.ChartType.BAR)
    .addRange(cityChartRange)
    .setPosition(1, 8, 0, 0)
    .setOption('title', '도시별 매출')
    .build();
  sheet.insertChart(cityChart);

  // 고객분류별 카테고리별 매출 차트
  var customerCategoryChartRange = sheet.getRange('G1:I' + sheet.getLastRow());
  var customerCategoryChart = sheet.newChart()
    .setChartType(Charts.ChartType.COLUMN)
    .addRange(customerCategoryChartRange)
    .setPosition(1, 13, 0, 0)
    .setOption('title', '고객분류별 카테고리별 매출')
    .build();
  sheet.insertChart(customerCategoryChart);
}

자동화 버튼 만들기

삽입 → 그림 클릭

원하는 도형과 텍스트를 넣고 저장 후 닫기 클릭

만든 버튼에 점 세개 버튼 클릭 → 스크립트 할당 클릭

스크립트 이름 복사

스크립트 할당란에 붙여 넣고 확인 클릭

버튼을 클릭

Step 4. Chat GPT - 창의력

● GPT 이미지 생성

4o Image generation

ChatGPT에서는 GPT-4o를 이용해 단일 모델 내에서 텍스트와 이미지를 모두 생성
프롬프트의 세부 내용을 정확하게 해석해 고품질 이미지를 생성

자기회귀
앞에서 생성한 내용을 바탕으로, 한 단어씩 순차적으로 생성하는 방식
“나는 오늘”이라는 문장이 주어지면, 그다음에 올 가장 그럴듯한 단어를 예측해서 이어붙인다.
“나는 오늘 점심” → “나는 오늘 점심을” → “나는 오늘 점심을 먹었다” …

1. 이미지 프롬프트 구조잡기

A [스타일] of a [피사체], in a [배경], with [색감] and [조명].  
The scene is composed in a [구도] style,[움직임] is emphasized.

카테고리	설명	값
스타일 (Style)	디자인 스타일 및 시각적 형태	미니멀 벡터(Minimalist Vector), 픽셀아트(Pixel Art), 플랫 디자인(Flat Design), 디지털 일러스트(Digital Illustration), 3D 렌더링(3D Rendering)
피사체 (Subject)	주요 요소	회의하는 팀(Team Meeting), 프레젠테이션 발표(Presentation Speaker), 협업하는 동료들(Collaborating Colleagues), 노트북을 사용하는 전문가(Professional Using Laptop), 고객과 상담하는 장면(Client Consultation)
배경 (Background)	일러스트의 배경설정	오피스(Office), 회의실(Conference Room), 원격 근무 환경(Home Office), 데이터 센터(Data Center), 창가가 보이는 사무실(Windowed Office), 프레젠테이션 무대(Presentation Stage), 로비(Lobby), 카페에서 일하는 모습(Coworking Space)
색감 (Color Palette)	시각적 색감 및 톤	블루 톤(Business Blue Tones), 그레이 톤(Sophisticated Gray Tones), 그린 톤(Eco & Growth Green Tones), 오렌지 & 브라운 톤(Warm Orange & Brown Tones) 등
조명 (Lighting)	이미지에서 및의 세기 및 분위기	균일한 조명(Flat Lighting), 소프트한 조명(Soft Office Light), 강한 역광(Backlight), 화면 빛(Screen Glow), 따뜻한 조명(Warm Ambient Light), 자연광(Natural Sunlight
구도 (Composition)	레이아웃 및 프레임 스타일	중앙 정렬(Center Framed), 비대칭 구도(Asymmetrical), 균형 잡힌 레이아웃(Balanced Layout), 시각적 중심 강조(Visually Centered Focus), 와이드 앵글(Wide-Angle Shot), 클로즈업(Close-Up Shot), 탑다운 뷰(Top-Down View), 다이내믹 앵글(Dynamic Angle)
움직임 (Motion & Action)	비즈니스 관련 활동 표현	문서 검토(Document Reviewing), 화이트보드 설명(Explaining on Whiteboard), 악수하는 사람들(Handshake Gesture), 원격 회의 중(Engaged in Virtual Meeting), 노트 필기하는 모습(Taking Notes), 프레젠테이션 중 손짓(Hand Gesturing During Presentation), 토론하는 모습(Discussing with Colleagues)

2. 이미지 제작

로고 제작

A minimalist vector of a cafe logo with coffee bean, in a clean studio background, with warm beige and brown tones and soft ambient light.
The scene is composed in a center framed style, with a static, balanced layout emphasized.

내부 인테리어 제작

A photorealistic digital illustration of a cafe interior, in a modern urban setting with expansive glass windows and natural wooden accents, with warm beige and natural brown tones and abundant natural sunlight.
The scene is composed in a balanced layout style, with clear emphasis on texture details and spatial depth.

A photorealistic digital illustration of a cafe interior that exudes Korean charm, combining modern design with traditional hanok elements. The space features expansive glass windows paired with hanok-inspired wooden beams and subtle Korean decorative patterns, rendered in warm beige and natural brown tones with abundant natural sunlight. The scene is composed in a balanced layout style, with clear emphasis on texture details and spatial depth.

소품 디자인

A photorealistic digital illustration of an elegant coffee cup, in a sleek and modern tabletop setting, with highly detailed reflective surfaces, intricate textures of porcelain and glass, and soft natural ambient light.  
The scene is composed in a close-up style, with meticulous emphasis on the interplay of light and shadow to highlight the cup’s fine craftsmanship and material quality.

3. 이미지 전환

기존 이미지를 만화 캐릭터처럼

A cartoon-style digital illustration of the attached image, in a playful studio background, with vibrant and saturated colors and bold, crisp outlines.
The scene is composed in a dynamic, exaggerated style, with expressive facial features and lively motion emphasized.

기존 이미지를 픽셀아트 스타일로

A 16-bit pixel art rendition of the attached image, in a retro gaming style background, with a limited color palette and distinct pixel outlines.
The scene is composed in a symmetrical grid layout, with a charming, nostalgic pixelated motion emphasized.

기존 이미지를 수채화 스타일로

A 16-bit pixel art rendition of the attached image, in a retro gaming style background, with a limited color palette and distinct pixel outlines.
The scene is composed in a symmetrical grid layout, with a charming, nostalgic pixelated motion emphasized.

● Sora 활용

Sora
OpenAI에서 제공하는 영상 생성 모델
텍스트를 기반으로 영상을 생성할 수 있는 AI 모델

실습 영상 프롬프트

A narrow suspension bridge stretches across a vast canyon in the mountains. Mist surrounds the area, pierced by soft rays of the morning sun. Below the bridge, a wild river rushes through the chasm, and on both sides of the cliffs, massive waterfalls cascade down with thunderous force. The roar of water echoes in the background.

1. Sora 기본기

- 좌측 메뉴

Menu (search, explore, filter, top, likes), Library (my videos, favorites, uploads, archive, trash, new folder)

- Conposer 메뉴

video/image 선택, aspect ration(화면비율), resolution(해상도), Duration(길이), variations(배리), preset(사전 설정)

- Storyboard 기능

동영상에서 생성하고자 하는 특정 시간대의 개별 프레임을 선택하여 영상을 제작

Card
스토리보드에서 프레임별로 생성하고 싶은 프롬프트를 입력할 수 있는 것
스토리보드에서는 카드를 드래그하여 영상 속 표현하고 싶은 내용의 속도를 조절
장면 간 연결을 위해 각 카드 사이에는 일정 간격을 두는 것을 권장 (하드컷 방지)

A man is riding a large hamster that is running.

A hamster pauses briefly and looks at the camera with a smile.

- Re-cut

기존 영상 요소의 일관성을 유지하면서 재구성

A serene scene unfolds with a young woman standing at the edge of a tranquil lake. The sun sets in the background, casting a warm golden glow over the water. She gazes thoughtfully at the horizon, her hair gently swayed by a soft breeze. Surrounding her are tall, whispering reeds, and the air is filled with a sense of calm and inevitability. The scene captures the essence of contemplation and the subtle, unseen pull of destiny guiding her forward.

생성된 영상에서 원하는 부분까지 길이를 조절 → 카드를 추가하여 원하는 프롬프트 입력

A woman walks forward

- Remix

생성된 이미지/영상에서 변화를 주고 싶은 요소를 프롬프트로 지정

이미지

iphone photo of a handsome guy in the car

비디오

 a man smile

Remix 비디오

handsome guy with smile in the cafe

Edit

iphone photo of a handsome guy waring a tshirt written "밥 줘" in the car

- Loop

영상을 반복시키는 기능

Loop

Loop 버튼을 클릭
영상에서 계속 반복되었으면 하는 영역 지정
Loop 타입을 short로 지정 (짧을수록 더 자연스러운 영상을 생성)

A cozy, miniature kitchen with small people collaboratively crafting a giant tonkatsu, bathed in warm lighting. The kitchen interior is rich in detail, featuring an array of culinary tools and ingredients arranged harmoniously. The scene exudes comfort with warm, soft colors enhancing the intimate atmosphere, while light and shadow play across the countertops, adding depth and dimension. The small figures, engaged in their labor, are captured in moments of teamwork, emphasizing the size of the tonkatsu against the cozy, detailed backdrop.

- AI로 스톡 영상 만들기 (Blend)

스톡 영상

다양한 용도로 사용할 수 있도록 미리 촬영된 영상 클립
https://artgrid.io/

Blend 기능
두 개의 영상을 합쳐 연속된 영상으로 만드는 도구
하나의 영상이 다른 영상으로 자연스럽게 변화하는 효과

시작점이 될 영상에서 Blend 버튼 클릭
원하는 영상 업로드
Blend 편집기에서 선택한 두 영상이 나란히 표시되며, 중앙에는 곡선 그래프에서 곡선을 조정(강조 정도)
( 곡선이 위쪽이면 첫 번째 영상(사람 시점의 영상), 아래쪽이면 두 번째 영상(와이드 앵글의 영상)이 더 많이 반영)

스톡 영상 제작 프롬프트

A breathtaking wide-angle view of the snow-covered Andes mountains, captured in the morning sunlight. The scene is vast and open, evoking a sense of freshness and tranquility. The camera smoothly pans across the mountain range, emphasizing its grand scale and natural beauty

A breathtaking first-person view of the snow-covered Andes mountains at sunrise. The camera smoothly moves along a winding mountain trail, as if the viewer is walking through the breathtaking landscape. Crisp snow crunches underfoot, and the towering peaks surround the scene, creating a sense of immersion and awe. The sunlight glistens off the icy ridges, and a gentle breeze stirs the fresh mountain air, adding to the serene and adventurous atmosphere.

2. Sora 영상 프롬프팅

- 간단한 영상 프롬프팅

- Camera Angle: {카메라 앵글}
- Lens Type (Focal Length): {렌즈 화각}
- Camera Movement: {카메라 움직임}
- Tone & Color Palette: {톤 / 색감}
==
{만들고 싶은 내용을 작성해 줍니다.}

- 프롬프트 템플릿

숲 속을 걸어가듯 보여주는 풍경

- Camera Angle: eye-level
- Lens Type (Focal Length): 70mm lens
- Camera Movement: slow horizontal pan
- Tone & Color Palette: cool tone
==
A tranquil video of a dense morning forest, with mist drifting between tall pine trees. The focus is on stillness and serenity, with gentle light filtering through the leaves and no signs of movement or life.

흑백의 스포츠카 전시

- Camera Angle: low-angle
- Lens Type (Focal Length): 35mm lens
- Camera Movement: slow vertical movement
- Tone & Color Palette: black & white
==
A dramatic showcase of a luxury sports car displayed in a minimalist showroom, emphasizing its sleek curves and sharp edges. The lighting is controlled and high-contrast, evoking a premium, sculptural aesthetic.

갈라진 콘크리트 자동차 영상

- Camera Angle: High-Angle
- Lens Type (Focal Length): 200mm lens
- Camera Movement: The camera remains fixed in one position and slowly tilts upward, starting from the cracked concrete ground and rising to reveal the rusted car frames and the broken windows above.
- Tone & Color Palette: sepia / vintage
==
A fixed shot of an abandoned industrial lot with rusted car shells scattered across cracked concrete. The mood is nostalgic and decayed, focusing on textures, dust, and muted sunlight peeking through broken windows.

[내일배움캠프] Chapter 5. 서비스기획 심화 - Framer

Theme_Min — Mon, 26 May 2025 15:29:07 +0900

서비스기획 심화
Framer: 웹사이트를 디자인하고, 퍼블리시하고, 분석할 수 있는 올인원 노코드 웹 제작 도구

Step 1. Framer 입문

● Framer 란?

Framer는 웹사이트를 디자인하고, 퍼블리시하고, 분석할 수 있는 올인원 노코드 웹 제작 도구

직관적인 시각 편집 방식으로 코드를 쓰지 않고도 실제 서비스 수준의 웹사이트 제작 가능

- 실시간으로 웹사이트를 만들고, 애니메이션을 넣고, CMS를 설정

- 복잡한 개발 없이도 프로덕트를 직접 실현하고 퍼블리시

- 반응형 웹, 인터랙션, SEO, 도메인 연결, 사용자 행동 분석까지 모두 지원

● 노코드란?

노코드는 코드를 몰라도 만들 수 있는 개발

구분	기존 방식	노코드 방식
기획자가 웹사이트를 제작할 때	개발자 요청 - 기다림 - 테스트 반복	직접 만들고 퍼블리시 - 테스트 반복
구현 방식	HTML, CSS, JS로 직접 개발	시각 인터페이스로 구성
요구 지식	프로그래밍 언어 필요	도구 사용법만 알면 됨

- 낮은 학습 곡선

직관적 UI로 프로그래밍 언어 없이 짧은 시간 내 작업 결과를 볼 수 있으며, 비개발자들도 접근이 가능하다

- 프로토타이핑 속도

아이디어나 기획안을 직접 시각화하여 팀이나 사용자와 공유 가능하다 = 앞단 디자인/UX 구조 선제적 검정이 가능

- 비용 절감

초기 개발 비용을 줄이고 유연한 반복 수정이 가능하다

- ▶ 프로토타입, MVP 제작에 용이

● Framer 인터페이스

영역	역할
상단 툴바	프로젝트 설정, 요소 삽입, CMS, 프리뷰, 퍼블리싱 등
좌측 패널	페이지, 레이어, 자산 등 프로젝트 구조 생성
우측 패널	선택한 요소의 속성/스타일/인터렉션 조절
캔버스	실제 디자인 작업이 이루어지는 공간

● 주요 단축키

기능	단축키
Insert 패널 열기	I
Quick Action 실행	Ctrl + K
Canvas 팬(Pan) 모드	Shft + 드래그
확대 / 축소	Z, Option + 클릭
Zoom to fit	Shift + 1
Zoom to selection	Shift + 2
Zoom to 100%	Shift + 3
부모 프레임으로 이동	Esc
다중 선택	Shift + 클릭
중첩 방지 드래그	Space + 드래그

● Framer 프로젝트 구조

Workspace
└── Project (웹사이트 단위)
    ├── Pages (여러 페이지 구성)
    │   └── Canvas (디자인이 이루어지는 공간)
    │       └── Breakpoints (화면 크기별 레이아웃 단위)
    └── CMS, Assets, Settings 등 부가 기능

Workspace: 내 모든 프로젝트의 최상위 단위

Project: 하나의 웹사이트 단위

Page: 각 웹사이트를 구성하는 화면들 (Home, About 등)

Canvas: 각 페이지를 디자인하는 작업 공간

Breakpoint: 반응형 웹을 위한 디바이스별 프레임

Breakpoint

각 디바이스(데스크탑, 태블릿, 모바일)에 맞춘 디자인을 담는 프레임 단위
각 페이지에는 최소 하나의 Breakpoint가 필요하며, 여러 개를 추가해 반응형 디자인을 구현

Breakpoint 기본 너비 설명

Desktop 1200px 기본으로 생성되는 크기

Tablet 768px 태블릿용 레이아웃

Mobile 375px 모바일용 레이아웃

동일한 컴포넌트를 모든 Breakpoint에 자동 상속 가능
특정 뷰포트에서만 레이아웃을 수정하고 싶을 때 "Override" 기능 활용
Breakpoints는 상단 캔버스에서 + 버튼을 눌러 추가 가능

● Frame

텍스트, 버튼, 이미지, 카드 등 모든 요소를 구성하는 단위

콘텐츠를 감싸고, 배치하고, 레이아웃 구조를 결정하는 핵심 단위

(Frame을 기본 단위로 계층적 Nesting 구조를 형성)

역할	예시
그룹핑	텍스트 + 버튼 + 이미지 = 한 카드로 묶기
레이아웃	Slack / Grid 기반 정렬 컨테이너
뷰포트 대응	Breakpoint 내에서 반응형 위치 조정

Frame 생성 및 조작법

F키 → Frame 도구 활성화
드래그로 생성 → Shift로 정사각형, Alt로 중심에서 확대
여러 요소 선택 후 Ctrl + Enter → Wrap with Frame
부모 Frame 삭제: Ctrl + Delete (자식은 남김)
독립 Frame 생성: Space + 프레임 생성 드래그

● Stack

프레임에 특수한 레이아웃 속성을 부여하여 자식 요소들이 자동으로 세로, 가로 방향으로 정렬되게 하는 기능

(피그마의 Auto Layout 기능과 유사)

- Slack의 속성

속성	설명
Direction	Row(가료) / Column(세로) 방향 설정
Gap	자식 요소 간의 간격 설정
Padding	Slack 내부 여백 (상하좌우)
Distribute	시작, 가운데, 끝 균등 간격 등으로 분배
Align (Cross Axis)	수직/수평 정렬 방식 설정 Main axis = Stack 방향 Cross axis = 그 반대 방향
Wrap	공간이 부족할 경우 다음 줄로 넘김

- Slack의 요소 위치 지정 방법

위치 속성	설명
Absolute	자유롭게 배치. 다론 요소에 영향 안받음
Relative	Stack이나 Grid 내부에서 흐름에 따라 배치
Fixed	뷰포트 기준으로 고정(스크롤 무시)
Sticky	뷰포트 상단에 닿으면 Fixed로 바뀜

- Fit Content vs Fill Container

속성	설명
Fit Content	자식 요소들의 크기에 맞게 Stack이 알아서 줄어듦 (Wrap 포함 가능)
Fill Container	부모 영역을 꽉 채움

(부모가 Fit 이고 자식이 Fill이면 충돌이 발생하여 프레이머가 자동으로 채워줌)

Stack의 활용 예시

네비게이션 바 (가로 Stack)
카드 리스트 (세로 Stack)
버튼 내부 텍스트 정렬
콘텐츠 섹션 사이으ㅣ 일관된 간격 윶ㅣ

Stack 관련 주요 단축키

Fit Container: Shift + A
Add Stack: Ctrl + Alt + ↩
Stack 방향 전환: 우측 속성 패널
Slack 레이아웃 추가: Layout 메뉴 - Stack 선택

● Grid

Grid는 수평(Row)과 수직(Column) 방향 모두를 제어할 수 있는 2차원 레이아웃 시스템

- Gird의 구성요소

Grid Frame (부모)
├── Grid Cells (자동 생성되는 보이지 않는 컨테이너)
│   └── Grid Item (각 셀에 위치하는 자식 요소)

Grid Frame: 전체 레이아웃의 틀

Grid Cell: 요소들이 정렬되는 좌표 기준 공간

Grid Item: 유저가 직접 배치하는 요소들 (텍스트, 이미지 등)

(Grid Frame은 자체 Padding, Gap, 정렬 설정 등을 통해 전체 배치를 조절

- Grid의 속성

속성	설명
행(Row)과 열(Column) 개수	고정 개수로 시작 추가되는 Grid item에 따라 자동 추가
Gap	행과 열 사이의 공간 지정
Padding	Grid Frame 내부의 여백
Wrap	Grid item이 공간을 넘치면 다음 행 배치

- Grid Item의 제어

속성	설명
Span	특정 아이템이 여러 열(Column) 또는 행(Row)에 걸쳐 표시되도록 설정
Fill	셀의 전체 공간을 채우도록 설정
Fit Content	텐츠 크기에 맞게 자동 크기 지정
Fixed	고정 크기 지정
Alignment	셀 안에서의 정렬 위치 (Start / Center / End 등)

Grid의 활용 예시

갤러리 레이아웃
카드 리스트
기능 목록 섹션 (Feature Bento)
대시보드 구성

Grid 관련 주요 단축키
Grid 만들기
- Shift + G
- 기존 Frame에 Layout → Grid를 적용
- 툴바 → Layout → Grid 도구 선택 후 드래그
- 단축키 Shift + G로 바로 생성
Span 늘리기: Properties 패널에서 직접 입력 또는 드래그
Fit Content 적용: 우클릭 → "Fit Content" 또는 Shift + A

● Stack vs Grid

구분	설명
Stack	단일 방향 (가로 또는 세로) 정렬
Grid	행(Row)와 열(Column)을 모두 사용해 정렬

Stack (좌) vs Gird (우)

상황	Stack 사용	Grid 사용
한 방향 흐름	O	X
행 + 열 구성 필요	X	O
갤러리/카드 레이아웃	X	O
Hero영역 (텍스트+버튼)	O	X
대시보드, 리스트	X	O

● Typography

Variable Font

Variable Font 선택 시 Weight, Slant, Grade, Width, Optical Size 등 세부 속성 조절 가능
각 속성은 애니메이션 적용 가능
폰트 내의 디테일한 축 조절로 텍스트 강조, 시각적 무게감 조절 가능

고급 텍스트 옵션

Balance 기능: 여러 줄 텍스트 가독성을 높이기 위해 줄 간 길이를 비슷하게 조정
텍스트 쉐도우, 스트로크, 대문자/소문자 변환, 밑줄/취소선 등 추가 효과 사용 가능 (+ 클릭)

Text 관련 주요 단축키
텍스트 삽입: T
자동 크기 모드 전환: Shift + A
텍스트 Balance 설정: Text - + - Balance 체크

● 링크 & 네비게이션

텍스트나 프레임, 버튼 등 모든 요소에 링크 설정 가능

링크 추가하기

요소 선택 후 Properties Panel 상단의
Link + 버튼 또는 L 키 입력

외부 링크: 직접 URL입력
내부 페이지: 프로젝트 내 페이지 이름 자동 인식

- 링크 유형

대상	예시	설명
페이지	/pricing	사이트 내 다른 페이지로 이동
섹션	#features	같은 페이지 내 특정 섹션으로 이동
외부 사이트	https://framer.com	외부 웹사이트로 이동
CMS 항목	slvg 기반	CMS에 등록된 콘텐츠 항목에 연결

링크 스타일 (자주쓰는 스타일 설정 가능)

Default: 기본 상태 색상 / 스타일
Hover: 마우스 오버 시 효과 (예: 색상 전환, 밑줄)
Current: 현재 보고 있는 페이지에 연결된 링크로 시각적 구분

섹션 링크

섹션 이동은 스크롤 섹션 설정이 선행
이동 대상이 되는 프레임 선택 후 Properties Panel 하단에서 Scroll Section 추가
링크 대상 페이지를 먼저 선택 - 그 안에서 섹션 이름 선택 가능

옵션 설명

Offset Y 섹션의 정렬 기준 위치 조정
(예: 고정된 상단바 피하기위해 -80px 등 설정)

Scroll Instant / Smooth 중 선택 가능

● 콘텐츠 삽입 및 인사이트 패널 활용

이미지 추가

드래그 앤 드롭
컴퓨터에서 이미지를 직접 캔버스로 드래그하면 이미지 Fill을 포함한 프레임이 생성됨.
직접 프레임 생성 + Fill 설정
프레임을 그리고 Fill을 이미지로 설정하여 이미지 삽입 가능.
레이아웃 메뉴 활용
Toolbar → Layout → Image 선택 시, 플레이스홀더 이미지가 들어간 프레임 생성
Plugins (Unsplash 등)
Insert 패널에서 직접 무료 이미지 가져오기 가능
Intrinsic Size 복원
이미지에 오른쪽 클릭 → "Intrinsic Size"로 원본 크기 복원
(Fill 모드에서 이미지가 잘릴 수 있음 → "Focal Point" 기능으로 중요한 부분 고정 가능)

비디오 삽입

직접 삽입
MP4 파일을 캔버스로 드래그 또는 Layout → Video Frame 생성
호스팅 URL 붙여넣기
또는 파일 직접 업로드 가능 (계정 플랜에 따라 용량 제한 존재)
외부 플랫폼 임베딩
YouTube, Vimeo 컴포넌트를 Insert 패널 → Media에서 삽입 가능

Insert 패널 카테고리

asics: 전체 페이지 템플릿 (3 Breakpoints 포함)
Sections: Hero, Footer 등 섹션 단위 템플릿
Navigation: 메뉴, 네비게이션 바 등
CMS: Collection, Field
Creative: Fit Text, Arc Text, Countdown 등 창의적 컴포넌트
Media: 이미지, 비디오, Lottie, Spotify, YouTube, Vimeo 등
Forms: 기본 Form + Loops, Mailchimp 등 3rd Party 연동
Icons: 각종 아이콘 라이브러리 (Phosphor, Feather 등)
Interactive: 다국어 Selector, Site Search, Carousel 등 인터랙션 기능
Social: Instagram, Facebook, Google Maps 등 소셜 임베딩
Utility: Embed, 복사 버튼, 다운로드, Gumroad, Lemon Squeezy 등

Step 2. 구조화된 UI 설계 & 반응형 웹 만들기

● 스타일 시스템

1. 컬러 스타일

반복되는 색상을 스타일로 정의하여 전체 사이트에서 한 번에 관리

컬러 스타일 적용

색상 선택 후 Color Picker 하단의 Create Style 클릭
이름은 surface/0, content/100 등 의미 기반 또는 숫자 기반으로 구성
스타일을 수정하면 해당 스타일이 적용된 모든 요소에 자동 반영됨
Assets 패널 → Styles에서 스타일 관리 (이름 변경, 폴더 정리, 삭제 가능)
스타일에서 분리하고 싶을 땐 Color 값 수동 변경하거나 Fill 제거

2. 텍스트 스타일

글자 크기, 폰트, 줄 간격 등을 미리 정의하여 페이지 전체의 타이포그래피 일관성 유지

텍스트 스타일 적용

텍스트 선택 → Properties 패널의 Style 항목 → + 버튼 클릭
Heading1~6 또는 Paragraph로 태그 지정
이름 예시: heading/1, body/regular
텍스트 색상과 정렬은 인스턴스에서만 Override 가능 (스타일 자체에는 영향 없음)
스타일을 삭제하려면 먼저 모든 레이어에서 해당 스타일을 제거해야 함

● 컴포넌트

버튼, 카드, 네비게이션 바, 푸터 같은 UI요소를 재사용 가능한 단위로 만드는 기능

디자인을 한 번만 만들고 여러 곳에서 사용하며 수정시 모든 인스턴스가 한 번에 반영

컴포넌트 만들기

요소(버튼 등)를 선택한 후 오른쪽 클릭 → Create Component 또는 단축키 ⌥ + ⌘ + K
컴포넌트 이름 지정 (buttons/primary-cta 형태로 폴더 구조도 생성됨)
자동으로 컴포넌트 전용 편집화면으로 이동됨

좌측 Assets 패널에서 컴포넌트 생성/수정/삭제/폴더 정리 가능
[공용 라이브러리 추가]를 통해 다른 프로젝트에서도 공유 가능

Variant 만들기

기본 상태 외에도 hover, pressed, inverted 등 다양한 스타일을 한 컴포넌트 안에 만들 수 있음
각 Variant에 맞게 배경색, 텍스트 색 등을 조정하고 이름을 붙임

Variable 만들기

텍스트,색상, 보이기/숨기기 등 요소별 속성을 컴포넌트 외부에서 수정할 수 있도록 함
예: 버튼 내부 텍스트를 각 인스턴스마다 "Sign Up Now", "Get for Free" 등으로 변경 가능

텍스트 레이어 선택 → Content → [+] → Create Variable
이름을 지정 (buttonText, planTitle 등)
컴포넌트 인스턴스에서는 별도로 텍스트 입력 가능

● 레이아웃 템플릿

반복되는 구조나 요소를 전체 페이지에 공통 적용할 수 있도록 만든 것

(템플릿은 하나의 컴포넌트처럼 동작)

템플릿 만들기

Nav 바 등 공통 요소를 우클릭 → Create Layout Template
이름을 입력 (예: Main Layout)
자동으로 템플릿 뷰로 이동함 (Nav 요소 + Placeholder가 생성됨)

Navbar / Footer: 공통 요소 직접 배치
Placeholder: 실제 페이지에서 들어갈 콘텐츠가 대체됨

템플릿 Variable

상단 패딩 조절 변수
Nav가 겹치지 않도록 기본 80px의 top padding
특정 페이지에서만 padding을 0으로 만들고 싶다면?
→ 템플릿에 Top Padding이라는 Toggle 변수를 추가 (Yes: 80px, No: 0px)

Nav 스타일 Variant 조절
Default / Inverted 등으로 분기되는 Nav 바 스타일
템플릿에서 Nav Style이라는 Variant 변수를 추가해 선택 가능하게 함

● 반응형

사용자가 어떤 기기를 사용하든 웹사이트의 콘텐츠와 레이아웃이 자연스럽게 적응하는 것

테스크탑, 테블릿, 모바일 등 모든 화면 크기에서 일관된 경험을 제공하는 것

1. Fluid Layout (유동형 레이아웃)
요소들이 부모 프레임의 크기에 따라 크기와 위치가 비율적으로 변하는 구조
Fill, Fit, Fixed, Max Width 같은 속성을 적절히 조합해서 구성
Stack이나 Grid를 활용해 자동 정렬을 설정

Fluid Layout 방법

1. Absolute Position → Stack 전환
2. Absolute로 배치된 요소 선택
3. 우측 속성 패널에서 Add Layout → Stack 선택
4. 방향(Row/Column), 간격(Gap), 정렬(Distribute/Align) 설정

이미지를 Frame으로 덧씌우기
이미지나 콘텐츠에 여백을 주고 싶을 때, 해당 요소에 직접 padding을 주는 대신
한 겹 더 감싸는 Frame을 만들어서 padding을 적용하는 방식이 매우 유용
ex.
이미지를 가운데 정렬하면서도 좌우 여백을 주고 싶다면, 이미지를 담은 내부 Frame을 만들고 그 위에 외부 Frame을 씌워 padding을 설정
이렇게 하면 정렬이 더 명확해지고, 여백을 조절할 때 콘텐츠가 깨질 위험 없이 안정적인 레이아웃 가능

Section → Container → Content 구조처럼, Layer를 나누어 감싸는 방식이 가장 보편적이고 유지 보수에도 강함

Space Between
- Start: 모든 요소를 위쪽 또는 왼쪽에 정렬
- Center: 요소들을 중앙에 모아서 정렬
- End: 요소들을 아래쪽 또는 오른쪽으로 정렬
- Space between: 첫 번째 요소는 시작지점, 마지막 요소는 끝 지점으로 하여 분산
- Space around: 요소들 사이에 균등한 간격을 배치 (양 끝에도 간격 존재)

Fill / Fit / Fixed / Max Width
- Fill: 부도 므페임의 여유 공간을 꽉 채움
- Fit: 콘텐츠에 맞게 크기 자동 조절
- Fixed: 고정된 크기 (px등)
- Max Width: 크기가 너무 커지는 걸 방지

2. Breakpoints (중단점)
Fluid Layout만으로는 완전히 대응하기 어려운 경우, 특정 뷰포트 너비를 기준으로 레이아웃을 재정의 (overried)

Breakpoint	기능	용도
Desktop	1200px	가장 일반적 PC 환경
Tablet	810~1199px	iPad 등 중형 디바이스
Mobile	390~809px	스마트폰 환경 대응

Breakpoint 방법

1. 각 Breakpoint를 클릭하고 카드가 들어있는 Frame 선택
2. Layout → Grid 설정 후 Column 수 조절
3. 설정값이 파란색으로 바뀌면 Override된 상태
(기타 overried: 텍스트 크기, padding 값, 요소 순서 변경 (드래그로 가능), visibility)

Layout Tempate에서 Breakpoint 적용
(Nav/Footer처럼 모든 페이지에 반복되는 요소는 Layout Template에 위치)

1. Layout Template 안으로 진입 (Nav 더블클릭)
2 동일하게 [+] 버튼으로 Breakpoint 추가
3. 각 Breakpoint별로 Nav나 Footer의 정렬, 간격 등을 조절

Text Style 반응형 제작
Text Layer에 개별적으로 Override하지 않고도, Text Style 자체에 Breakpoint를 추가

1. 텍스트 선택 → Style 패널에서 Text Style 클릭
2. + Add Breakpoints 클릭 → Large / Medium / Small 생성됨
3. 각 Breakpoint에서 Size, Line Height 등을 조정 가능

Step 3. CMS와 동적 콘텐츠 구성 (데이터를 연결하는 웹사이트)

●CMS 개념 및 생성

CMS 개념

CMS는 마치 디지털 파일 캐비닛
"컬렉션"은 캐비닛 속 폴더
"아이템"은 폴더 안의 서류
"필드"는 서류 안의 항목들(제목, 날짜, 이미지 등)

개념 역할

Collection 콘텐츠를 유형별로 묶는 폴더

Field 각 콘텐츠가 가진 속성 (제목, 이미지, 날짜 등)

Item 실제 콘텐츠 단위 (한 개의 블로그 글)

List / Detail Pages 아이템을 여러개 나열하거나
하나씩 상세하게 보여주는 방식

CMS 생성

1. 컬렉션 생성
(생성 시 기본 필드 생성 - titles, slvg)

2. 필드 추가 및 구성
필드 타입은 콘텐츠 구조를 정의하는 핵심 요소
각 필드는 입력 가능한 데이터의 형태를 결정, 알맞은 타입을 선택해야 디자인과 기능이 유연해진다

필드 타입 설명 예시

Plain Text 한 줄 텍스트 제목, 이름, 직함

Foramtted Text 스타일 적용 여러 줄 텍스트 본문, 설명, 소개글

Date 날짜 선택 작성일, 이벤트 날짜

Link URL 입력 외부 링크, 참고 자료

Image 1장 이미지 썸네일, 대표 이미지

Gallery 여러 이미지 제품 갤러리, 포트폴리오

Color 컬러 선택 배경색, 태그 색상

Toggle On/Off 스위치 공개 여부, 추천 항목

Number 숫자 가격, 순서, 점수

Option 미리 정의한 선택지 중 하나 선택 카테고리 선택(단일)

File PDF, ZIP 등 첨부 다운로드 자료, 첨부 파일

Reference 다른 CMS 컬렉션에서 1개 항목 참조 다운로드 자료, 카테고리 (단일)

Multi - Reference 다른 CMS 컬렉션에서 여러 항목 참조 태그, 관련 포스트

3. 아이템 추가하기
New Item 버튼 클릭
각 필드에 데이터를 입력
Save를 눌러 저장
제목: "프레이머 CMS 시작하기"
이미지: 배너 업로드
날짜: 오늘 날짜 선택
본문: 에디터로 텍스트 입력
링크: 외부 블로그 주소 입

● CMS 연결

Collection List
CMS 콘텐츠를 반복적으로 출력할 수 있는 기능
게시글 리스트, 제품 카드, 포트폴리오 갤러리처럼 반복되는 콘텐츠에 적합

Collection List 삽입
좌측 메뉴에서 원하는 페이지 선택
I 키 또는 Insert 패널 → CMS > Collection List 선택
캔버스에 드래그하면 기본 카드 구조가 자동으로 생성됨
어떤 Collection에서 데이터를 가져올지 선택
(만든 리스트는 CMS에 새 항목이 추가될 때마다 자동으로 갱신)

1. 텍스트 & 이미지 연결
Collection List 안의 각 요소는 CMS의 필드와 자동 연결
카드의 제목 텍스트 → CMS의 title 필드
카드의 배너 이미지 → CMS의 image 필드

2. 기존 디자인에 CMS 데이터 연결
기존 디자인을 Collection List 안으로 드래그
카드의 텍스트 또는 이미지 요소 선택
오른쪽 패널에서 연결 가능한 속성에 마우스 오버 → "+" 버튼 클릭
Set Variable → 연결할 CMS 필드 선택
텍스트는 Content 속성에, 이미지는 Fill 속성에 변수를 연결
(텍스트 → title 필드 / 이미지 Fill → banner 필드)

3. 주의사항
카드 하나에만 디자인해도 나머지 CMS 항목들은 동일한 구조로 자동 적용
미리 만든 Pill 컴포넌트 등을 Collection List 안에 넣으면 CMS와 연결 가능
(단, 컴포넌트 내부 텍스트에도 Variable 속성 설정 필요)

● CMS 필터링/ 정렬 기능

CMS 필터

1. 필터 옵션 구성
Collection List를 선택하면 오른쪽 패널에 Content 설정 메뉴 생성

옵션 이름 설명

Source 어떤 CMS 컬렉션에서 데이터를 가져올지

Sort 어떤 필드를 기준으로 정렬할지 (ex. Date, Title 등)

Filter 조건에 맞는 항목만 보여주기

Limit to 최대 몇 개까지만 보여줄지

Start offset 앞에서 몇 개 항목을 건너뛸지 설정

2. 추천 콘텐츠만 보여주기
CMS에서 Toggle 필드 생성 (featured로 이름 지정)
기본값은 "off(비추천)" 상태
대표 콘텐츠에만 featured = on 설정
Collection List → Filter → featured = true 로 설정

3. 최신순 정렬 + 3개만 보여주기
Sort: date 필드 → 내림차순
Limit To: 3

4. 특정 카테고리만 필터링
CMS에 category 필드 추가 (예: News, Tips, Update 등)
원하는 카테고리로 필터 적용 (예: category = "News")

5. Offset으로 건너뛰기
슬라이더에는 최신 3개 보여주고, 그 아래엔 다음 3개만 보여주고 싶을 때
첫 번째 리스트: Limit = 3, Start Offset = 0
두 번째 리스트: Limit = 3, Start Offset = 3

6. 커스텀 정렬용 숫자 필드 만들기
CMS에 order 필드 (숫자형) 추가
원하는 순서대로 번호 부여 (1, 2, 3...)
Sort 기준을 order 필드로 설정 → 직접 순서 제어 가능

● CMS 상세 페이지 연결

CMS 컬렉션에 있는 각각의 항목(Item)을 위한 개별 페이지를 자동 생성하는 기능

1. 상세 페이지 생성
왼쪽 상단 Pages 탭 클릭
+ 버튼 → New CMS Page 선택
컬렉션 선택 (예: Articles)
Detail Page 선택
(이 페이지는 컬렉션의 각 항목을 하나씩 받아서 렌더링하는 동적 페이지 템플릿)

2. 콘텐츠 연결 및 디자인
Framer는 CMS 필드 데이터를 자동으로 페이지에 배치
(Title → Text, Image → Image Layer, Date → Text)

3. 새로운 필드 추가 및 연결
CMS → 컬렉션에서 새 필드 추가 (예: link)
해당 아이템에 값 입력 (예: https://example.com)
상세 페이지로 돌아와 버튼을 만들고,
버튼의 link 속성에 → Set Variable → 새 필드 선택

4. 변수(Variable)을 이용한 동적 연결
텍스트, 이미지, 버튼 등 거의 모든 요소에 Variable 연결 가능
텍스트 → content 속성에 연결
버튼 → 링크 속성에 연결
이미지 → fill 속성에 연결
(Insert → CMS → Fields 메뉴에서 직접 드래그하면 자동 연결)

5. 조건부 랜더링
요소 선택 → Visible 속성 선택
+ Set Variable → 해당 필드 선택 → Is Set 체크
→ 값이 없을 때 자동으로 숨겨짐.
→ 버튼, 링크, 이미지 등 어디든 적용 가능

● 항목별 스타일 & 조건부 랜더링

조건부 렌더링은 CMS 데이터 유무에 따라 요소의 표시 여부를 제어하는 기능

모든 조건부 설정은 Framer의 Visible 속성 → Variable → is set 옵션을 통해 손쉽게 구현

1. 링크 있는 경우만 버튼 보여주기
CMS에서 link 필드 추가 및 일부 항목만 링크 입력
상세 페이지에서 버튼을 만들고,
버튼 선택 → Visible 속성 클릭
+ Set Variable → link 필드 → is set 선택

2. 카테고리에 따라 배경 색 다르게 하기
CMS에서 category 필드에 "news", "event", "update" 등 입력
카드 컴포넌트에 배경색을 다르게 표현하고 싶다면?
→ 조건부 Variant 스타일을 만들고 변수로 연결:
카드 컴포넌트를 Variant로 설정 (예: 기본 / news / event)
컴포넌트 선택 → Variant → + Set Variable → category 필드 연결

3. 추천 글에 뱃지 표시
CMS에 featured 라는 Toggle 필드 추가 (Yes/No)
카드에 뱃지(예: Featured)를 추가
뱃지 요소 선택 → Visible → + Set Variable → featured
→ featured가 Yes일 때만 뱃지가 보이도록 설정

● 컬렉션 관계 & 필터 UI 만들기

컬렉션 관계

Framer CMS에서는 한 컬렉션에서 다른 컬렉션을 참조(Reference) 할 수 있다
→ 컬렉션 간의 관계를 통해 중복 없이 정돈된 데이터 구조를 유지

1. 글 - 작성자 연결
Authors라는 새 컬렉션 생성이름, 프로필 이미지, 소개 텍스트 등 입력
Articles 컬렉션으로 이동 → + Add Field → Relation 선택
이름: author → 연결 대상: Authors 컬렉션 선택
→ 각 글 항목에 작성자 선택 필드가 생기고, 리스트에서 연결 가능

2, 상세 페이지에 관계 콘텐츠 표시
작성자 정보를 글 상세 페이지에 표시하려면
글 상세 페이지에서 author.name, author.image 등 필드 사용 가능
텍스트/이미지 레이어 선택 → + Set Variable → author.name 등으로 연결
(관계형 필드 내부의 서브필드도 드릴다운하여 연결 가능

3.카테고리별 콘텐츠 필터링 UI 만들기
Categories 컬렉션 생성 (이름만 있어도 OK)
Articles 컬렉션에 category라는 Relation 필드 추가
사용자가 카테고리를 선택하면, 그 카테고리에 해당하는 콘텐츠만 리스트에 표시되도록 구성
→ 이때 사용하는 기능이 필터 UI 구성

4.필터 UI 생성
컴포넌트를 만들고 Toggle 방식으로 필터를 생성 가능
프레임 버튼 또는 텍스트를 만들어 필터 토글로 사용
버튼 클릭 시 컬렉션 리스트의 Filter 속성 변경

5. 컴포넌트와 연결된 필터
여러 버튼을 Variant로 만든 후 선택 시마다 필터 값을 변경할 수 있다
필터 UI도 컴포넌트로 만들어 재사용성 향상
카테고리 Pill 버튼→ Variant (Selected / Not Selected)
선택 시 Set Variable → 리스트 필터 갱신

Step 4. 특강 (이강민 튜터)

● AI Wireframe 제작 기능

Insert - Wireframe - 원하는 내용 입력하면 자동으로 생성

1처 생성 이후 추가적인 내용을 더 입력하여 수정할 수 있음

다만 UI적인 요소들만 만들어주고 기능적인 요소는 제작할 수 없음

● Workshop 기능

Wireframe으로 제작하지 못한 기능적 요소를 AI로 제작하는 툴

(AI가 코드를 짜서 컴포넌트를 만들어준다)

Quick Acttion (Ctrl + A) - Workshop

● 로고 Vector set 기능

조금 더 다양해고 새로운 로고를 쉽게 적용할 수 있는 기능

Asset - Vector - New Vector Set - 페이지에 위치 - 우측 패널 Edit으로 수정

우측 패널 Effects에서 로고에 애니매이션을 줄 수 있음

● 버튼 CTA Analytics 기능

기본적인 통계는 Framer 자체 Analytics에서 제공

특정 버튼에 대한 통계는 버튼 클릭 - 우측 패널 Link - Tracking을 추가 - Analytics Funnel에서 추가하여 확인

● A/B 테스트 기능

우측패널 Tracking을 추가 - Analytics에서 좌측 패널 A/B 테스트 추가 - 좌측 패널 Pages에서 Varient 수정 - Analytics 우측 패널에서 Click 설정 - Start Test - Analytics에서 결과 확인

[내일배움캠프] Chapter 4. 역기획 프로젝트 - 3일차 (배달의민족 푸드 분야 성장 전략)

Theme_Min — Mon, 19 May 2025 21:27:39 +0900

<역기획 프로젝트>
목표 : 배달의민족 푸드 분야의 성장을 견인할 전략 제안

회의록
https://www.notion.so/1f4d8087354080c9a74edc6533413de0?pvs=4

Part 1. Project objective

배달의민족 푸드 분야의 성장을 견인할 전략 제안

Part 2. 배경 및 목표

기업 내 비즈니스 방향성 회의록

https://www.notion.so/teamsparta/1f32dc3ef51481d0a1aad7b74d557fc0?pvs=4

[필수 자료] 비즈니스 방향성 회의록 | Notion

1.배달의민족 대표 타운홀

www.notion.so

● "수익성 강화는 제 1원칙입니다"

매출 상승분 대비 영업이익 상승분 저조(OPM 15~20%)

배민라이더스(우아한청년들) OPM 1%미만

→ 즉, BM 상 배달수수료가 아닌, (주문)수수료수익으로 매출을 높일 필요가 있음

● "배민클럽, 멤버십 경쟁에서 앞서갑시다”

배민클럽, 장기고객 유지 및 객단가 상승의 효과적 수단

[객단가(P)] 상승 X [주문수(Q)] 상승(+29%) = [거래액] 상승

[거래액] X 6.8~7.8% = [수수료수익]

[수수료 수익] OPM > [라이더스] OPM 1%

즉, 배민클럽은 거래액 증가를 야기해, 고마진 수수료수익을 올려주는 수단 → OPM 상승에 주요한 역할

● 배민클럽 성장 목표

단기목표: 기존 MAU의 전환률 제고

장기목표: 락인율 상승을 통한 재방문율 확보 및 지속 구독

Part 3. 현황 및 문제 상황

● 현재 혜택

	배달의민족 배민클럽	쿠팡 와우 멤버십
가격	1,990원 (정가 3,890원)	7,890원
회원 수	500만 명(배민 MAU 2221만 명)	1400만 명(쿠팡 MAU 3339만 명)
혜택	- 배민 푸드 무료 배송, 브랜드 할인쿠폰 - 배민 장보기&쇼핑 무료 배송, 장보기 할인쿠폰 - 티빙(예정) 무료 스트리밍권 - 스포티파이 프리미엄 3개월 무료 - 블라이스 셀렉트 2개월 이용권	- 쿠팡 로켓와우 무료 새벽배송, 30일 무료 교환 및 반품, 로켓프레시, 와우 멤버십, 골드박스, 타임할인, 한정쿠폰, 쿠페이머니 포인트 - 쿠팡플레이 (748만 명) 무료 스트리밍권 - 쿠팡이츠 (1037만 명) 무료배달, 브랜드별 할인쿠폰

● 현재 전환율

	배민	쿠팡와우	요기요
전환율	23.1%	47.1%	20.5%
가입자 수	500만명	1,500만명	100만명
MAU	2,221만명	3,183만명	488만명
날짜 기준	2025년 3월 기준	2024년 8월 기준	2024년 11월 기준

→ 경쟁사 대비 저조

단계	전환율	가입자 수(예상)	기준
현황	23.1%	500만 명	2025년 3월
단기 목표	27~30%	600~670만 명	요기요 대비 확실한 우위 확보
중기 목표	35~40%	770~890만 명	네이버·쿠팡 평균의 하단선 접근
장기 목표	45~50%	1,000~1,110만 명	쿠팡 수준 근접, 시장 리더 추격

→ 배달앱 시장은 이미 포화 상태지만, 유료 멤버십 시장은 아직 확장 중

기존 MAU 기준, 현재 멤버십 미가입자는 약 1,700만명

이 중 10%만 추가 전환해도 +170만 명 증가 → 30% 돌파 가능

● 문제 상황

가입자 수 확보에 치중, 쿠팡을 그대로 따라하는 혜택, 그럼에도 저조한 전환율

Part 4. 원인 분석

● 쿠팡이츠(후발주자) vs 배민(업계 선두)의 입장차이

	배달의민족	쿠팡이츠
MAU	2,221만 명	1,037만 명
M/S	1위(58.9%)	2위(27.5%)
사업목표	MAU 유지	MAU 확보
법인세 납부 시기	2022년	-
기업 생애주기상 제 1목표	수익성 개선	매출 증가
그룹 내 메인 비즈니스 (매출 비중)	배민라이더스	쿠팡
메인비즈니스 수익성	매출 2.2조 (OPM 1%미만)	매출 11.5조 (OPM 2%)
선택전략	배민클럽 회원 대상 무료배달	와우멤버쉽 회원 대상 무료배달
전략효과	단기 가입자 수 확보 단기 매출 증대	단기 가입자 수 확보 단기 매출 증대
목표-전략 일치여부	X	O
타 Cash Cow 존재여부	X	O

배민은 쿠팡과 목적이 다른데, 같은 전략을 진행

이는 재원적으로도 결코 지속가능할 수 없는 전략

→ 전략의 목표적합성 및 지속가능성 모두 바람직하지 않다

● 선두 플랫폼 전략 방향성

신규 유입보다 “기존 활성 사용자”의 락인
재원적 안정성을 띄는 지속가능 전략 필요

→ 배민만의 지속가능한 락인효과 창출이 필요하다

Part 5. '배민다움'

● <배달의 민족>. 어떤 브랜드인가

1) 브랜드 아이덴티티

소비자에게 제시되어야 할 계획된 브랜드의 모습이자 비전

서비스 비전	브랜드 비전	히스토리
서비스 비전 1.0 (2010.06 ~ 2015.06)	"정보기술을 활용하여 배달산업을 발전시키자"	10.12 배달의민족 어플 출시 11.03 (주)우아한형제들 법인 설립 12.11 바로결제(모바일결제) 출시 13.03 무료폰트 한나체 출시 15.06 배민라이더스 출시
서비스 비전 2.0 (2015.06 ~ 2021.12)	" 좋은 음식을 먹고 싶은 곳에서'"	16.05 배민 팬클럽 '배짱이 출시 17.03 자체 AI 배민데이빗 출시 17.06 배민상회 출시 18.12 배민마켓(B마켓) 출시 19.07 배민커넥트 출시 19.08 웹툰 서비스 만화경 출시 19.12 배민오더(포장주문) 출시 20.01 AI 추천 배차 도입 20.10 배민선물하기 출시 21.03 배민쇼핑라이브 출시 21.06 배민 1(단건배달) 출시
서비스 비전 3.0 (2021.12 ~)	"문 앞으로 배달되는 일상의 행복"	22.07 로봇배달 서비스 활성화 23.02 서빙 로봇 자회사 출범 23.04 알뜰배달 출시 24.01 배달커머스 전통시장 출시 24.09 배민클럽 출시

2) 브랜드 이미지

: 브랜드 아이덴티티를 가지고 회사가 활동함으로써 소비자가 갖게 되는 브랜드 연상

타겟 소비자
: 배달을 시키는 주 타겟인 20~30대의 1인 가구와 대학생
홍대 문화나 B급 코드에 익숙한 대학생, 사회 초년생
무한도전을 즐겨보는 사람
패러키 키치 웹툰 짤방에 익숙한 사람
친근하고 중독성 강한 문화를 선호하는 사람

→ 편리하고 빠르게 물건을 받는 행복한 경험을 주는 친근한 동네 형

3) 브랜드 컨셉

: 소비자에게 브랜드 아이덴티티를 전달함으로써 브랜드 이미지를 심는 접근방법

배달의 민족의 브랜드 컨셉은 '배민다움' ('B급 문화&키치')

● 배민다움(브랜드 감성, 키치함) 사례 및 효과(과거)

1) 브랜드 컨셉 구축

- 캐릭터 마케팅: 독고배달

2016년 도입된 3D 캐릭터로 TV/옥외광고 전방위 활용

→ 2019년 기준 앱 다운로드 260만 건 월 주문건 130만 건 증가

→ 가맹점 수 3만 건 확대(신규 60%는 기존 미배달 맛집)

https://biz.newdaily.co.kr/site/data/html/2019/02/27/2019022700173.html

마케팅 성공신화 쓴 배달의민족, 광고로 보는 브랜딩의 진화

"우리가 어떤 민족입니까."이 문구를 보면 단번에 떠오르는 브랜드가 있다. 국내에서 성공한 마케팅 사례로 늘 손꼽히는 우아한형제의 배달 애플리케이션 '배달의민족'은 광고를 통해 브랜드의

biz.newdaily.co.kr

- B급 키치 감성

2017년 ‘B급 문화’ 컨셉 광고(레트로 디자인+유머)

→”치킨은 살 안쪄요. 살은 내가 쪄요.” 등 신촌문예 수상작 광고 카피 활용

→ 2022년 배민 신촌문예 53만 편 응모로 역대 최다 기록

https://openads.co.kr/content/contentDetail?contsId=8753

유니콘이 된 스타트업의 마케팅 - ①배달의 민족

코로나19가 3년째 장기화되면서 각 가정의 음식 배달은 이제 일상이 되었다. 재택 근무와 학교의 원격 수업이 일상화 되면서 가정에서는 삼시세끼 밥과의 전쟁이 일어나고, 1인 가정도

openads.co.kr

https://www.pointdaily.co.kr/news/articleView.html?idxno=117174

'역대최다' 참가자 몰린 '배민신춘문예', 53만 대 1 경쟁 뚫은 대상은? - 포인트데일리

[농업경제신문 김민지 기자] 3년만에 돌아와 응모자만 53만명을 넘긴 ‘배민신춘문예’의 대상이 공개됐다.배달의민족(이하 배민)을 운영하는 ㈜우아한형제들은 26일 2022 배민신춘문예 대상에 \'

www.pointdaily.co.kr

2) 비용 효율형 마케팅 전환

- 수수료 0% 전략

전체 매출의 30% 차지하던 결제수수료 포기

→ 광고비 중심 수익모델로 전환하며 마케팅 예산 재배치

→2016년 흑자 달성으로 전략적 타당성 입증

https://www.news1.kr/industry/distribution/2350126

배달의민족, '바로결제 수수료 0%'…매출 30% 포기한 이유는?

바로결제 수수료 폐지·외부결제 수수료 0.5%p 내려…물류서비스 확충 신사업 기회 카카오 서비스 의식?…경쟁사도 인하여부 눈치 배달 어플리케이션(앱) '배달의민족'을 서비스하는 우아한형제

www.news1.kr

- 참여형 이벤트

이벤트명	참여 규모	핵심 효과
치믈리에 자격시험(2018)	58만 명	브랜드 팬덤 형성
떡볶이 마스터즈(2019)	57.8만 명	UGC 생산 유도
신춘문예(2012-2022)	누적 57만 편	자발적 콘텐츠 확산

https://openads.co.kr/content/contentDetail?contsId=8753

유니콘이 된 스타트업의 마케팅 - ①배달의 민족

openads.co.kr

https://www.the-pr.co.kr/news/articleView.html?idxno=40619

[현장스케치] 치믈리에 자격시험이 남긴 것들

[더피알=이윤주 기자] 시험이라면 두근두근 긴장되는 것이 보통인데 웃고 떠드는 사람들이 더 많이 눈에 띈다. 지난 22일 롯데호텔에서 열린 제 2회 배달의민족(이하 배민) 치믈리에 자격시험장

www.the-pr.co.kr

https://www.topdaily.kr/articles/27931

58만 떡볶이 미식가 중 최고는?… '배민 떡볶이 마스터즈' 개최

2019 배민 떡볶이 마스터즈 개최 57만8000명을 뚫은 미식가 1인 뽑아

www.topdaily.kr

https://www.ngetnews.com/news/articleView.html?idxno=407768

53만 작품 몰린 배민신춘문예… '다 져도 괜찮아' 대상 수상

3년 만에 개최된 배달의민족 '2022 배민신춘문예' 대상에 '다 져도 괜찮아'가 선정됐다.배달의민족을 운영하는 (주)우아한형제들은 26일 '2022 배민신춘문예' 당선작을 발표했다. 이번 신춘문예에는

www.ngetnews.com

● 배민다움이 왜 구독을 늘리고 락인이 되는가(근거)

- 스탬프형 멤버십 도입의 필요성 논거

1) 과거 ‘배민다움’의 성공 경험

과거에는 신춘문예, 굿즈, B급 감성 광고, 캐릭터 마케팅 등 ‘배민다움’이 소비자 락인에 큰 역할

→ 앱 다운로드, 주문 건수, 가맹점 수, 브랜드 충성도 등에서 뚜렷한 성과

2) 현재의 공백과 차별화 기회

최근 2~3년간 ‘배민다움’이 희미해졌다는 평가가 언론과 업계에서 반복적으로 제기.

소비자와 점주 모두 “예전의 배민다움”을 그리워하거나, 현재 혜택에 차별성을 느끼지 못한다는 불만이 증가

→ ‘배민다움’을 재해석한 스탬프형 멤버십을 도입하면, 단순 가격 혜택이 아닌 감성적·참여형 락인 효과를 다시 창출할 수 있다

https://www.mk.co.kr/economy/view.php?sc=50000001&year=2024&no=532701

무엇이 그들을 흔드는지…‘배민다움’이 사라졌다 [스페셜리포트]

“배달의민족은 2010년 서비스를 시작했습니다. 이후 10년 넘게 흔들리지 않고 잊지 않고 간직한 것은 딱 하나입니다. 바로 사장님의 성장이 곧 배민의 성장이라는 우리만의 믿음입니다.” 지난

www.mk.co.kr

● 사용자인터뷰

Part 6. 가설 설정

“배민다움을 녹여낸 스탬프형 멤버십 제도를 가게 상세페이지에 도입한다면,
배민클럽 전환율과 락인율이 증가할 것이다.”

→ 1차적으로 저조한 전환율을 개선하고, 최종적으로 개선한 가입자를 통해 수익성을 강화

Part 7. 해결책 제안

‘배민다움’ 기반 스탬프형 멤버십

Part 8. 기대효과

- 사용자 입장

- 배민 입장

[내일배움캠프] Chapter 4. 역기획 프로젝트 - 2일차 (배달의민족 푸드 분야 성장 전략)

Theme_Min — Fri, 16 May 2025 10:47:31 +0900

<역기획 프로젝트>
목표 : 배달의민족 푸드 분야의 성장을 견인할 전략 제안

회의록
https://www.notion.so/1f4d8087354080c9a74edc6533413de0?pvs=4

: 선정 내용

Step 2. 주제 선정 및 리서치

● 주제 선정

'배민클럽' 전환율(사용자) 개선을 통한 락인 전략

배달의 민족은 쿠팡과 달리 2300만이 넘는 MAU를 기반으로 한 시장 점유율을 선점한 기업이다.

시장 선도 기업의 경우 시장 및 매출 확장보다는 기존 고객을 바탕으로 한 수익성 및 안전성 증진이 필요한 시점이다

배달의 민족이 제시한 수익성 및 안전성 증진에 대한 해결방안이 바로 배달의 민족 구독서비스 '배민클럽'이다

하지만 현재 배민클럽의 구독자 수는 500만명으로 전체 활성 사용자의 23%에 불과하다

따라서 사용자의 '배민클럽' 사용 유인을 늘리고 정보를 제공하여 '배민클럽'의 구독 확대가 이루어진다면

장기 고객을 유치하고 사업의 안전성 및 수익성을 증진하여 푸드 분야의 성장을 견인할 것이다

● 방향성 구체화 - 서비스 범위 확대

다른 서비스에서 제공중인 구독 서비스의 장점을 벤치마킹하자

최근 배민클럽 내 티빙 구독권 제공 논의에서 알 수 있듯 배민은 이미 쿠팡와우의 연합형 락인 전략을 벤치마킹하고 있다

하지만 구독 서비스는 식품 분야 뿐 아니라 다양한 시장에서 효과적으로 활용되고 있는 만큼, 구독 서비스를 통해 유의미한 결과를 내고 있는 서비스들의 구독 서비스 운영 방식을 리서치하고 벤치마킹함으로써,쿠팡와우와 차별화된 배민클럽만의 설득력을 확보할 수 있을 것이다

- 멤버십 재도입

	등급제 멤버십	구독 서비스
쿠팡	X	O
배달의민족	X	O
스타벅스	O	O
무신사	O	X
올리브영	O	O
쏘카	O	O

스타벅스와 올리브영, 쏘카는 구독 서비스를 통해 1차적으로 사용자를 서비스 내에 유치하고, 추가적으로 결제액에 따른 등급제 멤버십 혜택을 제공하고 있다

→ 사용자의 락인 효과가 커짐과 동시에 더 높은 충성도와 추가적인 서비스 이용을 장려할 수 있다

→ 배민의 경우 기존 MAU를 구독으로 유입시키면서 구독 가입자를 락인하는 효과를 극대화시킬 수 있을 것이다

● 방향성 구체화 - 브랜드 컨셉을 프로덕트 컨셉에 녹여내기

배달의 민족이 시장의 선도 기업이 되기까지 내세운 가장 큰 전략은 '배민다움'이라는 브랜드 컨셉에 대한 충성전략이다

배민다움으로 표현되는 B급 문화의 키치 컨셉을 서비스의 아이덴티티로 옥외 광고와 같은 마케팅, 폰트 제작 등의 공헌 사업에 일관적으로 적용시킴으로써 소비자에게 부담스럽지 않고 친근하게 접근하여 브랜드 이미지를 형성할 수 있었다

배달의 민족 대표이사의 변경과 기업 내 최우선 목표가 '수익 창출'으로 점차 변화하며 배달의 민족만의 이미지가 소비자에게 이전보다 훨씬 약하게 전달되어 결과적으로 브랜드 컨셉이 약화되고 있다

따라서 배달의 민족의 장기 고객을 유치하고 브랜드 충성도 및 락인을 위해 기존의 '배민다움'을 구독 서비스에 녹여내어 구독 서비스 사용자에게 어플에 대한 친근함과 친밀감을 높이는 방안이 효과적일 수 있다.

1. 브랜드 아이덴티티

소비자에게 제시되어야 할 계획된 브랜드의 모습이자 비전

서비스 비전 1.0 "정보기술을 활용하여 배달산업을 발전시키자" (2010.06 ~ 2015.06)

서비스 비전 2.0 " 좋은 음식을 먹고 싶은 곳에서'" (2015.06 ~ 2021.12)

서비스 비전 3.0 "문 앞으로 배달되는 일상의 행복" (2021.12 ~)

https://www.woowahan.com/company/culture

우아한형제들

문 앞으로 일상의 행복을 배달합니다.

www.woowahan.com

2. 브랜드 이미지

브랜드 아이덴티티를 가지고 회사가 활동함으로써 소비자가 갖게 되는 브랜드 연상.

"소비자들이 브랜드를 어떻게 인식하고 있는가"

단순 배달 서비스가 아닌, 편리하고 빠르게 원하는 물건을 받으며 느끼는 행복한 '경험'을 주는 친근한 동네 형 같은 서비스

https://blog.naver.com/thdud213407/221462719071

[유니콘 Story : 배민] 배달의 민족 성공 요인 "브랜드 컨셉"

안녕하세요. 배달의 민족이 올해에 유니콘 기업으로 선정되었습니다. 그렇다면 배달의 민족이 어떻게 성공...

blog.naver.com

3. 브랜드 컨셉

브랜드 아이덴티티의 핵심적인 요약본 브랜드 아이덴티티가 몸이라면 브랜드 컨셉은 옷

브랜드 컨셉을 통하여 소비자에게 브랜드 아이덴티티를 어떻게 전달해 어떤 브랜드 이미지를 갖게 할 것인가

타겟 소비자: 배달을 시키는 주 타겟인 20~30대의 1인 가구와 대학생

배달의 민족의 브랜드 컨셉은 '배민다움', 'B급 문화&키치'를 통한 '친근한 동네 형' 이미지 구축

브랜드 아이덴티티의 핵심적인 요약본

브랜드가 소비자에게 제공하고자 하는 핵심가치 사상

기업의 사업 방향 및 마케팅 전략 방향과 일치

https://www.i-boss.co.kr/ab-6141-38533

B급 광고로 우뚝 선 배달의민족 이야기

- 국내 스타트업- 대한민국의 대표적 3대 배달 앱중 하나이자 배달 앱 업계의 50%을 차지 - 한국광고대회 2관왕을 차지한 혁신적인 광고가 또 다른 특징배달의 민족의 로고 (출처: 배달의 민족...

www.i-boss.co.kr

https://story.baemin.com/

배민다움 today

배민을 만드는 우아한형제들이 일하는 이야기

story.baemin.com

4. 프로덕트 컨셉

제품이나 서비스를 사용하기 위한 근거. 소비자 입장에서 상품이나 서비스를 이용할 수 있는 대표적인 속성

사용자가 프로덕트를 사용하기 위한 근거는 '무료배달'과 OOT, 웹툰 및 웹소실, 음악 스트리밍

즉 배민클럽 하나을 통해 '편리하고 빠르게 원하는 물건을 받으며 느끼는 행복한 경험'에서 나아가

배민클럽을 구독함으로써

편리하고 빠르게, 그리고 공짜로 원하는 물건을 받으며 느끼는 행복한 '경험'을 주는 친근한 동네 형 같은 서비스

https://www.woowahan.com/service/order#%EB%B0%B0%EB%AF%BC%ED%81%B4%EB%9F%BD

우아한형제들

문 앞으로 일상의 행복을 배달합니다.

www.woowahan.com

편리하고 빠르게, 그리고 공짜로 원하는 물건을 받으며 느끼는 행복한 '경험' + 배민다움(친밀함)

- '배민클럽에 대한 소속감 및 커뮤니티 형성

배달의민족은 중개플랫폼이이서인지 신기할 정도로 사용자 간 커뮤니티가 비활성화되어 있다

사장님들의 경우 '아프니까 사장이다'와 같은 커뮤니티가 자체적으로 형성되어 있지만 사용자 간 커뮤니티는 없다

만약 플랫폼 내 사용자 커뮤니티를 활성화하고 사용자들이 커뮤니티 내에서 재미나 정보를 얻는 구조가 마련되면, 사용자들의 서비스에 대한 소속감, 더 나아가 충성도로 이어질 것이다

- '단골'들을 위한 배민의 아낌없이 주는 나무 포지셔닝

현재 배민클럽은 구독시 제공하는 혜택을 중심으로 가입자를 유입하고 있다. (서비스 제공자 - 가입자의 관계)

배민이 제공하는 다양한 혜택의 범위에 배민다움이라는 가치를 덧입혀 가입 고객을 '단골'로 칭하고, 구독으로 인한 혜택을

이용할 때마다 '구독햇으니 당연하다'는 인식에서 '단골이라 배달의 민족에서 이정도로 해주는구나'라는 인식을 심어줌으로써

배민과 사용자의 관계를 '사장-단골'의 관계로 좁힐 수 있다면 서비스에 대한 사용자의 효용과 만족도가 올라갈 것

단계	내용	일정
기획	요구사항 정의 및 기획서 작성	1주
디자인	UX/UI 디자인 및 프로토타입 제작	2~3주
개발	회원가입 기능 개발 및 테스트	3~4주
QA	사용자 테스트 및 버그 수정	2주

조건	설명
신규 사용자	최초 방문 시 노출 (앱 다운로드 후 처음으로 앱을 켠 사용자)
기존 사용자	최초 방문이 아닌 유저에게 노출
특정 이벤트 진행 시	프로모션, 신규 콘텐츠 업데이트, 미션 이벤트 진행 시 노출
재방문 사용자	7일 이상 미접속 후 방문 시 노출

	항목	기능 명세
1	이미지	어드민에서 운영한 이미지가 노출
2	문구 1	어드민에서 운영한 문구가 노출
3	문구 2	어드민에서 운영한 문구가 노출
4	버튼	클릭시 어드민에서 운영한 랜딩페이지로 이동
5	x 버튼	클릭시 팝업이 사라짐

기능	설명
메뉴	메뉴명은 회원관리이며 클릭시 우측 화면에 회원관리 화면 노출
메뉴명	회원 관리
메뉴 설명	가입한 유저들을 관리하는 페이지입니다. 문구 노출
검색	회원명, 회원ID, 전화번호로 유저 검색 가능
리스트	가입한 회원들의 리스트가 노출되며 클릭시 팝업에 상세 정보 노출 (팝업 기획안 아래 첨부)
회원명	회원의 이름 노출
회워 ID	가입시 부여되는 회원 ID 노출
전화번호	가입시 본인인증을 위해 입력한 전화번호 노출
회원 가입유형	회원가입유형(email or 계정) 노출
수신 동의	마케팅 수신 동의/미동의 여부 노출
계정 정지	버튼 클릭시 계정 사용이 정지

기능	설명
팝업 제목	회원 정보 상세 보기 (클릭 회원명)
회원명	선택한 회원명이 노출
회원 ID	가입시 부여된 회원 ID가 노출
비밀번호 초기화	클릭시 초기화 가능한 이메일이 전송
회원 가입 유형	회원가입유형(email or 계정)이 노출
전화번호	가입시 본인인증을 위해 입력한 전화번호가 노출
수신 동의	마케팅 수신 동의/미동의 여부가 노출
가입일	가입한 날짜와 시간이 노출 (yyyy.mm.dd hh:mm:ss)
최근 접속일	최근 접속한 날짜와 시간이 노출 (yyyy.mm.dd hh:mm:ss)
닫기	팝업이 닫히며 회원 관리 리스트 화면이 노출

노출 조건	설명
모든 사용자	모든 방문자에게 노출
비회원 전용	로그인하지 않은 사용자에게만 표시
첫 방문자 전용	신규 사용자에게만 1회 노출
모바일 전용	모바일 웹/앱에서만 표시

기능	설명
이미지 파일 찾기	파일 등록 화면이 노출 (jpg, png, gif 파일 이외에는 등록 불가)
팝업명	팝업 등록시 구분하기 위한 팝업명으로, 유저의 화면에는 미노출
팝업 설명	팝업에 대한 설명으로 유저의 화면에는 노출
노출 기간	설정한 기간에만 팝업이 노출 (2025.02.02까지는 23:59까지 운영)
버튼명	입력한 문구가 버튼에 노출 (최대 8글자)
버튼 랜딩	클릭시 설정한 랜딩으로 이동 - 서비스 내 화면 이동 - 외부 url 이동
팝업 노출 대상	모든 사용자 / 비회원 / 첫 방문자
디바이스	모든 기기 / iOS / Android / Web(pc, mobile)

기능	설
콘텐츠 스트리밍 및 관리	• 성인 인증 • 연속 재생 및 자동 추천 알고리즘 • 다운로드 및 오프라인 재생 (유료 전용) • 자막 제공 (영어, 한국어) • 화질 조절 옵션 (4K, 1080p, 720p)
사용자 계정 및 구독	• 이메일/소셜 로그인 (Google, Apple, Kakao) • 결제 시스템 연동 (In-App Purchase, PG 결제 지원) • 시청 기록 저장 • ‘다시 보기’ 기능 및 관심 콘텐츠 저장 (즐겨찾기)
유저 인터랙션	• 댓글 • 좋아요 및 공유 기능 (SNS 연동) • 테마별 인기 콘텐츠 랭킹 제공

정책	설명
콘텐츠 규정	성인물은 18세 이상 인증 사용자만 시청 가능
개인정보 보호 정책	국내 ◦ 데이터 보관 및 삭제 정책 명확화 (사용자 요청 시 데이터 삭제 가능) ◦ 타겟 광고를 위한 개인정보 활용 시 사전 동의 절차 필수
개인정보 보호 정책	글로벌(미국) CCPA(캘리포니아 소비자 개인정보 보호법) 준수 ◦ 사용자는 자신의 개인정보를 열람, 수정, 삭제 요청 가능 ◦ 제3자에게 데이터 제공 여부를 선택할 수 있는 옵트아웃 기능 제공 ◦ 수집된 개인정보의 목적 및 사용 내역을 투명하게 공지 ◦ 3세 미만 아동의 개인정보 수집 금지 및 보호 조치 적용
결제 및 환불 정책	스토어 인앱결제 정책에 따름

기능	설명
메인 콘텐츠	- 어드민(백오피스)에서 운영한 콘텐츠가 노출된다 - 좌우 스와이프시 운영된 콘텐츠로 이동한다 - 스와이프는 무한으로 가능하다
플레이 버튼	- 운영한 콘텐츠 하단에 고정으로 노출되며 클릭시 플레이어 화면으로 이동 / 자동 재생된다
페이징	- 운영한 콘텐츠 숫자만큼 노출된다 - 현재 노출되는 콘텐츠의 페이징이 강조처리된다.
인기 급상승	- 어드민(백오피스)에서 운영한 콘텐츠가 노출된다 - 썸네일은 운영된 대표 썸네일이 노출된다 - 썸네일 우측에는 작품 제목이 노출된다

기능	설명
< (이전 버튼)	이전 화면으로 이동한다
작품 제목 / 회차 정보	작품 제목과 현 회차정보 / 전체 회차 정보가 노출된다
더보기 버튼	클릭시 영상이 재생되며 일시정지 버튼으로 변경된다
플레이 버튼	- 클릭시 좋아요 버튼이 활성화되며 중복으로 클릭이 가능하다 - 클릭하는 숫자만큼 수치가 집계되어 버튼 밑에 노출된다. - 좋아요 버튼 하단의 숫자는 아래와 같은 규칙으로 표기한다 (0 ~ 999 ㄴ 1K ~ 999K ㄴ 1M ~ 999M)
좋아요	- 클릭시 즐겨찾기 버튼이 활성화되며, 즐겨찾기 페이지에 해당 회차가 추가된다
즐겨찾기	클릭시 하단에서 리스트 팝업이 노출된다 *하단 스크린샷 첨부
회차 리스트	클릭시 카카오톡 공유하기 / 링크복사 기능이 제공된다
스테이터스바	현재 재생되고 있는 영상의 시간을 보여준다. (현재 위치 / 전체 영상 시간)
재생 속도	클릭하여 재생 속도를 선택할 수 있다 (디폴트 : 1.0) 0.5 / 0.8 / 1.0 / 1.2 / 1.5 / 2.0
자동 재	클릭시 다음 회차로 자동 재생이 되지 않도록 설정을 변경한다 (디폴트 : 자동 재생)

기능	설명
유저 정보	- 프로필 이미지 : 디폴트 이미지가 노출된다 - 유저명 : 가입할때의 계정이 노출된다 - UID : 고유 식별자가 자동으로 노출된다
내 지갑	보유하고 있는 코인을 보여준다
충전 버튼	코인 충전 페이지로 이동한다
공지 사항	공지 리스트가 노출된다
문의하기	문의하기 화면으로 이동한다
언어 설정	노출되는 언어를 설정하는 페이지로 이동한다
서비스 약	약관 및 정책 화면으로 이동한다

분석 항목	데[이터
DAU (일일 활성 사용자 수)	10만
사용자 세션 지속 시간	평균 12분
홈 → 콘텐츠 클릭률	30%
이탈률	40%

항목	기능 명세
추천탭	진입시 자동으로 티저 영상이 재생된다
검색	클릭시 검색창이 노출된다
좋아요	- 클릭시 좋아요 버튼이 활성화되며 중복으로 클릭이 가능하다 - 클릭하는 숫자만큼 수치가 집계되어 버튼 밑에 노출된다. - 좋아요 버튼 하단의 숫자는 아래와 같은 규칙으로 표기한다 ㄴ 0 ~ 999 ㄴ 1K ~ 999K ㄴ 1M ~ 999M - 추천탭 작품의 좋아요는 플레이어의 좋아요와 연동된다
즐겨찾기	- 클릭시 즐겨찾기 버튼이 활성화되며, 즐겨찾기 페이지에 해당 회차가 추가된다 - 추천탭 작품의 즐겨찾기는 플레이어의 좋아요와 연동된다
회차 리스트	클릭시 하단에서 리스트 팝업이 노출된다 *하단 스크린샷 첨부
공유하기	클릭시 카카오톡 공유하기 / 링크복사 기능이 제공된다
전체 보러가	해당 작품 플레이어로 이동하며 자동으로 재생된다

항목	기능 명세
보유 코인	보유하고 있는 코인을 보여준다
잔액	MY > 내 지갑으로 이동한다
출석체크	- 클릭시 출석체크 완료 팝업이 노출되며, 이벤트 코인이 지급된다 - 출석체크 버튼 클릭 후에는 출석체크 현황에 체크 표시로 변경된다 - 연속 출석 체크 일수도 +1 되어 보여진다
오늘의 혜택	tapjoy와 연동된 내역들이 보여진다

Breakpoint	기본 너비	설명
Desktop	1200px	기본으로 생성되는 크기
Tablet	768px	태블릿용 레이아웃
Mobile	375px	모바일용 레이아웃

옵션	설명
Offset Y	섹션의 정렬 기준 위치 조정 (예: 고정된 상단바 피하기위해 -80px 등 설정)
Scroll	Instant / Smooth 중 선택 가능

개념	역할
Collection	콘텐츠를 유형별로 묶는 폴더
Field	각 콘텐츠가 가진 속성 (제목, 이미지, 날짜 등)
Item	실제 콘텐츠 단위 (한 개의 블로그 글)
List / Detail Pages	아이템을 여러개 나열하거나 하나씩 상세하게 보여주는 방식

필드 타입	설명	예시
Plain Text	한 줄 텍스트	제목, 이름, 직함
Foramtted Text	스타일 적용 여러 줄 텍스트	본문, 설명, 소개글
Date	날짜 선택	작성일, 이벤트 날짜
Link	URL 입력	외부 링크, 참고 자료
Image	1장 이미지	썸네일, 대표 이미지
Gallery	여러 이미지	제품 갤러리, 포트폴리오
Color	컬러 선택	배경색, 태그 색상
Toggle	On/Off 스위치	공개 여부, 추천 항목
Number	숫자	가격, 순서, 점수
Option	미리 정의한 선택지 중 하나 선택	카테고리 선택(단일)
File	PDF, ZIP 등 첨부	다운로드 자료, 첨부 파일
Reference	다른 CMS 컬렉션에서 1개 항목 참조	다운로드 자료, 카테고리 (단일)
Multi - Reference	다른 CMS 컬렉션에서 여러 항목 참조	태그, 관련 포스트

옵션 이름	설명
Source	어떤 CMS 컬렉션에서 데이터를 가져올지
Sort	어떤 필드를 기준으로 정렬할지 (ex. Date, Title 등)
Filter	조건에 맞는 항목만 보여주기
Limit to	최대 몇 개까지만 보여줄지
Start offset	앞에서 몇 개 항목을 건너뛸지 설정