01 · 개요

최종 업데이트 · 2026.08

CJ ONSTYLE 디지털 광고 디자인 가이드

브랜드 일관성과 광고 성과를 동시에 높이기 위한 디지털 광고 디자인 원칙과 카테고리별 우수 사례를 한 화면에서 확인합니다.

디자인 원칙 보기 우수 사례 확인하러 가기

버전 1.0 · 디지털마케팅팀

02 · 핵심 디자인 원칙

필수 원칙과 상세 제작 기준

고객이 핵심 정보를 빠르게 이해하고 구매 행동으로 이어갈 수 있도록, 모든 디지털 광고 소재에서 아래 기준을 확인합니다.

정보 구조

정보의 인지 순서를 설계한다.

핵심 혜택과 상품 정보가 순차적으로 인지되도록 시각적 우선순위를 구성합니다. 기본적으로 혜택·헤드카피 → 상품·USP → 가격·행동 정보의 흐름을 권장하되, 마지막 단계는 소재 목적과 매체 규격에 따라 선택적으로 적용합니다.

적용 범위우선순위행사 기간여백타이포그래피

3단계 우선순위 구조배치보다 중요한 것은 고객이 읽는 순서입니다.

11순위필수

헤드카피 · 혜택 기간 · 프로모션 뱃지

왜 지금 봐야 하는가

›

22순위필수

제품 연출 · 모델 · 핵심 USP

무엇을 제안하는가

›

33순위선택

최종 가격 · 추가 혜택 · CTA

어떻게 구매할 것인가

GOODDO · 이렇게 구성합니다

할인율&혜택 → 모델 → 특가 순으로 시선을 유도해 1→2→3순위 구조를 명확히 구성
신상공개 → 제품 → 가격 순으로 정보를 배치해 인지 순서를 설계
3순위(가격)를 생략하고 제품과 구체적인 스펙에 집중 — 가민 사례처럼 USP 중심 구성도 유효

BADDON'T · 이렇게 구성하지 않습니다

카피와 배경의 색 대비가 부족해 흰 배경·유사톤 텍스트가 묻힘
오브제·배경 요소를 과다하게 사용해 핵심 정보에서 시선이 분산됨
배경에 3가지 이상의 컬러를 사용해 배경이 핵심 카피보다 강조됨

실무 상세 체크리스트 · 레이아웃·가독성·컬러

DO · 반드시 확인

행사 강조형 소재는 고객이 인지할 수 있도록 기간을 명확히 기재
텍스트 길이와 배치를 조정해 모바일에서도 읽히는 크기를 확보
소재 외곽과 텍스트·제품·혜택 뱃지 사이의 최소 여백을 확보
메인 타이틀과 서브카피의 행간·자간을 가독성 중심으로 조정
배경 컬러는 3가지 이내로 활용하고, 톤온톤 컬러 조합을 우선 고려

DON'T · 피해야 할 구성

상단과 하단에 동일하거나 중복되는 문구를 반복 배치
불필요한 오브제와 배경 요소로 핵심 정보의 시선을 분산
흰 배경에 흰 누끼·오브제·텍스트를 함께 사용
텍스트 전체를 과도하게 볼드 처리하거나 모바일에서 보이지 않는 작은 폰트 사용
초록과 주황처럼 충돌이 큰 보색을 근거 없이 혼합
모든 정보를 동일한 우선순위로 나열하거나, 불필요한 CTA를 추가해 시선을 분산

상품·모델 연출

모델과 상품이 또렷하게 보이게 만든다.

소재의 주인공이 모델인지 상품인지 먼저 정하고, 그 주인공이 또렷하게 보이도록 구도·배경·카피를 함께 설계합니다.

적용 범위모델 컷상품 누끼배경 대비셀럽·로고반반 레이아웃

GOODDO · 이렇게 구성합니다

밝은 화보 컷은 화보와 정보 영역을 나누는 반반 소재로 활용
모델+누끼를 조합해 착용 느낌과 상품 디테일을 동시에 전달
상품 특성에 맞는 구도를 고민 — 디지털·가전은 다크톤+도형으로 입체감 강조

BADDON'T · 이렇게 구성하지 않습니다

모델을 가리는 오브제 배치로 소재의 주인공이 방해받음
옆모습·무표정 모델컷으로 몰입도가 낮음
메시지 요소가 한쪽에 과밀하게 배치되어 시선이 분산되는 구성

실무 상세 체크리스트 · 모델·누끼·배경 연출

DO · 모델과 상품을 살리는 방법

