광고주 가이드

광고주 프론트(adit.now)에서 캠페인을 등록하고 관리하는 전체 가이드입니다.

1. 광고주 플랫폼 개요

URL: adit.now

Adit 광고주 플랫폼은 인스타그램 채널에 광고를 예약하고, 캠페인을 관리하며, 결제와 리포트를 확인할 수 있는 서비스입니다.

페이지 구분

사이드바 메뉴 구조

대시보드
├── 캠페인                    (/dashboard/campaigns)
├── 브라우즈 (채널)            (/dashboard/channels)
├── 청구 및 결제              (/dashboard/billing)
├── 내 회사
│   ├── 회사 정보             (/dashboard/company)
│   └── 브랜드               (/dashboard/brands)
├── 리포트                    (/dashboard/reports)
├── 설정
│   ├── 프로필               (/dashboard/settings/profile)
│   └── 팀 관리              (/dashboard/settings/users)
└── 외부 링크
    ├── 광고 상담 받기         (ChannelIO 연동)
    ├── 1:1 문의              (ChannelIO 연동)
    └── Adit 홈               (adit.now 메인)

헤더 구성

2. 회원가입 & 로그인

2-1. 회원가입 (/signup)

신규 광고주 계정을 만드는 페이지입니다.

입력 필드

비밀번호 규칙

• 최소 8자 이상 입력
• 비밀번호 확인 필드와 일치 검증
• 불일치 시 실시간 에러 메시지 표시

동의 항목

• 전체 동의 토글: 모든 동의 항목을 한번에 체크/해제
• 개별 동의 토글: 각 항목별 개별 체크 가능
• 필수 항목 미동의 시 가입 버튼 비활성화

2-2. 로그인 (/login)

입력 필드

UI 요소

리턴 URL 지원

비로그인 상태에서 로그인이 필요한 페이지에 접근하면 로그인 페이지로 리다이렉트되며, 로그인 완료 후 원래 접근하려던 페이지로 자동 이동합니다.

예시: /dashboard/campaigns 접근 시 → /login?returnUrl=/dashboard/campaigns → 로그인 후 /dashboard/campaigns로 이동

2-3. 비밀번호 찾기 (/forgot-password)

3. 공개 페이지 (비로그인)

3-1. 홈페이지 (/)

광고주 플랫폼의 메인 랜딩 페이지입니다.

히어로 섹션

• 서비스 소개 메인 비주얼
• 검색바: 채널명, 카테고리, 키워드로 채널 검색 가능
• CTA 버튼: "실시간 광고 예약하기" → 로그인/대시보드로 이동

Today's Hot Channels

• 인기 채널 순위 1~5위 표시
• 각 채널 카드에 순위 번호, 프로필 사진, 채널명, 카테고리 뱃지 표시
• 클릭 시 해당 채널 상세 페이지(/media/[channelId])로 이동

New Channels

• 최근 등록된 신규 채널 목록
• 카드 형태로 표시
• 클릭 시 채널 상세 페이지로 이동

Special Deals & Packages

• 캐러셀(슬라이더) 형태로 표시
• 자동 스크롤 지원
• 딜 카드에 할인율, 상품명, 가격 표시
• 클릭 시 해당 딜 상세 또는 /deals 페이지로 이동

Browse 섹션

• 카테고리 필터: LIFESTYLE, FASHION, BEAUTY, FOOD, TRAVEL, TECH, ENTERTAINMENT 등
• 검색: 채널명, 키워드 검색
• 채널 카드 그리드 표시
• 각 카드에 프로필, 채널명, 카테고리, 팔로워 수 표시

CTA 배너

• "실시간 광고 예약하기" 버튼
• 비로그인 시: 로그인 페이지로 이동
• 로그인 시: 대시보드로 이동

푸터

• 서비스 링크 (이용약관, 개인정보처리방침)
• 회사 정보 (상호, 사업자번호, 대표자, 주소 등)
• 소셜 미디어 링크
• 저작권 표시

3-2. 채널 상세 (/media/[channelId])

개별 채널의 상세 정보와 광고 상품을 확인하는 페이지입니다.

채널 프로필 영역

핵심 통계

채널 소개 상세

