콘텐츠 레퍼런스 사이트와 디자인 레퍼런스 사이트, 무엇을 골라야 하나?
짧은 답. 콘텐츠 레퍼런스와 디자인 레퍼런스는 찾는 곳이 다르다. 디자인(비주얼, 레이아웃, 타이포)은 Behance, Dribbble, 노트폴리오, Pinterest, Lapa.ninja처럼 작업물을 모아 둔 갤러리에서 찾는다. 콘텐츠(무엇을 말해서 반응을 얻었는가)는 실제로 집행되고 반응이 남은 곳, 즉 메타 광고 라이브러리, TikTok Creative Center, KOAD.ai 같은 광고 아카이브에서 찾는다. 예쁜 것과 팔린 것은 다른 사이트에 있다.
"레퍼런스 사이트 추천"을 검색하면 디자인 갤러리 목록이 먼저 나온다. 그 목록은 틀리지 않지만 절반이다. 갤러리에 올라온 작업물은 실제로 집행됐는지, 반응이 있었는지 알 수 없다. 반대로 광고 라이브러리에 있는 소재는 반응이 남아 있지만 예쁘지 않은 경우가 많다. 아래에 두 종류를 나눠 사이트를 정리하고, 마지막에 둘을 한 소재로 합치는 순서를 적었다. KOAD는 K-뷰티 광고를 수집·분류·판정하는 광고 인텔리전스 SaaS다.
디자인 레퍼런스와 콘텐츠 레퍼런스는 왜 따로 봐야 하나
디자인 레퍼런스는 "어떻게 보이게 할까"의 답이다. 색, 여백, 글자, 구도, 톤. 콘텐츠 레퍼런스는 "무엇을 말할까"의 답이다. 어떤 고민을 건드리고, 어떤 증거를 대고, 어떤 오퍼로 닫는가. 둘은 출처가 다르다. 디자인은 완성도로 골라진 갤러리에 있고, 콘텐츠는 돈이 들어가 집행된 광고 안에 있다.
둘을 섞어 보면 흔한 사고가 난다. 디자인 갤러리에서 예쁜 시안을 골라 그대로 광고를 만들었는데 반응이 없거나, 반대로 라이브러리에서 잘 팔리는 소재를 보고 톤을 그대로 따라 해 브랜드가 싸 보이는 경우다. 콘텐츠를 먼저 정하고 디자인으로 입히는 순서가 맞다.
디자인 레퍼런스 사이트 8곳
| 사이트 | 비용 | 강점 | 뷰티 마케터가 쓸 때 |
|---|---|---|---|
| Behancebehance.net | 무료 | 캠페인 대표 이미지, 패키지, 브랜드 디자인의 작업 과정까지 공개 | 런칭 캠페인의 비주얼 방향, 패키지와 광고 톤을 맞출 때 |
| Dribbbledribbble.com | 무료 | UI, 아이콘, 모션 등 짧은 샷 단위 디자인 | 앱·랜딩의 버튼, 카드, 배지 같은 작은 요소를 볼 때 |
| Pinterestpinterest.com | 무료 | 이미지 검색과 보드 저장이 가장 빠름 | 무드보드, 색 조합, 촬영 구도를 모을 때 |
| 노트폴리오notefolio.net | 무료 | 국내 디자이너 포트폴리오, 한글 타이포 사례 | 한글 헤드라인 조판과 국내 정서의 상세페이지 시안을 볼 때 |
| Lapa.ninjalapa.ninja | 무료 | 랜딩 페이지 첫 화면 모음, 업종별 분류 | 상세페이지·랜딩 첫 화면 구성을 볼 때 |
| Land-bookland-book.com | 무료 | 랜딩 페이지 전체 스크롤 캡처 | 페이지 전체 흐름(첫 화면부터 CTA까지)을 볼 때 |
| Awwwardsawwwards.com | 무료 | 웹 디자인 수상작, 인터랙션 완성도 | 브랜드 사이트의 인터랙션과 모션 수준을 가늠할 때 |
| Mobbinmobbin.com | 일부 무료 | 실제 앱 화면 플로우를 화면 단위로 아카이브 | 앱 온보딩, 결제, 리뷰 화면 흐름을 볼 때 |
공통 한계는 하나다. 여기 있는 작업물은 실제로 집행됐는지, 반응이 있었는지 알 수 없다. 디자인 톤을 정할 때만 쓰고, "이렇게 하면 팔린다"의 근거로는 쓰지 않는다.
콘텐츠 레퍼런스 사이트 5곳
| 사이트 | 비용 | 무엇이 남아 있나 | 뷰티 마케터가 쓸 때 |
|---|---|---|---|
| 메타 광고 라이브러리 | 무료 | 지금 집행 중인 인스타·페이스북 광고의 카피와 소재, 게재 시작일 | 경쟁 브랜드가 지금 무엇을 말하는지 광고주 단위로 볼 때 |
| TikTok Creative Center | 무료 일부 로그인 | 상위 광고, 인기 해시태그·음원 | 숏폼에서 어떤 훅과 음원이 반응을 얻는지 볼 때 |
| 구글 광고 투명성 센터 | 무료 | 검색·유튜브·디스플레이 광고의 문구와 영상 | 검색 광고 문구와 유튜브 광고 메시지를 광고주별로 볼 때 |
| 인스타그램·유튜브 검색 | 무료 | 오가닉 게시물·릴스·쇼츠의 조회수, 댓글 | 광고가 아닌 콘텐츠에서 어떤 고민과 표현이 반응을 얻는지 볼 때 |
| KOAD.ai 광고 아카이브koad.ai/browse | 탐색 무료 | K-뷰티 Meta·TikTok 광고의 게재 일수, 구조 배지, 오퍼 신호, 카피 원문, TikTok 반응 수 | 화장품 광고 중 오래 살아남은 소재가 무엇을 말하는지, 어떤 구조인지 볼 때 |
이쪽의 공통 한계는 "예쁘지 않다"는 것과, 성과 자체는 공개되지 않는다는 것이다. 반응의 근거는 게재 기간(광고주가 예산을 계속 썼는가)과 오가닉의 조회·댓글이다.
반응이 남은 콘텐츠 레퍼런스: KOAD.ai에서 보는 법
KOAD.ai는 화장품 광고만 다루는 콘텐츠 레퍼런스 아카이브다. 광고마다 며칠째 게재 중인지(게재 일수), 어떤 구조인지(UGC, 시연, 비포애프터, 리스트, 제품 단독, 정보/세일), 어떤 오퍼인지(1+1, 쿠폰·할인, 사은품, 특가 마감 임박 등)를 배지로 붙여, "무엇을 말한 소재가 오래 살아남았나"를 목록에서 읽을 수 있다.
트렌드 인사이트는 브랜드별로 최근 7일에 새 광고를 얼마나 냈는지, 기존 소재를 얼마나 교체했는지, 어느 카테고리가 움직이는지를 매일 새벽 갱신한다. 시장이 지금 어떤 이야기를 늘리고 있는지 보는 용도다.
참고할 소재는 보드에 저장한다. 카피 첫 줄이 함께 보이므로 디자인 보드와 달리 "무엇을 말했는지"가 남는다. 저장과 탐색은 무료이고 회원가입 없이 둘러볼 수 있다.
두 레퍼런스를 한 소재로 합치는 순서
- 콘텐츠부터 정한다.KOAD 검증 탭이나 메타 광고 라이브러리에서 오래 살아남은 소재 5~10개를 골라 무엇을 말하는지(고민, 증거, 오퍼)를 적는다. 여기서 이번 소재의 한 줄 메시지를 정한다.
- 구조를 고른다.그 메시지에 맞는 구조 유형(시연, 비포애프터, 리스트, 제품 단독)을 광고 소재 구조 유형에서 고른다.
- 디자인 레퍼런스로 톤을 입힌다.Behance, 노트폴리오, Pinterest에서 브랜드 톤에 맞는 색, 글자, 구도를 모은다. 메시지와 구조는 바꾸지 않는다.
- 표현을 점검한다.화장품이면 효능 표현을 쓸 수 없는 표현에 대조한다. 레퍼런스에 있던 표현이라고 안전하지 않다.
- 랜딩을 맞춘다.소재가 약속한 것을 상세페이지가 받아 주는지 상세페이지 구성 체크리스트로 본다.
자주 하는 실수
- 디자인 레퍼런스만 모아 예쁜 소재를 만든다. 반응이 없는 이유의 절반이 여기 있다. 무엇을 말할지가 먼저다.
- 반응이 없는 사례를 레퍼런스로 쓴다. 갤러리의 시안, 사흘 만에 내려간 광고는 근거가 아니다. 게재 기간과 조회·댓글을 본다.
- 해외 사례의 정서를 그대로 옮긴다. 구조는 옮기고 표현과 톤은 국내에 맞춰 다시 쓴다.
- 저작물을 복제한다. 카피, 이미지, 영상, 폰트는 저작물이다. 빌릴 수 있는 것은 구조와 오퍼 방식이다.
- 저장하지 않는다. Pinterest 보드든 KOAD 보드든 표든, 출처와 날짜를 남긴다. 레퍼런스는 다시 찾을 때 가치가 생긴다.
자주 묻는 질문
디자인 레퍼런스 사이트 중 무료는 어디인가요?
Behance, Dribbble, Pinterest, 노트폴리오, Lapa.ninja, Land-book, Awwwards는 무료로 열람할 수 있다. Mobbin은 일부 화면만 무료다.
콘텐츠 레퍼런스 사이트란 무엇인가요?
디자인이 아니라 "무엇을 말해서 반응을 얻었는가"를 볼 수 있는 곳이다. 실제로 집행된 광고가 남아 있는 메타 광고 라이브러리, TikTok Creative Center, 구글 광고 투명성 센터, 오가닉 반응이 보이는 인스타그램·유튜브 검색, 그리고 화장품 광고를 게재 일수와 구조로 정리한 KOAD.ai가 여기 속한다.
화장품 상세페이지 디자인 레퍼런스는 어디서 보나요?
랜딩 구성은 Lapa.ninja와 Land-book, 국내 정서의 상세페이지 시안은 노트폴리오에서 본다. 실제 판매 중인 상세페이지는 커머스 플랫폼의 카테고리 상위 상품을 직접 여는 편이 빠르다. 내 상세페이지에 무엇이 빠졌는지는 KOAD.ai 상세페이지 빈틈 진단으로 확인할 수 있다.
Pinterest와 Behance는 어떻게 다른가요?
Pinterest는 이미지 검색과 보드 저장이 빠른 무드보드 도구이고 출처가 불분명한 이미지가 많다. Behance는 디자이너가 프로젝트 단위로 작업 과정과 결과를 올리는 포트폴리오 플랫폼이라 캠페인 비주얼의 맥락을 볼 수 있다.
KOAD.ai는 디자인 레퍼런스 사이트인가요?
아니다. KOAD.ai는 실제로 집행된 K-뷰티 광고를 게재 일수, 구조, 오퍼로 정리한 콘텐츠·구조 레퍼런스 아카이브다. 비주얼 톤은 디자인 갤러리에서, 메시지와 구조는 KOAD에서 가져오는 조합이 맞다.
레퍼런스는 어떻게 저장·관리하나요?
디자인은 Pinterest 보드나 Behance 컬렉션에, 콘텐츠는 KOAD.ai 보드나 표(브랜드, 매체, 날짜, 카피, 오퍼, 랜딩)에 저장한다. 출처와 본 날짜를 반드시 남기고, 팀이 함께 쓴다면 보드 이름을 캠페인이나 목적 단위로 나눈다.