Thumbnail

braze

브레이즈 Webhook 캠페인으로 맞춤형 배너 기반 A/B 테스트 운영하기

Why

바비톡은 특정 타겟의 유저에게 맞춤 기획전을 노출하고자 했습니다. (ex. 쌍꺼풀 관심 유저에게 쌍꺼풀 기획전 노출) 이 작업은 개발 리소스가 들었고, 따라서 마케터와 개발자의 리소스를 최소화하고자 하는 니즈가 있었습니다.

Action Item

바비톡은 앱 내 특정 지면을 변경할 수 있는 API를 개발했습니다. 다음으로 브레이즈에서 해당 API를 활용한 Webhook 캠페인을 통해 기획전 배너를 손쉽게 변경할 수 있도록 구현했습니다.

Impact

브레이즈의 타겟팅 기능을 통해 각 기획전 배너를 의도한 특정 타겟에게만 맞춤형으로 노출하는 것이 가능해졌습니다. 그로 인해 기획전 별 이벤트 상담 신청 전환율을 큰 폭으로 끌어올리는 성과를 거둘 수 있게 되었습니다.

💡 이런 고민이 있는 분께 이 페이퍼를 추천해요

이런 고민이 있는 분께 이 페이퍼를 추천해요

  • 개발자 도움 없이 간편하게 배너 교체를 하고 싶은 분

  • 고객 행동에 기반한 개인화된 배너 노출 방법을 고민하는 분

  • 배너 A/B 테스트를 체계적이고 주도적으로 진행하고 싶은 마케터


배경

바비톡

Your Blooming Beauty Companion

아름답고 아이코닉한 삶을 만드는 뷰티 파트너 [바비톡]

대한민국 1등 성형/시술 정보 플랫폼 바비톡은 국내/외 총 14개 계열사를 운영하는 원익그룹에 편입되어 탄탄한 자본 구조를 바탕으로 미용/의료 시장의 패러다임을 만들어 가고 있습니다. 정보 비대칭이 심한 성형/뷰티 의료 시장에서 서비스 이용자가 올바른 선택을 할 수 있도록 균형 잡힌 정보 제공을 통해 고객 가치를 창출하고 있습니다.

⏩️ 바비톡 서비스 경험하기

Needs

바비톡은 다양한 기획전을 운영하면서, 각 기획전 배너를 관련 콘텐츠에 관심을 보인 특정 유저들에게만 맞춤형으로 노출하고자 했습니다. 예를 들어 [쌍꺼풀] 기획전 배너는 [쌍꺼풀]을 검색하거나 조회한 유저에게, [코 성형] 기획전 배너는 [코 성형]에 관심을 보인 유저에게 선별적으로 노출하고자 했습니다. 하지만 맞춤형 배너 노출, 소재 교체, 배너 문구 A/B 테스트 등을 진행할 때마다 개발팀의 도움이 필요했고, 이는 업무 효율성 저하로 이어졌습니다. 그래서 개발팀의 별도 지원 없이 자율적으로 기획전 배너를 관리하고, 기획전 특성에 맞는 유저들에게 배너를 노출하는 기능이 필요한 상황이었습니다.


액션 아이템

Strategy

바비톡 개발팀에서는 앱 내 특정 지면을 변경할 수 있는 API를 개발했습니다. 바비톡 서버에서는 API 요청을 받으면 요청받은 내용대로 해당 지면을 변경하는 작업을 수행합니다. 바비톡 CRM 팀에서는 브레이즈 Webhook 캠페인을 활용해, 마케터가 브레이즈를 통해 해당 API에게 지면 변경 작업을 요청할 수 있도록 하는 업무 플로우를 구성했습니다.

바비톡 앱 내 배너 지면

바비톡 앱 내 배너 지면

Webhook 캠페인이란?

웹훅(Webhook)이란 특정 이벤트가 발생했을 때 서버 간 실시간으로 데이터를 전송할 수 있는 기술을 의미합니다. 브레이즈에서는 Webhook 캠페인을 통해 외부 서버로 API Request를 전송하여, 해당 요청을 받은 서드 파티 혹은 내부 서버에서 원하는 작업을 수행할 수 있는 기능을 제공합니다.

예를 들면 카카오 알림톡이나 친구톡, 문자 메시지와 같이 브레이즈에서 직접 지원하지 않는 외부 채널에 메시지를 보내고 싶을 때 Webhook 캠페인을 사용할 수 있습니다. 혹은 사내 서버로 데이터를 전송하거나 유저의 알림함에 푸시 메시지를 적재하고 싶을 때도 Webhook 캠페인을 활용합니다. 보다 자세한 내용은 아래의 가이드 및 아티클을 참고하세요.

브레이즈 Webhook 기반 타겟팅 배너 노출로 추천 구좌 구현

