앱·서비스실제 운영 중

Get DB

랜딩 제작부터 리드·광고 성과까지 연결하는 운영 SaaS

직접 써보기 이 사례를 참고해 문의하기

22개지원하는 시스템 언어

누구를 위해: 캠페인별 랜딩과 리드, 광고 성과를 한 기준으로 운영하려는 성장팀
무엇이 문제였나: 광고를 클릭한 사람의 유입 근거가 랜딩과 문의, 상담 처리 사이에서 끊기기 쉽습니다.
무엇을 했나: AI·모듈형 랜딩 제작과 다국어 발행, 폼·문의 채널 리드 수집, UTM 어트리뷰션, 광고 성과와 CPL 분석을 멀티 워크스페이스로 연결한 실제 운영 제품
무엇이 달라지나: 캠페인별 랜딩과 리드, 광고 성과를 한 기준으로 운영합니다.

Get DB 열기 제품 소개는 공개되어 있으며 운영 워크스페이스는 계정 로그인이 필요합니다.

운영 중인 서비스의 대표 화면을 예시 데이터로 재현한 캡처입니다.

어떻게 움직이나

한 건의 일이 처음부터 끝까지 어떻게 흘러가는지 순서대로 보여드립니다.

광고 클릭이 상담 완료가 되기까지

예시 입력유입 광고 클릭문의 채널 7종 중 선택

재생을 누르거나 단계를 눌러 순서대로 살펴보세요.

직접 써보기

실제 화면은 서비스를 그대로 찍어 사람·고객을 알아볼 자리만 모자이크했습니다. 코드 체험은 원본 코드를 예시 값으로 실행하며 실제 계정·저장·전송과 연결되지 않습니다.

이렇게 해보세요

광고 채널을 골라 UTM이 포함된 예시 방문을 시작합니다.
랜딩 폼의 필수값과 동의를 충족해 리드가 생성되는 과정을 확인합니다.
운영 화면에서 유입 근거와 이벤트를 검토하고 상담 완료 상태까지 처리합니다.

운영 서비스2026-09-28 캡처운영 중인 워크스페이스를 그대로 찍었습니다. 고객사·리드를 알아볼 수 있는 자리는 모자이크했습니다.

브랜드 대시보드

최근 30일 발행 랜딩·수집 리드·문의 클릭·전환율과 리드 상태 분포를 한 화면에서 봅니다.

모자이크한 것

계정 이름·이메일
조직·브랜드 폴더명
고객 전용 주소
리드 이름
랜딩 이름

1 / 5

같은 사람의 신청은 하루 한 건으로 셉니다

광고비를 리드 수로 나눌 때, 같은 사람이 같은 랜딩에 같은 날(한국 시간) 다시 보낸 신청은 한 번 산 리드입니다. 번호를 어떤 모양으로 적었는지는 상관없습니다.

신청 7건 중 정산 5건 · 중복 2건

#	접수(한국)	랜딩	적힌 연락처	사람 식별 키	정산
1	2026-09-27 09:12	A	010-1234-5678	phone:01012345678	정산
2	2026-09-27 21:40	A	+82 10 1234 5678	phone:01012345678	중복 · 신청 1과 같은 사람
3	2026-09-27 23:58	B	+82 010-1234-5678	phone:01012345678	정산
4	2026-09-28 00:03	A	01012345678	phone:01012345678	정산UTC로 끊으면 신청 1과 합쳐집니다
5	2026-09-28 10:00	A	kim@example.com	email:kim@example.com	정산
6	2026-09-28 10:05	A	KIM@example.com	email:kim@example.com	중복 · 신청 5와 같은 사람
7	2026-09-28 11:00	A	1234	lead:7	정산

광고비(원)

행 수 기준 CPL: 42,857원
정산 기준 CPL: 60,000원

결과는 get-db@0c069cc의 원본 코드를 이 브라우저에서 그대로 실행한 것입니다. 넣은 값은 예시이고 어디에도 저장·전송되지 않습니다.

실제 코드 보기

표본이 모이기 전에는 승자를 부르지 않습니다

랜딩 A/B 실험에서 방문자를 비중대로 나누고, 안마다 방문 100명·리드 10건이 모이면 두 비율 검정으로 승자를 가립니다.

A안 · 대조군A안 방문A안 리드A안 비중

B안B안 방문B안 리드B안 비중

아직 판정하지 않습니다

안마다 방문 100명·리드 10건이 모이기 전에는 차이가 커 보여도 판정을 미룹니다.

두 비율 z-검정 · 유의 기준 0.05 (안이 늘면 0.05를 비교 수로 나눕니다)
안	방문	리드	전환율	대조군 대비	p값
A안 · 대조군	80	6	7.5%	—	—
B안	90	12	13.3%	+77.8%	0.217