상품이 주인공인 소재는 상품 특성에 맞는 구도와 배경을 함께 고민해서 배치
모델은 정면 응시 및 밝은 표정의 컷을 우선 사용
모델컷은 가능한 클로즈업(줌인)으로 사용해 시선을 집중
로고와 연예인을 동시에 사용할 때는 떨어뜨리지 않고 나란히 붙여서 소구
모델과 누끼 상품을 함께 사용할 경우 배경 또는 정보 영역을 추가
상품 누끼만 있는 경우 바닥 그림자·반사 효과 등으로 입체감을 부여
상품과 배경의 명도 차이를 확보해 작은 모바일 화면에서도 형태가 구분되도록 구성
밝은 화보 컷은 화보 영역과 정보 영역을 나누는 반반 레이아웃으로 활용 가능
디지털·전자가전 소재는 다크톤 배경에 그림자 또는 도형을 더해 상품을 입체적으로 강조

DON'T · 시인성을 해치는 연출

모델을 가리는 오브제·카피 박스·혜택 뱃지를 얼굴이나 실루엣 위에 배치
목·골반·무릎 등 관절 부위에서 잘리는 크롭 구도 사용
정면 응시가 아니거나 표정이 어두워 광고 메시지와 충돌하는 컷 사용
누끼컷의 외곽 테두리를 강하게 둘러 부자연스럽게 강조
배경과 상품이 같은 밝기·색상으로 섞여 제품 형태가 사라지게 구성

구매 이유

혜택과 USP를 구체적인 구매 이유로 바꾼다.

고객이 왜 지금 클릭해야 하는지와 왜 이 상품을 선택해야 하는지를 실제 혜택과 구체적인 기능으로 설명합니다.

적용 범위실제 가격방송·한정 혜택상품 USP프로모션 메시지CTA

WHY NOW

혜택 · 지금 클릭해야 하는 이유

실제 인하 가격, 할인율, 월 환산가, 방송 중 혜택, 쿠폰, 일정과 기간 한정성을 명확히 보여줍니다.

WHY THIS

USP · 이 상품을 선택해야 하는 이유

추상적인 수식어 대신 핵심 스펙과 기능을 아이콘·불릿포인트로 직관적으로 설명합니다.

GOODDO · 이렇게 구성합니다

고단가 상품은 월 환산가로 바꿔 부담을 낮춰 구매 이유를 구체화
여행 패키지는 총액보다 1박당 가격으로 재구성해 체감 비용을 낮춤
재구매율 등 실사용 데이터를 근거로 제시해 구매 결정을 뒷받침

BADDON'T · 이렇게 구성하지 않습니다

OPEN·오픈 등 고객이 궁금해하지 않는 단어를 메인 메시지로 강조
프리미엄·최대혜택 같은 추상어만 쓰고 구체적인 인하 가격·할인율은 함께 소구하지 않음
혜택 없이 알림 신청만 요구하는 단순 CTA 사용

실무 상세 체크리스트 · 혜택·긴급성·상품 USP

DO · 구매 이유를 구체화

방송 관련 소재는 방송 중에만 받을 수 있는 혜택을 우선 강조
‘CJ 단독특가’만 쓰기보다 실제 인하 금액·할인율·월 환산가 등 구체적인 수치를 제시
핵심 소구 포인트만 볼드 또는 컬러 처리해 정보 우선순위를 유지
정상가 삭선, 카드 할인, 추가 적립 등은 아이콘·띠·뱃지로 시각화
라이브·타임세일은 방송 일정과 기간 한정성을 눈에 띄게 표현
USP는 추상적인 카피보다 핵심 스펙을 아이콘과 불릿포인트로 전달
기능 중심 소재에도 핵심 프로모션 메시지를 함께 포함해 소구력을 유지

DON'T · 설득력이 약한 소구

할인율이 레이아웃의 대부분을 차지해 상품과 실제 혜택이 묻히게 구성
OPEN·공개 등 고객이 궁금해하지 않는 단어를 메인 메시지로 사용
근거가 되는 실제 혜택 없이 ‘CJ 단독특가’만 반복
알림 신청하기처럼 혜택 없이 행동만 요구하는 CTA 사용
구체적인 기능·수치 없이 프리미엄·혁신 등 추상적인 수식어만 나열

소재 유형별 최종 점검 체크리스트

프로모션형·서비스형·상품형 등 소재 목적에 따라 아래 항목을 확인합니다.

공통 기본 요소

CJ온스타일 플랫폼 로고

행사명 / 로고

키 컬러

내용 구조

