CHAPTER 11
모바일 — 로그인 후 단계별 화면
PC 챕터 07과 동일한 흐름을 iPhone 뷰포트 (390px 폭) 기준 실제 화면으로 캡처했습니다.
MOBILE WALKTHROUGH
엄지 손가락 하나로 끝나는 11단계
하단 고정 홈 · 전체메뉴 · 지도보기 · 채팅 · 마이페이지 5개 탭으로 모든 기능에 즉시 접근합니다.
MOBILE · 주요 화면 실측 캡처
메인 · 목록 · 상세 · 마이페이지 — 화면별 구성 요소
iPhone 뷰포트(390px)로 촬영한 실제 화면입니다. 각 캡처 아래 표에서 모바일 전용 UI 요소를 항목별로 설명합니다.
모바일 화면 1
홈 — 상단 헤더 + 카테고리 그리드 + 하단 5탭
| 상단 헤더 | 좌측 ☰ 햄버거(전체 메뉴 시트) · 중앙 로고 · 우측 🔍 검색(풀스크린 모달). PC의 가로 메뉴는 로고 아래 가로 스크롤 메뉴 줄(신규캠페인·인플루언서·슈피리어·지도보기·숏폼·기자단…)로 바뀝니다. |
| 출석 적립금 배너 | "매일매일 혜택받는 출석적립금" 배너 슬라이더가 가장 위에 크게 노출되고, [출석체크하기 →]로 바로 이동합니다. |
| 카테고리 그리드 | 이용가이드 · 맛집 · 뷰티 · 여행 · 문화 · 디지털 · 식품 · 유아동 · 생활 · 커뮤니티 아이콘 그리드로 원하는 분류에 바로 진입합니다. |
| 추천 캠페인 | 아래로 스크롤하면 "추천 캠페인" · "인기 캠페인" 등 캠페인 섹션이 2열 카드로 이어지고, 섹션 우측 + more로 전체 목록으로 이동합니다. |
모바일 화면 2
하단 고정 5탭 — 어느 화면에서든 항상 노출
| 홈 | 모바일 홈으로 이동. 현재 위치한 탭은 사이트 메인 컬러(청록)로 강조됩니다. |
| 전체메뉴 | 햄버거와 동일한 전체 메뉴 화면을 엽니다. |
| 지도보기 | 내 주변 방문형 캠페인을 지도에서 찾는 화면으로 이동합니다. |
| 채팅 | 광고주와의 1:1 채팅 목록으로 이동합니다. 읽지 않은 메시지가 있으면 아이콘 위에 빨간 숫자 뱃지가 표시됩니다. |
| 마이페이지 | 참여 캠페인·포인트 등 내 활동 화면으로 이동합니다. |
모바일 화면 3
전체 메뉴 시트 · 검색 모달
| 프로필 영역 | 메뉴 상단에 닉네임과 보유 포인트, [마이페이지] · [로그아웃] 버튼이 표시됩니다. |
| 주요 서비스 | 신규캠페인 · 인플루언서 · 슈피리어 · 지도보기 · 숏폼 · 기자단 · 커뮤니티 · 실시간 리뷰 목록으로 구성됩니다. |
| 캠페인 카테고리 | 방문 · 배송 · 기자단 버튼으로 형태별 목록에 바로 진입합니다. |
| 하단 바로가기 | FAQ · 1:1문의 · 공지사항 · 제휴문의 링크가 시트 맨 아래 고정됩니다. |
| 검색 모달 | 우측 상단 🔍를 누르면 풀스크린 검색이 열리고, 검색창 아래 추천 검색어 실시간 TOP 10(순위 등락 표시 포함)이 제공됩니다. |
모바일 화면 4
캠페인 목록 · 캠페인 상세
| 상단 바 | ← 뒤로가기 + 화면 제목("캠페인목록"·"캠페인상세") + 🔍 검색으로 단순화된 앱형 헤더입니다. |
| 목록 필터 | 목록 상단의 채널 ▼ · 최신등록 ▼ 드롭다운으로 매체 필터와 정렬을 바꿉니다. |
| 2열 카드 | 캠페인 카드는 2열 그리드(PC는 화면 폭에 따라 4~5열)로, 사진 위 마감 뱃지(N일 남음 · 상시모집) + 매체 아이콘 + 형태 뱃지(배송형 등) + 제목 · 제공내역 요약 + 모집 N / 신청 M · 포인트가 표시됩니다. |
| 상세 구성 | 대표 이미지 → 매체·형태 뱃지 + 제목 · 요약 → 모집/신청 현황 + 마감 뱃지 → 신청기간 · 선정자 발표 · 리뷰 등록 · 결과 발표 일정 순으로 세로 배치됩니다. |
| 하단 고정 버튼 | 리뷰신청하기 버튼과 ♡ 관심 버튼이 화면 하단에 고정되어 스크롤 위치와 무관하게 바로 신청할 수 있습니다. |
모바일 화면 5
마이페이지 — 프로필 카드 + 활동 카운트
| 프로필 카드 | 닉네임 옆 슈피리어 뱃지 · 레벨 라벨(우수), [출석체크] · [정보수정] 버튼, 보유 포인트 + [출금신청] 배너가 PC와 동일하게 제공됩니다. |
| 참여 캠페인 | 신청 · 선정 · 검수 · 수정 · 완료 · 미선정 6칸 카운트가 카드로 표시되고, [전체]로 참여캠페인 목록에 진입합니다. |
| 마이페이지 메뉴 | 아래로 스크롤하면 캠페인 / 포인트 · 출금 / 계정 카테고리의 PC 마이페이지 메뉴(참여·관심 캠페인, 캠페인 문의/답변, 포인트 적립 내역, 포인트 출금, 회원정보 수정, 프로필 설정, 받은 알림, 패널티 현황, 1:1 문의, 출석체크)가 세로로 이어집니다. |
모바일 홈 — 적립금 배너 + 카테고리 그리드
모바일 홈은 큰 출석 적립금 배너 슬라이더가 가장 위에 노출되고, 그 아래에 카테고리 아이콘 그리드(이용가이드·맛집·뷰티·여행·문화·디지털·식품·유아동·생활·커뮤니티)가 배치됩니다.
- 좌측 상단 ☰ 햄버거 — 전체 메뉴를 사이드 시트로 펼침
- 우측 상단 🔍 — 검색 모달이 풀스크린으로 열림
- 하단 고정 5개 탭(홈/전체메뉴/지도보기/채팅/마이페이지) — 어디서든 한 번에 이동
마이페이지 — 카운트 카드 + 사이드 메뉴
하단 탭바의 마이페이지 또는 햄버거 메뉴 → 마이페이지로 이동하면 상단에 참여 캠페인 카운트(1/12/1/0/8/2)가 표시되고, 아래로 캠페인 / 포인트·출금 / 계정 카테고리별 메뉴가 이어집니다.
캠페인 카테고리
참여 캠페인 / 관심 캠페인 / 캠페인 문의·답변
포인트 / 출금
포인트 적립 내역 / 포인트 출금
프로필 관리
프로필 설정 (SNS 채널 등록·수정)
계정
회원정보 수정 / 받은 알림 / 패널티 현황 / 1:1 문의 / 출석체크
신규캠페인 목록 (D-Day · 인원수 · 적립P)
목록 상단의 채널 ▼에서 리뷰 채널(매체) 필터를, 최신등록 ▼에서 정렬(최신등록·인기순·마감임박·추천순)을 변경합니다.
각 카드의 마감 D-Day · 모집/신청 인원(예: 모집 30 / 신청 5) · 포인트를 한 번에 비교할 수 있습니다.
캠페인 상세 — "리뷰신청하기"
모바일에서는 리뷰신청하기 버튼이 화면 하단에 고정되어 있어 스크롤 위치와 무관하게 즉시 신청할 수 있습니다.
상세 상단의 캠페인정보 / 신청자 / 문의 탭으로 다른 회원의 신청 상황과 문의 내용을 확인합니다.
BEFORE
AFTER · 동의 완료
신청서 작성
PC와 동일한 5개 영역(채널 · 한마디 · 배송 · 동의 · 개인정보)이 모바일에서는 위에서 아래로 자연스럽게 펼쳐집니다. 캠페인에 따라 광고주가 설정한 추가 질문이 배송 정보 아래에 표시됩니다.
- 동의 항목을 일일이 누를 필요 없이 "아래 사항에 모두 동의합니다" 한 번으로 처리
- 배송지 입력은 새로운 주소 · 최근발송 주소 · 회원정보 주소 선택 + [우편번호찾기] 검색으로 처리
- 폼 맨 아래의 화면 폭 전체 리뷰 신청하기 버튼으로 제출
신청 탭 — 결과 대기
상단의 상태 탭(신청·선정·검수중·수정요청·완료·미선정·선정후취소)으로 상태별 카운트가 한눈에 보입니다.
발표 전이라면 카드의 신청취소 버튼으로 즉시 철회할 수 있습니다.
선정 탭 — 리뷰등록 가능
광고주가 선정하면 카드가 2열 그리드로 표시되며, 카드 안에 안내 문구와 진행 버튼(배송형은 배송정보·송장번호)이 함께 노출됩니다.
각 카드의 리뷰등록 → 버튼으로 결과물 등록 페이지로 이동합니다. 방문형은 예약하기로 방문 일정을 먼저 잡고(예약 기간이 지나면 "예약마감" 표시), 방문확인을 사용하는 매장은 방문 시 방문확인(매장 직원이 확인 비밀번호 입력)을 마쳐야 리뷰등록이 열립니다.
방문형 안내
결과물 등록
방문 → 촬영 → 결과물 등록 → 검수요청
선정된 캠페인 카드를 누르면 선정자 안내사항 / 제공내역 / 키워드 / 리뷰작성 안내사항 / 결과물 등록 폼이 한 페이지에 세로로 펼쳐지고, 맨 아래에 신청 캠페인 요약과 광고주 [채팅하기] 버튼이 있습니다.
-
①
매장 사전 예약 — 가이드의 매장 번호로 전화하고 "체험단" 사실을 알린 뒤 방문 일자를 잡습니다.
-
②
촬영 (모바일 카메라) — 매장 외관·메뉴판·음식·인증샷을 촬영. 영상 캠페인은 가로/세로 가이드를 확인.
-
③
SNS 게시 → URL 복사 후 결과물 등록 폼의 결과물 URL · 간단설명 · 이미지를 채웁니다.
-
④
하단의 검수요청 버튼으로 광고주에게 검수를 보냅니다.
결과물 URL 입력 예시 (모바일)
✓ 입력한 예시
URL 입력 후 결과물 간단설명에 검수자에게 전할 메시지(언제 방문했는지·키워드 강조)를 추가하면 검수 통과율이 올라갑니다.
검수 탭 — 광고주 검수 대기
검수 진행 상세 — 등록 결과물 미리보기
수정요청 — 모바일에서 즉시 수정
광고주가 수정을 요청하면 "캠페인의 수정요청이 있습니다" 알림이 도착하고, 카드가 수정요청 탭으로 이동합니다.
-
①
알림 또는 수정요청 탭의 카드에서 리뷰수정 →을 누릅니다.
-
②
상세 페이지의 수정요청 이력에서 광고주가 남긴 수정 사유 메시지를 확인합니다.
-
③
SNS에서 게시물을 수정한 뒤, 같은 페이지의 결과물 폼에 URL · 이미지를 다시 등록 → 재검수요청.
완료 탭
포인트 적립 내역
10. 완료 → 포인트 자동 적립
검수가 통과되면 카드가 "완료"로 이동하고, 동시에 포인트 적립 내역에 +N P가 추가됩니다.
- 보유 포인트가 카드에 큰 숫자로 즉시 갱신
- 출석체크·체험단·출금신청 등 내역별 라벨 표시
- "포인트 출금" 메뉴에서 최소 출금 단위 충족 시 출금 신청
알림 — 모든 상태 변화는 알림으로
모바일에서는 마이페이지 → 받은 알림에서(PC는 상단 "알림" 메뉴) 모든 알림을 시간순으로 확인할 수 있습니다. 각 알림 카드는 우측 상단 ✕로 개별 삭제 가능.
📩 광고주 후기가 등록되었습니다
검수 완료 후 광고주가 후기를 남기면 알림으로 받아볼 수 있습니다.
✏️ 캠페인의 수정요청이 있습니다
캠페인명이 함께 표시됩니다. 참여캠페인 → 수정요청 탭에서 바로 수정할 수 있습니다.
🏆 캠페인의 리뷰어로 선정되었습니다
선정 발표 시점에 자동 발송되며 확인 경로(마이페이지 → 참여캠페인 → 선정)가 함께 안내됩니다.
⏰ 리뷰등록 마감 임박
마감 며칠 전(운영 설정)과 마감 당일에 알림이 발송됩니다. 예약을 사용하는 캠페인은 예약 마감 알림도 함께.
MOBILE · 빠른 접근
모바일에서 포인트 · 채팅 · 알림 사용하기
포인트 · 출금
하단 5탭바 → 마이페이지 → "포인트 적립 내역" 메뉴로 진입. 출금은 프로필 카드의 [출금신청] 버튼 또는 "포인트 출금" 메뉴.
광고주 채팅
하단 5탭바의 "채팅" 탭이 광고주와의 모든 1:1 대화를 한 곳에 모아둡니다. 이미지/파일 첨부도 PC와 동일.
통합 알림
캠페인 선정 · 수정요청 · 등록완료 · 리뷰등록 마감 · 출금 상태변경이 한 알림 화면에 시간순으로.
단축 진입
자주 쓰는 메뉴는 마이페이지에서 한 번에 진입할 수 있습니다 — 포인트 적립 내역 / 포인트 출금 / 받은 알림 / 프로필 설정.
MOBILE · 실제 화면
모바일 포인트 · 알림 화면
PC와 동일한 흐름이지만 5탭바 + 햄버거 메뉴로 재구성됩니다.
MOBILE VS PC
모바일에서만 다른 점
별도 앱 설치 없이 화면 폭이 850px 미만이면 자동으로 모바일 레이아웃(하단 5탭바 · 햄버거 메뉴)으로 전환됩니다. 기능은 PC와 동일합니다.
햄버거 메뉴
PC의 가로 메뉴가 좌측 사이드 시트로 변환됩니다.
하단 5탭바
홈·전체메뉴·지도보기·채팅·마이페이지가 항상 노출됩니다.
2열 카드 그리드
캠페인·참여 캠페인 카드는 2열로 표시됩니다 (PC는 화면 폭에 따라 4~5열).
카메라 직접 업로드
결과물 이미지 영역을 누르면 사진 라이브러리·카메라가 즉시 열립니다.
아직 궁금한 점이 있나요?
고객센터(070-4150-7577) 또는 사이트 1:1 문의로 언제든 문의해 주세요. 평일 10:00 ~ 18:00 운영합니다.