CASE STUDY

CPA천국

제휴마케팅 플랫폼

웹사이트 클라이언트 CPA천국 (cpaheaven.co.kr) HTML CSS JavaScript PHP MySQL 조회 123

Overview

프로젝트 개요

제휴 마케터(어필리에이트)를 위한 CPA(성과형) 광고 상품 리스트업 및 수익 정산 플랫폼.

Background

수기로 감당하기 어려운 제휴마케팅 정산

제휴마케팅(CPA) 사업은 수백 개의 광고 상품과 다수의 마케터, 그리고 매일 발생하는 성과 데이터가 실시간으로 얽히는 구조입니다. 클라이언트인 CPA천국(cpaheaven.co.kr)은 이 복잡한 정산·운영 업무를 수기로 감당하기 어려운 단계에 이르렀습니다.

마케터에게는 신뢰할 수 있는 성과 지표와 편리한 홍보 도구를, 운영자에게는 전체 사업을 한눈에 통제할 관리 체계를 제공하는 것이 목표였습니다. O2O Mate는 '마케터가 믿고 활동할 수 있는 투명성'과 '운영자가 확장 가능한 자동화'라는 두 축을 동시에 만족시키는 방향으로, 회원용 프론트 포털과 운영자용 관리자 백오피스를 한 몸으로 설계했습니다.

Approach

노출 → 홍보 자산 배포 → 성과 집계 → 지급

하나의 정산 로직으로 연결한 두 화면

마케터 메인 포털

로그인한 마케터를 중심으로 배너 슬라이더·머천트리스트·수익확인·홍보자료·프로모션·고객센터 동선을 정리하고, DB 순위·확정률 순위·관심 머천트 순위를 실시간 랭킹으로 배치해 데이터로 상품을 판단하게 했습니다.

머천트 상세 · 홍보 자산 배포

교육/자격증·보험/금융·다이어트·웨딩/허니문·창업 등 12개 카테고리 탭으로 분류하고, 상세정보·홍보링크·홍보자료·홍보배너·프로모션·공지사항 탭에서 홍보에 필요한 자산과 'DB 취소 기준'을 한 화면에 제공합니다.

관리자 백오피스

머천트 리스트·수입/관리·광고사/회원관리·프로모션 관리·홍보 관리·게시판 관리·설정관리·통계 8개 영역으로 구성해, 700건이 넘는 머천트를 카테고리·기간·상태·정렬 조건으로 필터링하고 진행/대기 상태를 일괄 관리합니다.

Screen 01

마케터 메인 포털

메인 포털은 상단 배너 슬라이더로 주력 프로모션을 노출하고, 머천트리스트·수익확인·홍보자료·프로모션·고객센터 메뉴로 활동 동선을 정리했습니다. 메인 화면에는 DB 순위·확정률 순위·관심 머천트 순위를 실시간 랭킹으로 배치해 어떤 상품이 실제로 수익이 잘 나는지 데이터로 판단하도록 했고, 마일리지 지급 안내·1:1 질문답변·누적수익금 랭킹 위젯으로 참여 동기를 강화했습니다.

CPA천국 마케터 메인 포털 화면

마케터 메인 포털 — 배너 슬라이더와 DB 순위·확정률 순위·관심 머천트 순위 실시간 랭킹, 하단 머천트 카드 리스트 (cpaheaven.co.kr)

Screen 02

머천트 상세 · 홍보 자산

머천트 상세 페이지는 12개 카테고리 탭으로 분류되며, 상품별 기간·커미션·확정 수익금 정보와 함께 상세정보·홍보링크·홍보자료·홍보배너·프로모션·공지사항 탭을 제공합니다. 마케터는 이 한 화면에서 홍보에 필요한 모든 자산을 내려받고, 'DB 취소 기준'까지 명확히 확인한 뒤 활동을 시작할 수 있습니다.

머천트 상세 페이지 화면

머천트 상세 — 카테고리 탭과 기간·커미션·수익금 정보(일부 마스킹), 상세정보·홍보링크·홍보배너·프로모션 탭과 5개 항목의 'DB 취소 기준' 안내

Backoffice

운영자용 관리자 백오피스

관리자 백오피스는 8개 관리 영역으로 구성됩니다. 700건이 넘는 머천트를 카테고리·기간·상태·정렬 조건으로 필터링하고, 번호·구분·머천트명·기간·커미션·확정률·상태(진행/대기)를 표 형태로 일괄 관리해 대량 상품 운영의 효율을 확보했습니다.

운영 백오피스

Tech

정산 정확성을 우선한 실용적 스택

플랫폼은 HTML·CSS·JavaScript·PHP·MySQL 기반으로 구축했습니다. 수백 개 머천트와 회원별 성과가 지속적으로 누적되고 순위·확정률·수익금을 실시간 집계해야 하는 요구에서, 관계형 데이터의 정합성과 복잡한 조인·통계 쿼리에 강한 MySQL이 정산 신뢰성의 기반이 되었습니다. 서버 로직은 검증된 PHP로 구현하고, 프론트는 표준 웹 기술로 구성해 다양한 환경에서 가볍게 접근하도록 했습니다. 화려한 프레임워크보다 정산의 정확성과 운영 안정성을 우선한 선택입니다.

Design System

관찰된 컬러 팔레트

로열 블루 계열 내비게이션이 포털과 관리자 화면을 하나의 브랜드로 묶고, 레드 포인트가 커미션·프로모션 금액 같은 핵심 수치를 강조합니다. 아래 스와치는 실제 구축된 화면에서 관찰한 대표 색상입니다.

브랜드 컬러 (화면 관찰 기준)

Royal Blue · 포털 내비게이션
Navy · 로고/헤딩
Sky Blue · 관리자 헤더
Signal Red · 금액 강조
Ink · 텍스트
Surface Gray · 위젯 배경

Result

복잡한 제휴마케팅을 하나의 플랫폼으로

O2O Mate는 기획·정보구조 설계부터 프론트엔드 퍼블리싱, 백엔드 개발, 관리자 시스템, 데이터베이스 설계까지 전 과정을 일괄 수행했습니다. 마케터 화면과 운영자 화면의 데이터가 하나의 정산 로직으로 연결되도록 설계해, 운영자의 승인·상태 변경이 마케터의 수익 지표와 확정률에 즉시 반영되는 일관된 흐름을 완성했습니다. 그 결과 CPA천국은 700건 이상의 머천트를 소수 인력으로 운영하면서도 성과를 투명하게 관리하는 체계를 갖추게 되었습니다.

공유하기 페이스북 트위터

아이디어를 현실로 만들 준비가 되셨나요?

프로젝트를 성공 스토리로 만들어 드리겠습니다.

문의하기