키 메시지 / 혜택 / 상품핵심 메시지 또는 주요 혜택이 직관적으로 전달되는가?

내용 유형 (선택)

혜택 안내형혜택이 명확하고 안정적으로 안내되는가?

혜택 강조형혜택의 긴급성·즉시성이 잘 강조되고 있는가?

스토리텔링형스토리나 감성 요소를 활용해 혜택을 전달하는가?

상품형상품 정보와 혜택이 직관적으로 노출되고 있는가?

서비스형 (ex. 바로도착)

공통 기본 요소

CJ온스타일 플랫폼 로고

서비스명 / 로고서비스명 혹은 로고가 정확히 표기되어 있는가?

키 컬러서비스 키 컬러가 인앱과 일관성 있게 적용되었는가?

내용 구조

서비스 메시지 / 상품서비스의 핵심 메시지와 주요 혜택이 고정된 위치에서 일관성 있게, 직관적으로 전달되고 있는가?

내용 유형 (선택)

서비스 안내서비스 안내 메시지가 중심적으로 강조되어 소구되고 있는가?

상품형 / 딜형상품(서비스 메시지 포함)의 혜택이 고객에게 명확하게 인지되고 있는가?

상품형

공통 기본 요소

CJ온스타일 플랫폼 로고

브랜딩 컬러 (선택)브랜딩 키 컬러가 적용되었는가?

내용 구조

상품 / IP형셀럽, 상품, 혜택, 방송 시간 정보가 누락 없이 반영되었는가?

내용 유형 (선택)

상품 - 카피형 / 할인형 / 가격형유형(카피형/할인형/가격형)에 맞춰 내용이 정확히 적용되었는가?상품에 적용된 혜택이 유형별로 명확하게 강조·노출되고 있는가?초격차·최고 할인율 상품의 경우, 불필요한 요소를 최소화하고 혜택이 직관적으로 강조되고 있는가?

IP - 셀럽 강조형 / 상품 강조형유형(셀럽 강조형/상품 강조형)에 맞춰 셀럽 또는 상품이 시각적으로 잘 부각되고 있는가?상품 정보(가격·혜택 등)가 명확하게 전달되고 있는가?

03 · 핵심 섹션 ✨

우수 사례

단순 사례 모음이 아니라 ‘왜 좋은 광고인지’를 학습하는 공간입니다. 브랜드명·키워드로 검색하고, 태그로 필요한 유형을 빠르게 찾은 뒤 카드를 클릭해 핵심 포인트를 확인하세요.

리빙

카테고리 인사이트

상품군과 객단가에 따라 반응 포인트가 달라, 소품류는 상품 누끼 + 즉시 이해되는 혜택, 고관여 상품은 핵심 USP + 명확한 혜택 공개가 효과적
다품목·팬덤형 상품은 GIF 순차 노출처럼 탐색을 유도하는 방식으로 아이캐칭과 클릭을 강화
화제성 상품은 가격 소구뿐 아니라, 브랜드 스토리와 고품질 에셋을 활용해 초기 관심과 디지털 도달을 확보하는 커뮤니케이션도 효과적
저객단가 상품은 전환이 발생해도 광고상품 ROAS 절대값이 낮게 형성될 수 있어 도달·관심 지표와 함께 해석하는 것이 중요

선택한 조건에 맞는 리빙 사례가 없습니다.

디지털/가전

카테고리 인사이트

가격 혜택만 강조하기보다 상품의 차별화 기능·성능·사용 장점을 한눈에 이해시키는 메시지가 구매 전환에 효과적
이미지 소재에서는 핵심 USP를 전면에 둔 구성이 직접 전환을 견인하며, 반반·가격강조형은 보조 소재로 활용 가능
고관여 상품일수록 정보량을 늘리기보다 대표 USP와 구매 이유를 선명하게 압축하는 것이 중요

선택한 조건에 맞는 디지털/가전 사례가 없습니다.

뷰티

카테고리 인사이트

고단가 디바이스는 총액보다 무이자 결제 시 가능한 월 환산 가격으로 프레이밍해야 진입장벽을 낮추고 클릭을 유도할 수 있음
가격 혜택과 함께 방송 시간 한정성(선착순, 1시간 한정)을 결합해 소구하면 긴급성이 높아져 판매 기여도가 커짐
셀럽 활용 시 뱃지 형태로 추가하거나, 신상·최초·1위 등 검증된 키워드로 클릭을 유도
구성+가격 강조형(1달 관리분 환산가)은 판매 기여도가 높고, 할인율을 강조한 혜택강조형은 클릭률이 더 높게 나타나 목적에 따라 소구 방식을 구분해 활용