채널의 특징, 콘텐츠 스타일, 주요 타겟층 등 상세 소개 텍스트가 표시됩니다.

광고 상품 목록

각 상품 항목에 표시되는 정보:

채널 정보

"전문가 문의" 섹션

우측 사이드바

"Adit Ads로 예약" CTA (다크 박스):

• 어두운 배경의 눈에 띄는 CTA 박스
• "Adit Ads로 예약" 버튼
• 비로그인 시 로그인 모달 표시
• 로그인 시 캠페인 생성 플로우로 이동

"미디어킷 다운로드":

• 채널의 미디어킷 파일 다운로드 버튼
• 미디어킷 URL이 등록된 경우에만 표시

예약 캘린더:

• 날짜별 예약 가용 여부 표시
• 가용 날짜: 선택 가능 (밝은 색)
• 마감/비가용 날짜: 선택 불가 (흐린 색)
• 과거 날짜: 선택 불가

3-3. 특별 딜 (/deals)

할인된 가격으로 제공되는 특별 광고 상품 패키지 페이지입니다.

딜 카드 그리드

• 반응형 레이아웃: 1~3열 반응형 그리드
• 화면 크기에 따라 1열(모바일) ~ 3열(데스크톱)로 자동 조정

딜 카드 구성

하단: 커스텀 컨설팅 섹션

• "원하는 딜을 찾지 못하셨나요?" 안내 문구
• 전문 컨설턴트 상담 CTA
• ChannelIO 연동 라이브채팅으로 연결

3-4. 요금제 (/pricing)

Adit 광고주 요금제를 비교하고 가입하는 페이지입니다.

플랜 비교

월/연 결제 토글

• 페이지 상단에 월간/연간 토글 스위치 존재
• 연간 선택 시 월 가격이 할인된 금액으로 표시
• "25% 할인" 뱃지가 연간 결제 옆에 표시

상세 기능 비교 테이블

FAQ (5개)

배송/환불 정책

• 디지털 서비스로 별도 배송 없음
• 결제 후 7일 이내 환불 가능 (미사용 시)
• 사용 중인 서비스는 잔여 기간 만료 후 해지

하단 CTA

• "지금 시작하기" 버튼 → 회원가입 또는 플랜 결제로 이동

4. 캠페인 관리 (/dashboard/campaigns)

4-1. 캠페인 목록

캠페인 목록 페이지는 모든 캠페인을 조회하고 관리하는 메인 화면입니다.

기간 탭

기간 탭을 변경하면 KPI 카드와 캠페인 목록이 해당 기간에 맞게 필터링됩니다.

KPI 카드 (3개)

상태 필터 탭

검색

• 캠페인명 기준 텍스트 검색
• 실시간 필터링 (입력 시 즉시 결과 반영)

테이블 컬럼

캠페인 상태 뱃지 색상

빈 상태

캠페인이 없을 경우 빈 상태 메시지가 표시됩니다:

• 아이콘 + "등록된 캠페인이 없습니다" 메시지
• "캠페인 만들기" CTA 버튼

4-2. 캠페인 생성 모달 (6단계)

"캠페인 만들기" 버튼을 클릭하면 6단계 캠페인 생성 모달이 열립니다.

4-3. 캠페인 상세 모달

캠페인 목록에서 "캠페인 관리" 버튼을 클릭하면 상세 모달이 열립니다.

모달 구성

탭 1: 캠페인 정보

탭 2: 콘텐츠 가이드

탭 3: 첨부 파일

캠페인 상태 히스토리

모달 내에서 캠페인의 상태 변경 이력을 확인할 수 있습니다:

• 상태 변경 일시
• 변경된 상태
• 변경 주체 (시스템/파트너/어드민)

4-4. 캠페인 진행 단계 (Stepper)

캠페인 상세 모달에서 현재 진행 단계를 시각적으로 확인할 수 있습니다.

① 대기          ② 확정          ③ 진행 중       ④ 업로드 완료    ⑤ 완료
(확정 대기)  →  (진행 예정)  →  (콘텐츠 제작)  →  (정산 대기)  →  (정산 완료)

• 현재 단계: 활성 색상(파란색)으로 강조
• 완료 단계: 체크 아이콘으로 표시
• 미도달 단계: 비활성 색상(회색)으로 표시
• 각 단계 사이에 연결선 표시

