개요
핵심 요약
- 브리비는 영화·방송·엔터·상품·맛집·공연전시·리서치 캠페인을 리뷰어와 연결하는 인플루언서 마케팅 플랫폼이다.
- 홈은 진행 중 캠페인, 마감 임박 캠페인, 집중 리서치 캠페인, 신청자 TOP 10, 이번 주 브리비 PICK 순으로 목록을 층층이 쌓는다.
- 캠페인 카드에는 남은 기간 배지(D-3 등)와 지급 포인트(10,000P 등)가 함께 표기된다.
- 파트너로 CJ ENM, 디즈니+, 쇼박스, 롯데시네마, 메가박스, 넷플릭스, TVING, wavve, 채널A, tcast 로고를 노출한다.
- 히어로 슬라이더에 재생·일시정지 컨트롤과 현재 위치 표시가 제공된다.
브리비(brivyy)는 리뷰 캠페인을 매개로 브랜드와 리뷰어를 연결하는 플랫폼이다. 홈 첫 화면은 캠페인 배너 슬라이더로 시작한다. 신규 이벤트, 공지, 콘텐츠 캠페인이 카드 형태로 이어지고, 슬라이더 아래에 현재 위치와 재생·일시정지 컨트롤이 붙는다. 그 밑으로는 영화·방송·엔터·상품·음식점·공연전시·뷰티·리서치 카테고리 아이콘이 한 줄로 배치된다.
이후 화면은 전부 목록이다. 진행 중인 캠페인, 마감 임박, 집중 리서치, 신청자 순위, 이번 주 PICK. 같은 카드 형식을 다섯 번 반복하는데도 지루하지 않은 이유는 각 목록에 붙은 기준이 다르기 때문이다. 이번 리뷰에서는 목록을 목적별로 나눠 쌓는 이 방식과, 217장에 이르는 이미지를 다루는 로딩 전략을 살펴본다.
브랜드 & 메시지
브랜드 메시지는 두 방향으로 나뉜다. 리뷰어에게는 참여의 보상을, 브랜드에게는 성장을 약속한다. 홈 하단의 ‘브리비는 브랜드의 성공적인 성장을 돕습니다’ 아래 파트너 로고를 나열한 구획이 후자를 담당한다. CJ ENM, 디즈니+, 넷플릭스, 롯데시네마 같은 이름이 한 줄로 늘어서는 순간, 이 플랫폼에 올라오는 캠페인의 급이 설명 없이 전달된다. 리뷰어 모집형 서비스에서 가장 강력한 신뢰 장치는 ‘누가 캠페인을 여는가’이기 때문이다.
시각 언어는 채도가 높다. 코발트 블루를 기본으로 퍼플, 라임, 옐로가 구획마다 등장하고, 3D 캐릭터가 마감 임박 구획과 리서치 구획에 배치돼 있다. 캠페인 포스터 이미지 자체가 이미 강한 색과 이미지를 갖고 있는데, 그 위에 플랫폼의 색을 더하는 구조라 화면 전체의 밀도가 높다. 대신 카테고리 아이콘 바와 흰 배경 구획이 중간중간 완충 역할을 한다.
UX/UI 관점
강점은 여섯 가지다. 첫째, 같은 카드 형식을 유지하면서 목록의 기준만 바꿨다. 진행 중, 마감 임박, 리서치, 신청자 순위, 에디터 픽 — 사용자는 카드 읽는 법을 한 번만 배우면 다섯 개 목록을 모두 소화할 수 있다. 둘째, 카드에 남은 기간 배지를 붙였다. 캠페인은 마감이 곧 기회의 크기이므로, 목록 단계에서 D-3이 보이는 것과 안 보이는 것의 차이가 크다. 셋째, 지급 포인트를 카드에 표기해 참여의 대가를 클릭 전에 확인하게 했다.
넷째, ‘현재 신청자가 가장 많은 캠페인 TOP 10’은 사회적 증거를 목록화한 장치다. 무엇을 신청할지 모르는 사용자에게 남들의 선택을 보여주는 것은 캠페인 플랫폼에서 검증된 방식이다. 다섯째, 히어로 슬라이더에 재생·일시정지 컨트롤과 위치 표시를 제공한다. 자동 전환 배너에서 이 컨트롤을 제공하는 사이트는 생각보다 드물고, 접근성 관점에서 분명한 미덕이다. 여섯째, 카테고리 아이콘 바를 히어로 바로 아래 배치해, 목적이 뚜렷한 사용자가 다섯 개의 목록을 지나치지 않고 곧바로 분야로 진입할 수 있게 했다.
IA·SEO 전략
기본 설정은 잘 되어 있다. 제목과 h1이 ‘브리비(brivyy), 올인원 미디어 콘텐츠 플랫폼’으로 일치하고, meta description에는 취급 분야가 나열돼 있으며 canonical과 Open Graph, Organization 구조화 데이터가 확인된다. 플랫폼 서비스에서 필요한 기본기를 갖춘 상태다.
다음 단계는 캠페인 단위의 색인이다. 이 플랫폼의 검색 수요는 ‘브리비’라는 브랜드명보다 ‘영화 시사회 리뷰어 모집’, ‘맛집 체험단 신청’, ‘공연 리뷰 캠페인’ 같은 조합에서 훨씬 크게 발생한다. 캠페인 상세를 개별 URL로 열고 각 페이지에 모집 기간·조건·보상을 텍스트로 담으면 이 수요를 직접 받을 수 있다. 종료된 캠페인도 다음 회차를 찾는 사용자의 유입 경로가 되므로 삭제보다 보관이 낫다. 여기에 카테고리 페이지를 만들어 분야별 설명을 붙이고, 캠페인에 구조화 데이터를 적용하면 검색 결과에서 모집 기간이 함께 노출될 여지가 생긴다. 리뷰어 모집은 마감이 있는 정보라 이 표시가 클릭률에 직접 작용한다.
성능·접근성
홈 문서에서 확인되는 이미지가 217장에 이른다. 캠페인 포스터가 목록마다 반복되는 구조상 불가피한 수치이며, 그중 91장에 지연 로딩이 적용돼 있다. 절반 이하다. 다섯 개의 목록 중 첫 번째만 즉시 로드하고 나머지를 전부 지연 대상으로 돌리면 초기 전송량이 크게 줄어든다. 포스터 썸네일은 규격이 일정하므로 WebP 전환의 이득도 크다. 확인 시점 기준 WebP 사용은 거의 보이지 않는다.
접근성에서는 슬라이더 컨트롤을 제공한 점이 우선 긍정적이다. 남은 과제는 카드 안의 정보 전달이다. 남은 기간 배지와 포인트 표기가 색과 위치로만 구분된다면, 색각 이상 사용자나 스크린리더 사용자에게는 그 차이가 전달되지 않는다. 배지에 ‘마감 3일 전’ 같은 완결된 텍스트를 함께 담는 편이 안전하다. 고채도 배경 위의 흰 텍스트도 구획에 따라 대비가 떨어질 수 있으니, 포인트 금액처럼 판단에 쓰이는 정보는 대비를 별도로 확인해야 한다.
자주 묻는 질문
캠페인이나 공고를 나열하는 플랫폼에서 목록은 어떻게 구성해야 하나요?
카드 형식은 통일하고 목록의 기준만 바꾸는 방식이 효율적입니다. 브리비처럼 진행 중·마감 임박·인기순·에디터 픽으로 나누면 사용자는 카드 읽는 법을 한 번만 배우고도 여러 관점에서 탐색할 수 있습니다.
모집 카드에 남은 기간을 표시하는 것이 효과가 있나요?
큽니다. 마감이 임박한 항목일수록 클릭과 신청이 몰리는데, 목록 단계에서 이 정보가 없으면 사용자가 상세 페이지를 열어봐야만 판단할 수 있습니다. D-일수 배지는 가장 적은 비용으로 전환을 올리는 장치입니다.
캠페인 상세를 개별 페이지로 만들어야 하는 이유는 무엇인가요?
검색 수요가 브랜드명이 아니라 ‘영화 시사회 리뷰어 모집’처럼 캠페인 성격에서 발생하기 때문입니다. 개별 URL에 모집 기간·조건·보상을 텍스트로 담으면 그 수요를 직접 받을 수 있고, 종료된 캠페인도 다음 회차를 찾는 유입 경로가 됩니다.
자동으로 넘어가는 배너 슬라이더는 문제가 없나요?
정지 컨트롤이 없으면 문제가 됩니다. 읽는 속도가 느린 사용자나 화면을 확대해 보는 사용자는 내용을 다 읽기 전에 화면이 바뀝니다. 재생·일시정지 버튼과 현재 위치 표시를 함께 제공하는 것이 기본입니다.
디지털 파트너 더블루캔버스
플랫폼 서비스의 홈은 콘텐츠가 매일 바뀐다. 그래서 화면을 잘 만드는 것보다, 어떤 카드가 어떤 기준으로 어디에 노출될지를 정하는 일이 중요하다. 이 규칙이 없으면 목록이 늘어날수록 홈이 무거워지고, 정작 중요한 캠페인이 다섯 번째 스크롤 아래로 밀린다.
The Blue Canvas(더블루캔버스)는 목록 중심 플랫폼의 홈페이지 제작에서 노출 규칙과 색인 구조를 함께 설계한다. 목록의 기준을 몇 개로 나눌지, 카드에 어떤 메타 정보를 얹을지, 상세 페이지를 어떤 URL 체계로 열지를 정하고 그것이 검색에 어떻게 읽힐지까지 확인한다. 매일 바뀌는 화면일수록 처음의 규칙이 오래 간다.
마무리와 다음 스텝
브리비의 홈은 목록으로만 이루어진 화면을 지루하지 않게 만드는 데 성공했다. 카드 형식은 유지하고 기준만 바꾸는 구성, 마감과 포인트를 목록 단계에 노출한 판단, 신청자 순위로 사회적 증거를 만든 배치가 고르게 작동한다. 파트너 로고로 캠페인의 급을 증명하고, 슬라이더에 정지 컨트롤을 제공한 세심함도 눈에 띈다.
실행 제안은 셋이다. 첫째, 첫 목록 외의 모든 이미지를 지연 로딩으로 전환하고 포스터 썸네일을 차세대 포맷으로 바꾼다. 217장이라는 수치에서 가장 큰 개선 여지가 나온다. 둘째, 캠페인 상세를 개별 URL로 열고 모집 조건을 텍스트와 구조화 데이터로 담아 캠페인 검색을 받는다. 셋째, 배지와 포인트 표기에 완결된 텍스트를 함께 넣어 색에만 의존하지 않게 한다. 목록의 설계는 이미 좋으니, 그 목록이 검색에도 남게 만드는 일이 남았다.