바비톡은 브레이즈의 Webhook 기능을 활용해 유저의 특정 행동 데이터를 기반으로 타겟팅 배너를 유연하게 노출하는 전략을 실행했습니다. 관심사 기반의 맞춤형 배너를 타겟 유저에게 노출함으로써, 배너와 기획전 간의 연결성을 강화하고 자연스럽게 상담 신청 전환율을 높이고자 했습니다.

먼저, 트리거를 활용한 기획전 배너를 노출했습니다. 특정 행동(예: 검색, 특정 카테고리 조회 등)이 발생하면 이를 트리거로 삼아 해당 유저에게 맞춤형 기획전 배너를 노출했습니다. 예를 들어, 필러 후기를 조회한 유저에게 필러 관련 기획전 배너를 보여주는 방식으로, 유저의 관심사와 연관된 메시지를 전달할 수 있었습니다.

다음으로는 A/B 테스트로 맞춤형 배너의 캠페인 효과를 검증했습니다. 브레이즈의 A/B 테스트 기능을 통해 대조군(배너 미노출)과 실험군(배너 노출)을 비교하며 맞춤형 배너 캠페인의 효과를 검증했습니다.

How to do

[Step 1] 앱 내 배너 지면 확보 및 API 개발

Webhook 캠페인을 운영하기에 앞서, CRM 마케터가 기획전 배너를 운영할 수 있는 지면을 확보합니다. 지면을 변경할 수 있는 내부 ‘배너 변경 API’가 구축되어 있어야 Webhook 캠페인을 활용할 수 있습니다.

배너 변경 API는 내부 어드민에서 사전에 설정할 수 있는 기획전의 정보와, Webhook으로 API Request를 전송했을 때 마케터가 입력해야 하는 정보들을 고려하여서 기획합니다.

배너 변경 API 요청 및 처리 단계

배너 변경 API 요청 및 처리 단계

바비톡의 경우, 배너 변경 API에 필요한 파라미터들은 대략적으로 다음과 같았습니다.

파라미터

설명

campaign_id

Braze Campaign의 고유 식별자

user_id

Webhook 캠페인에 노출될 사용자 식별을 위한 ID

crm_exhibition_id

바비톡 어드민에서 사전에 세팅한 기획전 정보

title

배너에 표시될 메인 타이틀

sub_title

배너에 표시될 서브 타이틀

section

배너가 표시될 섹션 정보

[Step 2] Webhook 캠페인 세팅

(1) Compose Messages

‘배너 변경 API’에 맞는 규격대로 Webhook 캠페인을 세팅합니다. 바비톡 내부 어드민에서 관리되는 기획전 id와 실제로 배너에 노출되고자 하는 문구 등을 입력합니다. 바비톡의 경우 내부 어드민에서 기획전 별로 배너를 통해 이동하는 기획전 딥링크 주소와, 배너 이미지 등이 관리될 수 있도록 API가 세팅되어 있었습니다.

웹훅 캠페인 Compose Message 단계의 설정 예시

웹훅 캠페인 Compose Message 단계의 설정 예시

(2) Schedule Delivery

기획전에 맞는 타겟에게만 맞춤형 배너가 노출될 수 있도록 Trigger Action을 선택합니다. 예를 들어서 [쌍커풀]이라는 키워드로 검색(search for content)을 수행한 유저를 대상으로 [쌍커풀] 관련 기획전 배너를 노출시킬 수 있습니다. 검색 뿐만 아니라 찜이나 노출 등을 수행한 유저들을 대상으로 기획전 배너를 맞춤으로 노출할 수 있습니다.

Trigger Action 설정을 통해 기획전 별 배너 맞춤 노출

Trigger Action 설정을 통해 기획전 별 배너 맞춤 노출

(3) Target Audience, Assign Conversions

Target Audience에서는 연령대 및 성별, 관심사 별로 유저의 Custom Attribute 속성에 따라서 기획전 배너를 맞춤으로 노출할 수 있도록 설정합니다. 위에서 설정한 Trigger Action과 조합되어서 운영중인 기획전에 딱 맞는 유저들에게만 배너가 완벽하게 맞춤으로 노출될 수 있습니다.

Assign Conversions에서는 운영하는 기획전 배너에서 측정하고자 하는 Custom Event를 설정합니다.

[Step 3] Webhook 캠페인 라이브

위에서 설정한 이후 캠페인을 라이브 하면 설정한 조건(e.g. [쌍커풀] 검색)에 맞는 유저에게 해당 기획전 배너가 맞춤형으로 노출됩니다.

검색어에 따른 앱 내 배너 변경 화면 예시

검색어에 따른 앱 내 배너 변경 화면 예시


Impact

개발 리소스 없이 마케터 주도로 맞춤형 배너 운영