4-5. 상태별 안내 메시지

캠페인 상세 모달 상단에 현재 상태에 따른 안내 메시지가 표시됩니다.

4-6. 광고주 가능 액션

5. 채널 브라우즈 (/dashboard/channels)

로그인 후 대시보드에서 채널을 탐색하고 광고를 예약하는 페이지입니다.

채널 카드 그리드

• 반응형 레이아웃: 1~4열 반응형 그리드
• 화면 크기에 따라 자동 조정 (모바일 1열, 태블릿 2열, 데스크톱 3~4열)

채널 카드 구성

카테고리 필터 탭

• 탭 클릭 시 해당 카테고리의 채널만 필터링
• "전체(ALL)" 탭 선택 시 모든 채널 표시

검색 필터

• 검색 입력필드에서 채널명, 키워드 기준 검색
• 실시간 필터링 지원

총 채널 수 표시

• 필터 적용 결과의 총 채널 수가 목록 상단에 표시
• 예: "총 128개 채널"

빈 상태

• 검색/필터 결과가 없을 경우: "조건에 맞는 채널이 없습니다" 메시지
• 전체 채널이 없을 경우: "등록된 채널이 없습니다" 메시지

6. 청구 및 결제 (/dashboard/billing)

6-1. 페이지 설명

페이지 상단에 안내 메시지가 표시됩니다:

6-2. KPI 카드

6-3. 결제 내역 테이블

테이블 컬럼

결제 상태 뱃지 (색상별)

상태별 액션 버튼

6-4. 입금하기 모달

"입금하기" 버튼 클릭 시 입금 안내 모달이 열립니다.

모달 표시 정보

입금 계좌 정보

모달 기능

6-5. 청구 정보 섹션

결제 페이지 하단에 회사의 청구 정보가 표시됩니다.

• "수정" 링크: 클릭 시 회사 정보 페이지(/dashboard/company)로 이동

7. 내 회사 (/dashboard/company)

회사의 사업자 정보를 등록하고 관리하는 페이지입니다.

사업자 정보

• 필수 필드 미입력 시 저장 버튼 비활성화
• 사업자등록번호, 전화번호 입력 시 자동 하이픈 포맷 적용

사업자등록증

8. 내 브랜드 (/dashboard/brands)

광고에 사용할 브랜드를 등록하고 관리하는 페이지입니다. 여러 브랜드를 등록하여 브랜드별 캠페인을 관리할 수 있습니다.

레이아웃

페이지는 좌우 2분할 레이아웃으로 구성됩니다.

좌측: 브랜드 목록

• 브랜드 클릭 시 우측에 해당 브랜드 상세 정보 표시
• 선택된 브랜드 하이라이트 표시

우측: 브랜드 상세

브랜드를 선택하면 우측에 상세 정보가 표시됩니다.

기본 정보:

• 저장 버튼: 변경사항 저장
• 취소 버튼: 변경사항 취소 (이전 상태로 복원)

브랜드 로고:

브랜드 가이드라인:

브랜드 삭제:

• 우측 하단에 "브랜드 삭제" 버튼 (빨간색)
• 클릭 시 확인 다이얼로그 표시
• 삭제 시 해당 브랜드와 연결된 로고, 가이드라인도 함께 삭제

9. 리포트 (/dashboard/reports)

캠페인 광고 성과를 확인하는 리포트 페이지입니다.

기간 선택

기간을 선택하면 KPI 카드, 차트, 테이블이 모두 해당 기간으로 업데이트됩니다.

KPI 카드 (4개)

성과 추이 차트 (라인 그래프)

지표 탭

차트 구성

상세 리포트 테이블

10. 설정

10-1. 프로필 설정 (/dashboard/settings/profile)

사용자 프로필 및 채널 연동 정보를 관리하는 페이지입니다.

프로필 정보

인스타그램 연결 섹션

• 연결 시 인스타그램 OAuth 인증 플로우 진행
• 연결 완료 후 팔로워 수, 참여율 등 자동 동기화

10-2. 팀 관리 (/dashboard/settings/users)

조직 내 팀원을 초대하고 역할을 관리하는 페이지입니다.

사용자 목록 테이블

