← UX Lab
CASE · 2026.07.25

KBS 2TV 주말드라마
〈사랑이 온다〉 협찬 팝업

드라마 협찬을 자사몰 방문자에게 알리는 신뢰형 팝업 — 디자인·라이브 등록·레퍼런스 아카이브

01우리 작업
02공식 포스터
03참고 레퍼

신뢰형 협찬 팝업 — 자사몰 라이브

"이태리정미소가 KBS 드라마에 협찬한다"는 신뢰를 주고, 방문자는 보고 닫고 쇼핑을 이어가는 구조. CTA로 이탈시키지 않고 협찬 사실만 우아하게 전달. footer.html 마커 방식(반응형)이라 PC·모바일 다 뜨고 모션도 살아있음.

컬러세이지 배경 #eef1e7 / 올리브 포인트 #5f7d54
타이포제목 명조(Song Myung) + 본문 Pretendard
모션등장 페이드+슬라이드 / 골드 라인 반짝 / 포스터 광택 스윕 · 미세 줌 / 세팅컷 순차 등장
구조뱃지 → 위트 제목 → 포스터(히어로) → 세팅컷 3장+로고(회색 띠) → 고지 → 닫기

제작 과정

1온블라인드×JTBC 〈바람이 분다〉 협찬 배너를 레퍼로 — 포스터+세팅컷+로고, CTA 없는 신뢰형 문법 확인
2공식 포스터(편집금지·원본 그대로) + 극중 '무진 레스토랑' 세팅컷 3장 + 이태리정미소 로고(원색 누끼)
3색·크기·폰트·모션 픽커 에디터로 미주 확정 → 세이지+올리브+명조
4카페24 footer.html에 마커(KBS_POPUP_20260725) 삽입 → SFTP PUT → 라이브 (화이트리스트+오늘 안 보기)

KBS 제공 공식 포스터 다운로드

협찬 조건으로 KBS가 제공한 공식 포스터. 편집·자르기 불가, 원본 그대로만 사용 (사이즈 조절만 가능). 사용처는 자사몰(italy-jungmiso.com) 한정.

사랑이 온다 메인 포스터
메인 포스터다운로드 ↓
⚠ 협찬 포스터 사용 규칙 (KBS아트비전 강민성 선임)
· 사용 시점: 2026.07.25 첫 방송 이후 · 사용처: 공식 홈페이지(자사몰) 한정, 쿠팡·11번가 금지
· 편집 금지 — 원본 유지 사이즈 조절만 가능, 재편집·자르기 불가 · 고지문구를 포스터 하단 추가영역에 기재
· 세팅사진(우리가 촬영)은 마케팅 자유 사용 가능

※ 고해상 원본(2084×3666)은 H드라이브 촬영 공유드라이브 / 4. KBS 사랑이 온다 협찬 / 0. KBS 공식 포스터에 있음. 위 다운로드는 웹용(760px).

협찬 배너 레퍼런스 · 앞으로 참고

드라마 협찬·콜라보 배너를 만들 때 참고할 레퍼 소스. 신뢰형(협찬 고지)과 이벤트형(굿즈·참여)을 구분해서 볼 것.

협찬 배너 문법 (오늘 배운 것)
· 목적 먼저: 신뢰(협찬 고지) = CTA 없이 닫기만 / 이벤트(참여) = CTA 강하게
· 포스터=하단 섹션 폭 정렬 · 로고는 진짜 이미지(누끼) · 세팅+로고를 하나의 띠로 묶기
· 위트 카피(드라마명 활용) · 공식 캘리는 유료 → 무료 명조/손글씨 대체
· 상세 문법은 memory/guides/design_reference.md