← 포트폴리오 목록

글로벌 크리에이터 캠페인 오퍼레이션 센터

중국 인플루언서 대상 캠페인의 생성부터 인플루언서 조건 검색·추천, 콘텐츠 초안 검수, 예산 집행까지 한 화면에서 관리하는 B2B SaaS 플랫폼의 맞춤 MVP를 구현합니다.

콘텐츠 검수 상태머신 설계초안등록·수정요청·최종승인 3단계 상태를 전이 규칙으로 모델링, 상태별 권한 검증 로직 구현
인플루언서 조건 필터링 엔진 구현팔로워 수·분야·지역 등 다중 조건 조합 필터 쿼리 빌더 설계, URL 상태 동기화 적용
캠페인 예산 집행 추적 구조 구축PostgreSQL 트랜잭션 기반 예산 차감·정산 기록 설계, 집행률 실시간 계산 로직 구현
서비스 타입Web
업종데이터 분석
기술 스택
ReactTypeScriptTailwind CSSRechartsNode.jsExpressPostgreSQLPrisma
주요 기능
  • 캠페인 운영 대시보드
  • 인플루언서 조건 검색 및 추천
  • 콘텐츠 검수 워크플로우
  • 캠페인 예산 및 정산 관리
Overview

프로젝트 개요

범위: 개발, 디자인, 기획
중국 인플루언서 대상 캠페인의 생성부터 인플루언서 조건 검색·추천, 콘텐츠 초안 검수, 예산 집행까지 한 화면에서 관리하는 B2B SaaS 플랫폼의 맞춤 MVP를 구현합니다. 외부 인플루언서 데이터 API 조회 결과를 조건 필터링·추천 로직으로 가공하는 read-only 연동 구조를 적용하며, stripe형 멀티페인 대시보드로 캠페인 운영 현황을 한눈에 파악할 수 있도록 설계합니다.
글로벌 크리에이터 캠페인 오퍼레이션 센터
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

외부 중국 인플루언서 플랫폼 API 사양이 계약 이후 확정되므로

어댑터 계층을 분리해 사양 변경에 대응하는 구조 설계가 필요합니다

콘텐츠 검수 단계에서 수정요청→재등록이 반복되는 흐름의 상태 불일치를 방지하는 상태머신 검증 로직 설계가 필요합니다

인플루언서별 단가와 캠페인 전체 예산 집행률을 정합성 있게 동기화하는 트랜잭션 설계가 필요합니다

멘션·해시태그 등 필수 문구 검수를 자동화하면서 오탐을 최소화하는 텍스트 매칭 규칙 설계가 필요합니다

구현 내용

핵심 기능 상세

핵심 기능 1

캠페인 운영 대시보드

진행 중인 캠페인의 인플루언서 수·콘텐츠 진행상태·예산 집행률을 한 화면에서 확인하는 광고주용 메인 화면입니다. 결제 게이트웨이형 멀티페인 레이아웃으로 KPI 카드 행과 캠페인 데이터 테이블을 결합해 구성합니다
캠페인 운영 대시보드
핵심 기능 2

인플루언서 조건 검색 및 추천

팔로워 수·분야·지역 등 조건에 맞는 인플루언서 후보를 조회하고 추천 리스트로 저장·비교하는 화면입니다
인플루언서 조건 검색 및 추천
핵심 기능 3

콘텐츠 검수 워크플로우

인플루언서가 등록한 이미지·영상·텍스트 초안을 광고주가 검수하고 수정 요청·최종 승인까지 진행하는 화면입니다. 초안등록→수정요청→최종승인 상태를 상태머신으로 모델링해 잘못된 전이를 차단합니다
콘텐츠 검수 워크플로우
핵심 기능 4

캠페인 예산 및 정산 관리

인플루언서별 단가와 캠페인 전체 예산 집행 현황을 관리하고 정산 상태를 추적하는 화면입니다. 단가 설정·예산 차감·정산 기록을 트랜잭션으로 묶어 정합성을 보장합니다
캠페인 예산 및 정산 관리
구현 과정

프로젝트 진행 단계

STEP 1

요구사항 분석 및 캠페인 데이터 모델 설계

캠페인·인플루언서·콘텐츠 검수 상태 흐름 분석, PostgreSQL 테이블 18개 정의 및 관계 매핑

STEP 2

인플루언서 조회·추천 API 개발

외부 인플루언서 데이터 API 연동 어댑터 구현, 팔로워·분야·지역 조건 필터링 로직 설계

STEP 3

캠페인 운영 대시보드 UI 개발

React 기반 결제 게이트웨이형 멀티페인 대시보드, KPI 카드·데이터 테이블 화면 12개 구현

STEP 4

콘텐츠 검수 워크플로우 및 정산 통합 테스트

초안등록→수정요청→최종승인 상태머신 구현, 정산 API 통합 테스트 40개 케이스 작성

프로젝트 성과

주요 성과

콘텐츠 검수 상태머신 설계초안등록·수정요청·최종승인 3단계 상태를 전이 규칙으로 모델링, 상태별 권한 검증 로직 구현
인플루언서 조건 필터링 엔진 구현팔로워 수·분야·지역 등 다중 조건 조합 필터 쿼리 빌더 설계, URL 상태 동기화 적용
캠페인 예산 집행 추적 구조 구축PostgreSQL 트랜잭션 기반 예산 차감·정산 기록 설계, 집행률 실시간 계산 로직 구현
Highlights

기술적 주안점

  • 결제 게이트웨이-multipane 아키텍처를 기반으로 사이드바 내비게이션과 KPI 카드·데이터 테이블을 결합한 캠페인 운영 대시보드를 설계합니다
  • 외부 API의 read-only 조회 결과를 조건 필터링·추천 로직으로 가공하는 인플루언서 매칭 엔진을 구현합니다
  • 상태 전이 규칙과 권한 검증을 결합한 콘텐츠 검수 워크플로우 엔진을 구현하여 광고주-인플루언서 간 피드백 루프를 자동화하는 구조를 설계합니다

유사한 프로젝트를 기획하고 계신가요?

FIRSTPIP이 개발 범위와 로드맵을 함께 정리해드립니다

무료 상담 시작하기