역할 뱃지

상태 뱃지

초대 모달

"팀원 초대" 버튼 클릭 시 모달이 열립니다.

• 초대 전송 후 해당 이메일로 초대 링크 발송
• 초대된 사용자는 목록에 "Invited" 상태로 표시

액션 드롭다운

11. ChannelIO 통합

Adit 광고주 플랫폼은 ChannelIO(채널톡)를 통해 실시간 고객 지원을 제공합니다.

앱 전체 채팅 지원

• 화면 우하단에 ChannelIO 채팅 위젯이 항상 표시됩니다.
• 클릭 시 실시간 채팅창이 열립니다.
• 로그인 상태에서는 사용자 정보가 자동으로 전달됩니다.

사이드바 연동 링크

채널 상세 페이지에서의 상담

• 채널 상세 페이지(/media/[channelId])에서 "전문가 상담" 클릭 시
• ChannelIO로 연결되며 마지막으로 조회한 채널명이 자동 전달됩니다.
• 상담사가 어떤 채널에 대한 문의인지 바로 파악할 수 있습니다.

12. 결제 처리

Portone (iamport) 연동

Adit은 Portone(구 iamport) 결제 모듈을 통해 카드 결제를 지원합니다.

구독 결제

캠페인 결제 (계좌이체)

13. 광고주 액션 전체 요약

캠페인 관련 액션

결제 관련 액션

회사/브랜드 관련 액션

팀 관리 관련 액션

14. 자주 묻는 질문

캠페인을 취소하고 싶어요

PENDING(대기) 상태에서만 취소가 가능합니다. 캠페인 상세 모달에서 "캠페인 취소" 버튼을 클릭하세요. 확정(CONFIRMED) 이후에는 직접 취소할 수 없으며, 사이드바의 "1:1 문의"를 통해 대행사에 문의해주세요.

세금계산서가 안 왔어요

캠페인 상태가 **"업로드 완료(UPLOADED)"**가 되어야 세금계산서가 발행됩니다. 청구 및 결제 페이지에서 결제 상태를 확인해주세요.

• 상태가 "청구 대기" 또는 "정발행 처리 중"이면 아직 발행 전입니다.
• 상태가 "입금 대기"이면 이미 발행되었습니다. 이메일 스팸함도 확인해주세요.
• 오랫동안 상태가 변경되지 않으면 "1:1 문의"를 통해 문의해주세요.

입금했는데 확인이 안 돼요

입금 확인은 영업일 기준 1~2일 소요됩니다.

• 입금 시 예금주명과 금액이 정확한지 확인해주세요.
• 영업일 2일 이후에도 확인되지 않으면 "정산 문의" 또는 "1:1 문의"를 통해 문의해주세요.
• 입금 확인이 완료되면 결제 상태가 "결제 완료"로 변경됩니다.

카드 결제가 가능한가요?

캠페인 비용은 현재 계좌이체(세금계산서 발행 후 입금) 방식만 지원합니다. 요금제(플랜) 구독은 Portone 연동을 통한 카드 결제가 가능합니다.

브랜드를 여러 개 등록할 수 있나요?

네, 여러 개의 브랜드를 등록할 수 있습니다. 대시보드 → 내 회사 → 브랜드 페이지에서 "브랜드 추가" 버튼을 클릭하여 새 브랜드를 추가하세요. 각 브랜드별로 로고, 카테고리, 가이드라인을 별도로 관리할 수 있습니다.

채널 정보가 블러 처리되어요

비로그인 상태에서는 채널의 팔로워 수, 참여율, AI 점수, 광고 상품 가격 등이 블러(흐림) 처리됩니다. 정확한 정보를 확인하려면 로그인이 필요합니다. 아직 계정이 없다면 무료 회원가입 후 바로 확인할 수 있습니다.

팀원을 초대하고 싶어요

대시보드 → 설정 → 팀 관리에서 "팀원 초대" 버튼을 클릭하세요.

1. 초대할 팀원의 이메일을 입력합니다.
2. 역할을 선택합니다 (Admin 또는 Member).
3. 초대를 전송하면 해당 이메일로 초대 링크가 발송됩니다.
4. 초대받은 팀원이 링크를 통해 가입하면 팀에 합류됩니다.