선택한 조건에 맞는 뷰티 사례가 없습니다.

여행

카테고리 인사이트

리조트 전경 사진과 함께 1박당 가격, 높은 할인율을 소구한 소재가 ROAS에 효과적

선택한 조건에 맞는 여행 사례가 없습니다.

선택한 조건에 맞는 패션 사례가 없습니다.

04 · 브랜드 시스템

브랜드 시스템

외부 광고 소재 제작 시 공통으로 적용하는 브랜드 기본 규정입니다.

로고

밝은 배경에는 퍼플 로고, 어두운 배경에는 화이트 로고를 사용합니다.

밝은 배경용 · Purple logo

화이트/밝은 톤 배경, 제품 상세형 소재, 라이트 UI 영역에서 우선 사용

어두운 배경용 · White logo

딥 퍼플/블랙 배경, 무드 컷, 프리미엄 톤의 브랜드형 소재에서 우선 사용

사용 원칙임의 변형 없이 제공 로고 그대로 사용하고, 컬러는 퍼플/화이트 두 가지 버전 중심으로 운영

배치 기준소재 우측 상단 고정 배치를 기본값으로 두되, 콘텐츠와 충돌 시 동일 축 안에서만 이동

여백 기준로고 주변 최소 여백은 로고 높이의 약 0.5배 이상 확보해 답답해 보이지 않도록 관리

컬러

Inspiring Purple을 메인 컬러로 사용하며, Red와 Vibrant Lime은 보조 포인트 컬러로 활용합니다.

Brand Purple Scale메인 비주얼, 강조 배지, 헤드라인, CTA 포인트 등 브랜드 정체성 전달이 필요한 영역에 활용

#640FAFR100 G15 B175

#7323B9R115 G35 B185

#8232C8R130 G50 B200

#913CD2R145 G60 B210

#A055D7R160 G85 B215

#E0B9FFR224 G185 B255

Basic / Point Color판매/혜택형은 Red, 그래픽 보조 포인트는 Vibrant Lime, 정보성 영역은 Grayscale을 함께 사용

Inspiring Purple#640FAF · #A055D7 · #E0B9FF

Red#EE0040 · #FF3468 · #FCA7C1

Vibrant Lime#00F08E · #1AD390 · #72EBB8

#111111Black

#666666Gray 700

#999999Gray 500

#DDDDDDGray 200

#EEEEEEGray 100

#FFFFFFWhite

타이포그래피

용도에 따라 서체 역할을 구분합니다. Shopping Sans · Pretendard · 꼬딕씨를 기본으로 사용하고, 가격·할인율 등 숫자 강조 영역에는 Outfit을 사용합니다.

Shopping Sans취향공감 라이브쇼핑

메인 카피·혜택 헤드라인·브랜드 메시지

TITLE / KEY MESSAGE

Pretendard정보 전달용
본문 텍스트

본문·보조 카피·UI·설명 문구

BODY / INFORMATION

HG꼬딕씨 80g감도형 포인트 카피

캠페인 타이틀·시즌성·무드 강조

CAMPAIGN / MOOD

Outfit · 숫자 강조형9,900원
20% · D-3

가격·할인율·기간·수치 정보 강조

NUMBER / PRICE

상세 에셋

프로모션의 핵심 메시지를 보조하는 3D 에셋 모듈입니다. 장식 목적의 무분별한 조합보다, 혜택·시간·배송처럼 메시지와 직접 연결되는 오브제만 선택적으로 사용합니다.

할인율 · 가격 혜택

할인율, 특가, 세일 메시지를 숫자 중심으로 강하게 노출

시계 · 타임리밋

방송 시간, 오늘만, 마감 임박 등 시간 제한 메시지에 활용

배송 · 출고

빠른 배송, 당일 출고, 배송 일정 등 구매 보조 정보를 표현

LIVE · 방송

라이브 방송, 본방 사수, 영상형 프로모션의 실시간성을 강조

05 · AI 피드백

디자인 가이드 피드백

피드백 프롬프트를 복사한 뒤, 개인이 사용하는 ChatGPT·Claude 등의 AI 채팅에 검토할 이미지와 함께 붙여넣으세요. 필수 원칙(정보구조·시인성·구매이유)을 기준으로 이미지별 피드백을 받을 수 있습니다.
이 페이지에서는 이미지를 수집하거나 전송하지 않습니다. 참고용 제안이며 최종 판단과 심사는 담당자가 진행합니다.