브레이즈 Webhook 캠페인 운영 이후, CRM 마케터는 개발팀의 도움 없이도 기획전 배너의 교체와 실험을 독립적으로 수행할 수 있게 되었습니다. 이로 인해 마케팅 캠페인 운영의 유연성과 속도가 크게 개선되었습니다.

특히 Webhook Variant 기능을 활용해 진행된 A/B 테스트를 운영할 수 있게 된 것이 큰 변화였는데요. 예를 들어 [쌍커풀] 관련 이벤트를 조회한 유저를 대상으로 대조군(Control Group)과 3개의 실험군(Variants)을 설정하고, 서로 다른 문구 및 디자인의 배너를 노출해 각각의 성과를 비교했습니다. 이 과정에서 가장 높은 전환율을 보인 Variant를 최종 선택해 전체 유저에게 적용함으로써 캠페인 성과를 극대화했습니다.

이런 업무 프로세스를 가지게 되면서, 마케터가 데이터를 기반으로 서비스 내 배너 캠페인을 최적화할 수 있게 되었고, 맞춤형 배너 디자인과 문구를 발굴해 마케팅 ROI를 지속적으로 개선할 수 있게 되었습니다.

개인화된 맞춤형 배너 노출로 전환율 34.6% 증가

브레이즈의 타겟팅 기능은 유저의 행동 데이터를 기반으로 개인화된 배너를 노출하는 데 중요한 역할을 했습니다. 특정 조건(검색, 조회, 찜 등)을 설정해 유저의 관심사와 연관된 기획전 배너를 정확히 전달할 수 있었습니다.

예를 들어, [필러] 후기를 조회한 유저에게 [필러 기획전] 배너를 노출하거나, [코 성형]을 검색한 유저에게 관련 이벤트 배너를 보여주는 방식으로, 각 유저의 니즈를 충족하는 맞춤형 메시지를 전달했습니다. 이 전략은 유저 참여도를 높이고 상담 신청 전환율을 크게 개선하는 데 기여했습니다. 특히, 3일 내 상담 신청 전환율이 배너 미노출군인 컨트롤 그룹 대비 34.6% 상승하며, 맞춤형 배너 노출의 효율성을 입증했습니다.

데이터 중심의 실험으로 제품 개선 가속화

프로덕트팀은 브레이즈 Webhook의 A/B Testing 기능을 적극 활용하여, 내부 개발팀의 도움 없이도 다양한 제품 실험과 검증을 수행할 수 있었습니다. 특히, 추천 로직 테스트에서는 사용자의 특정 행동 데이터를 바탕으로 추천 전략의 효과를 빠르게 검증할 수 있었습니다.

예를 들어 아래의 조건 중 어떤 유저에게 제품이 추천되었을 때 가장 전환율이 좋을지에 대한 액션을 테스트하여서, 성공율이 높은 제품 개발을 하는데 큰 도움을 받을 수 있었습니다.

  • 특정 카테고리를 N번 조회한 사용자

  • 특정 카테고리를 N번 검색한 사용자

  • 특정 카테고리를 N번 찜한 사용자

기존에는 이러한 실험을 위해 개발팀의 리소스가 필요했지만, 브레이즈의 타겟팅 기능을 통해 별도의 개발 없이도 조건별 전환율을 비교 분석할 수 있었습니다.

더불어 신규 기능 개발에 필요한 PoC(Proof of Concept) 과정도 한층 효율적으로 진행되었습니다. 대조군(Control Group)과 배너 노출군(Variant Group)을 설정하여, 새로운 기능을 50%의 유저에게만 노출한 후 전환율과 사용자 반응을 비교하며 기능의 효과를 검증할 수 있었습니다.

이러한 데이터 중심의 실험은 빠르고 정교한 의사결정을 가능하게 했으며, 제품 개선과 캠페인 최적화를 동시에 이루는 데 큰 기여를 했습니다.


Key Takeaways

"웹훅 캠페인을 단순히 카카오 친구톡을 보낼 수 있는 메시징 채널로만 오해하기가 쉽습니다. 하지만 내부 개발팀에서 필요한 API개발을 지원해주실 수 있는 환경이라면, 웹훅 캠페인을 통해서 구현할 수 있는 한계는 거의 없습니다. 바비톡의 사례를 참고하여서, 브레이즈를 통해서 마케터가 주도적으로 실험할 수 있는 환경을 구축해보시는 것을 권장드립니다. "

AUTHORS

김기환 Kihwan Kim ∙ AB180 ∙ Customer Success Manager

김기환 Kihwan Kim ∙ AB180 ∙ Customer Success Manager

Airbridge, Braze, Amplitude를 활용하는 다양한 버티컬의 고객사를 담당하고 있습니다. 데이터 설계, 솔루션 연동, Full Cycle 마케팅 전략, 리텐션 개선 전략까지 솔루션 도입과 활용을 전문적으로 지원합니다.