같은 방문자는 늘 같은 안을 봅니다

방문자 ID와 실험 ID를 해시해 비중대로 나눕니다. 쿠키를 새로 굽지 않아도 다시 와서 같은 안을 봅니다.

A안 50494명
B안 50506명

결과는 get-db@0c069cc의 원본 코드를 이 브라우저에서 그대로 실행한 것입니다. 넣은 값은 예시이고 어디에도 저장·전송되지 않습니다.

실제 코드 보기

만든 범위

성장팀이 캠페인 랜딩을 제작·발행하고 폼과 문의 채널에서 리드를 수집한 뒤 광고 성과까지 같은 기준으로 분석하는 멀티 워크스페이스 SaaS입니다. 모듈형·이미지 패널 빌더와 AI 초안, 22개 로케일, 리드 인박스, UTM 이벤트, 광고 계정 동기화와 CPL 분석을 한 제품 안에 연결했습니다.

먼저 풀어야 했던 문제

캠페인마다 반복되는 제작과 연결랜딩을 만들 때마다 배포, 폼, 동의 문구, 추적 코드와 알림을 다시 연결하는 반복을 제품화해야 했습니다.
폼 밖으로 사라지는 문의카카오톡·LINE·WhatsApp·전화처럼 외부 채널로 이동한 문의도 유입 맥락과 함께 전환 이벤트로 남겨야 했습니다.
광고 지표와 실제 리드의 불일치플랫폼이 보고한 리드와 자체 폼·방문 데이터를 캠페인 구조에 맞춰 비교하고 같은 기준의 CPL로 읽어야 했습니다.

구현한 기능

AI 랜딩 스튜디오대화형 요구에서 문구·FAQ·CTA·폼 구조를 만들고 사람이 검토·수정합니다.
모듈형·이미지 패널 빌더콘텐츠 블록 또는 완성 디자인 이미지 위 오버레이로 랜딩을 제작합니다.
버전·발행 관리초안, 미리보기, 발행과 보관 상태를 나누고 공개 버전을 안전하게 관리합니다.
22개 로케일관리 UI와 공개 랜딩의 시스템 문구를 여러 시장에 맞춰 운영합니다.
리드 인박스상태·랜딩·기간 필터, 어트리뷰션, 동의와 이벤트 타임라인을 한곳에서 봅니다.
문의 채널 추적7종 메신저·전화·이메일 버튼 클릭을 유입 정보와 함께 기록합니다.

2개 더 보기

광고 성과와 CPL캠페인·광고세트·소재 성과를 자체 방문·리드와 연결해 비교합니다.
알림·웹훅·내보내기신규 리드를 후속 업무로 전달하고 필요한 데이터는 CSV로 안전하게 내보냅니다.

화면 뒤의 구조

01 · 광고 유입워크스페이스·랜딩·UTM과 페이지 조회를 원본 이벤트로 보존합니다.
02 · 전환 관문필수값, 동의, 봇 방어와 요청 제한을 통과한 폼·채널 클릭만 기록합니다.
03 · 리드·어트리뷰션리드와 이벤트 타임라인을 만들고 캠페인·랜딩의 유입 근거를 같은 식별자로 연결합니다.
04 · 운영·성과 효과담당자가 상태를 처리하고 광고 동기화 지표와 자체 전환·CPL을 함께 판단합니다.

운영 안전장치

워크스페이스마다 멤버·랜딩·리드·광고 계정 소유권을 분리
공개 폼과 인증 요청에 속도 제한·허니팟을 적용하고 동의 시점을 보존
광고 토큰과 운영 비밀값을 서버 경계 안에서 관리
CSV 수식 삽입 방어, 개인정보 삭제 흐름과 데이터베이스·업로드 백업 운영

알려진 제한

이 페이지는 예시 캠페인과 가상 연락처를 브라우저 안에서만 처리하며 실제 리드·광고 계정·웹훅에 쓰지 않습니다.
포트폴리오의 방문·전환 결과는 동작 원리를 설명하기 위한 예시이며 실제 고객 성과 수치가 아닙니다.
운영 관리자 화면과 광고 계정 데이터는 고객·계정 정보를 보호하기 위해 공개 링크로 직접 노출하지 않습니다.

사용한 기술

Next.js · TypeScript · PostgreSQL · Prisma · Auth.js · Meta Marketing API · OpenRouter · Docker Compose

확인된 사실

운영 상태: 공개 SaaS
시스템 언어: 22개
문의 채널: 7종
광고 동기화: 1시간

지금 운영 중인 서비스 기준입니다. 체험의 이름과 내용은 예시입니다.