u01

랜딩 + 다국어 선택

매핑: F-04 다국어 · 1.6 6개 언어 · 진입점: 비로그인 첫 방문
9:41● ▮ ▮▮
Nester
언어 선택 / Language
한국어
English
ภาษาไทย
Tiếng Việt
中文(简)
日本語
시작하기 / Get Started
이미 계정이 있어요 · 로그인
* MVP 6개 언어. 미번역 문구는 영어 → 한국어 폴백.
주요 요소 · 비주얼 헤더 · 6개 언어 칩(현재 선택 강조) · 시작/로그인 CTA · 언어는 즉시 UI 반영
u02

회원가입 / 로그인

매핑: F-01 · 이메일 + Google + Facebook · 동의서 다국어
9:41● ▮ ▮▮
로그인 / 가입
로그인
회원가입
이메일 / Email
비밀번호 / Password
로그인
또는 / OR
Google로 계속
Facebook으로 계속
개인정보 수집·이용 동의 (모국어로 표시)
핵심 · 소셜 우선(외국인 보유 채널) · 동의서는 선택 언어로 자동 노출 · 가입탭 시 국가/모국어 입력으로 진행 (u03)
u03

국가·모국어·체류 단계 온보딩

매핑: F-01 · 가입 직후 1회 · OCR 단계로 분기
9:41● ▮ ▮▮
시작 설정 (1/3)
국적 / Nationality
국가를 선택하세요
모국어 / Native language
언어를 선택하세요
현재 단계 / Stage
선택지: 입국 직후 / 외국인등록증 신청 전 / 발급 후
다음 → OCR 등록
건너뛰기 (나중에 등록)
분기 · "입국 직후" → 여권 OCR · "외국인등록증 발급 후" → 외등 OCR · 건너뛰기 시 가이드는 공통 5step만 노출
u04

OCR 등록 진입 (여권 vs 외국인등록증)

매핑: F-02 · 2가지 등록 방식 분기
9:41● ▮ ▮▮
신분 정보 등록
방식 A · 입국 직후
권장
여권 정보면 + 비자 스티커 촬영
여권 + 비자 촬영하기
방식 B · 외국인등록증 발급 후
외국인등록증 1면 촬영
외국인등록증 촬영하기
직접 입력 (OCR 없이)
의사결정 · OCR 솔루션 PoC: Naver Clova vs Google Vision (3.2 외부 API) · MRZ 인식 정확도 비교 후 선택
u05

OCR 카메라 촬영 (가이드 프레임)

매핑: F-02 · 원본 이미지는 OCR 직후 삭제 (3.4 보안)
9:41● ▮ ▮▮
여권 촬영
여권을 가이드 안에 맞춰주세요
밝은 곳 · 그림자 없이 · 평평하게
중요 · MRZ 영역 자동 인식 시 자동 캡처 가능 · 이미지는 서버 전송 후 즉시 폐기 또는 암호화 분리 저장 (3.4)
u06

OCR 결과 확인 + 수동 폴백

매핑: F-02 · OCR 실패 또는 오인식 시 직접 수정
9:41● ▮ ▮▮
정보 확인
⚠ 1건 수정 필요
성명 (영문)
KIM ▭▭▭▭▭▭ ✓
국적
▭▭▭▭▭▭▭ ✓
여권번호
M▭▭▭▭▭▭▭▭ ✓
비자 종류 ⚠
자동 인식 실패
비자 코드 직접 선택 (D-2 / E-7 …)
비자 스티커가 흐리거나 일부 가려진 경우 발생
체류 만료일
YYYY-MM-DD ✓
확인 완료 · 비자 정보 보기 →
사진 다시 찍기
UX · 자동 인식 성공 필드는 회색 배경 · 실패/저신뢰 필드는 검은 테두리 강조 · 모든 필드 수정 가능 · 저장 시 AES-256 암호화 (3.4)
u07

비자 정보 확인 + D-day

매핑: F-03 · 비자별 가이드 트랙 자동 분류
9:41● ▮ ▮▮
내 비자
D-2 · 유학
D-180
체류 만료일까지 180일 남음
맞춤 정착 가이드
공통 5단계
+ D-2 추가 단계
정착 가이드 시작하기
비자 만료 알림
ON
D-90 / D-30 / D-7 자동 알림 (이메일)
가이드
제휴
매칭
마이
로직 · D계열 / E계열 / F계열 자동 분류 → step_templates에서 비자조건 매칭 · D-day 계산은 user_documents.체류만료일 기준 (3.3)
u08

행정 가이드 메인 (공통 5 + 비자별 추가)

매핑: F-03 · 진행 상태(예정/진행/완료) · 다음 권장 step 자동 추천
9:41● ▮ ▮▮
정착 가이드
진행률
2 / 8
다음 권장: Step 3 휴대폰 개통
공통 5단계
Step 1 · 외국인등록증 신청
완료
Step 2 · 은행 계좌 개설
완료
Step 3 · 휴대폰 개통
진행중
Step 4 · 건강보험 가입
예정
Step 5 · 거주지 신고
예정
D-2 (유학) 추가 단계
Step 6 · 대학 학적 등록
Step 7 · TOPIK 응시 안내
Step 8 · 시간제 취업 허가
가이드
제휴
매칭
마이
핵심 화면 · 명세서 F-03 핵심 · 공통 5 + 비자별 추가 step (D/E/F 계열별 분기) · 다음 권장 자동 추천 (user_steps 상태 기반)
u09

단계 상세 (서류·지도·체크리스트·제휴)

매핑: F-03 + F-05 · 한 단계 = 5개 섹션 (설명/서류/위치/소요/제휴)
9:41● ▮ ▮▮
Step 3 · 휴대폰 개통
개요
필요 서류
방문 기관 위치
⚲ Kakao Map · 가까운 지점 자동 표시
소요 시간
예상 비용
체크리스트
제휴사 바로가기
F-05
SKT 외국인
KT 외국인
LGU+
알뜰폰
탭 시 UTM 추적 후 외부 페이지로 이동 (partner_clicks 기록)
완료로 표시
행정사에게 도움 요청 (u11)
구성 · 명세서 F-03: "설명+필요서류+방문기관 위치(지도)+소요/비용+체크리스트+제휴 링크" 6개 블록 정확 매핑
u10

제휴사 목록 (은행·통신·보험)

매핑: F-05 · MVP 수익 핵심 · 카테고리 탐색 + UTM 딥링크
9:41● ▮ ▮▮
제휴사
은행
통신
보험
외국인 계좌
영문 안내
바로가기
외국인 계좌
앱 가입
바로가기
외국인 계좌
바로가기
외국인 계좌
바로가기
⚠ 외부 페이지 이동 시 UTM 파라미터 자동 부여 → 클릭/전환 추적 (partner_clicks)
가이드
제휴
매칭
마이
관리자 연동 · 노출 ON/OFF, 순서 등은 a05에서 관리 · UTM 코드는 partners 테이블의 utm_code 사용
u11

행정사 매칭 신청 폼

매핑: F-06 · 외국인등록증·비자연장·체류자격변경 등 · 모국어 가능 행정사 매칭
9:41● ▮ ▮▮
행정사 매칭 신청
신청 항목 (복수 선택)
외국인등록증
비자 연장
체류자격 변경
영주권
귀화
기타
희망 일정
날짜 선택
시간대 선택 (오전/오후)
상담 가능 언어
한국어
English
ภาษาไทย
Tiếng Việt
中文
日本語
연락처
+82 010-0000-0000
이메일 (자동 입력)
상세 요청사항 (선택)
개인정보 행정사 제공 동의 (모국어)
매칭 신청하기
* 영업일 24시간 이내 행정사 배정 후 알림
매칭 로직 · 자동 라운드로빈 또는 관리자 수동 배정(a06) · 매칭 완료 시 사용자+행정사 양측에 이메일/푸시 (F-07)
u12

매칭 진행 상황 / 배정 알림

매핑: F-06 + F-07 · 신청 → 검토 → 배정 → 상담완료 4단계
9:41● ▮ ▮▮
내 매칭
신청 #20260507-001
신청검토배정완료
배정된 행정사
D계열 전문
EN/TH
전화
메시지
상담 일정
일정 변경 요청
가이드
제휴
매칭
마이
상태 전이 · agent_requests.status: pending → reviewed → assigned → completed · 정산 데이터는 a06에서 관리
u13

마이페이지 (진행도·D-day·알림 설정)

매핑: F-07 · 알림 채널/주기 설정 · 언어 변경
9:41● ▮ ▮▮
마이
D-2 유학
D-180
편집
정착 진행도
2 / 8 단계 완료다음: Step 3
알림 설정
이메일 알림
ON
앱 푸시 (Phase 2)
OFF
비자만료 D-30/D-7/D-1
ON
미완료 step 리마인더
ON
언어 / Language
한국어 ▾
개인정보 처리방침
이용약관
고객지원
로그아웃
가이드
제휴
매칭
마이
알림 시나리오 (F-07) · 외등 신청 D-30/D-7/D-1 · 비자만료 D-90/D-30/D-7 · step 미완료 리마인더 · 행정사 배정
u14

알림함

매핑: F-07 · 인앱 알림 + 이메일 동시 발송
9:41● ▮ ▮▮
알림
전체 읽음
⚠ 비자 만료 D-30
방금
행정사 배정
2시간 전
Step 3 리마인더
어제
외국인등록증 D-7
3일 전
시스템
1주 전
구분 · 미확인 알림은 굵은 테두리 · 이메일은 AWS SES, 푸시는 Firebase Cloud Messaging (Phase 2)
a01

관리자 로그인

매핑: 2.1 관리자 권한 · 별도 도메인/경로 (admin.nester.kr) · 2FA 권장
admin.nester.kr/login
Nester Admin
운영자 전용
관리자 이메일
비밀번호
2FA 코드 (6자리)
로그인
관리자 활동은 모두 audit_logs에 기록됩니다 (3.4)
보안 · 명세서 3.4 보안 요구: 관리자 개인정보 조회는 모두 감사 로그 + 사유 입력 필수 → a04에서 노출
a02

대시보드 (KPI + 차트)

매핑: F-08 · 핵심 KPI: 총 회원수/활성/비자별/국가별/step 완료율
admin.nester.kr/dashboard
대시보드
관리자: admin@nester.kr
총 회원
활성 회원 (7d)
step 완료율
제휴 전환 (30d)
가입 추이 (90일)
7d / 30d / 90d
국가별 분포
베트남
▭▭
태국
▭▭
중국
▭▭
필리핀
기타
비자별 분포
D-2
D-4
E-7
E-9
F-4
F-6
step 완료율 분포
Step 1 외등 신청
Step 2 계좌
Step 3 휴대폰
Step 4 건강보험
Step 5 거주지
KPI 정의 · 총/활성 회원 · 비자/국가별 분포 · step 완료율 · 제휴 전환 추이 (모두 명세서 F-08 명시)
a03

회원 통계 (국가/비자/단계별)

매핑: F-08 · 필터 + 차트 + CSV 내보내기
admin.nester.kr/stats/users
통계 › 회원
CSV 내보내기
전체 기간
7일
30일
90일
국가: 전체 ▾
비자: 전체 ▾
언어: 전체 ▾
단계: 전체 ▾
국가별 가입자
비자 계열별 분포
단계별 진행률 매트릭스
비자Step1Step2Step3Step4Step5완료율
D-2 유학▭▭▭▭▭▭
D-4 어학▭▭▭▭
E-7 특정활동▭▭▭▭▭▭▭▭
E-9 비전문취업▭▭▭▭▭▭
F-6 결혼이민▭▭▭▭▭▭▭▭▭▭
분석 축 · 국가 × 비자 × 단계 3차원 · CSV 내보내기는 사업계획서 KPI 보고용
a04

회원 목록 + 상세 (감사 로그 모달)

매핑: F-08 + 3.4 보안 · 개인정보 조회 시 사유 입력 필수
admin.nester.kr/users
회원 › 목록
회원 검색 (이메일/이름)
ID이름국가비자가입일진행도최근 로그인
#0142▭▭▭▭ ▭▭VND-42026-04-21
오늘상세
#0141▭▭▭▭▭ ▭THD-22026-04-20
2시간 전상세
#0140▭▭▭ ▭▭▭CNF-62026-04-20
어제상세
#0139▭▭▭▭ ▭▭▭PHE-92026-04-19
3일 전상세
#0138▭▭ ▭▭▭▭JPE-72026-04-18
1주 전상세
전체 ▭▭▭ 명
1
2
3
⚠ 개인정보 조회 사유 입력 (감사 로그)
필수
조회 사유 (예: 행정사 배정 검토)
행정사 배정
고객 문의 응대
번역 검수
기타
취소
조회
관리자 ID, 시각, 사유, 조회 필드 → audit_logs 기록
컴플라이언스 · 외국인등록번호/여권번호는 마스킹 (M****1234) · 원본 조회는 별도 권한 + 사유 + 감사 로그
a05

제휴사 관리 + 전환 통계

매핑: F-05 admin · UTM 추적 / ON·OFF / 카테고리 / 정산 데이터 매칭
admin.nester.kr/partners
제휴사 › 관리
+ 제휴사 추가
전체
은행
통신사
보험
제휴사카테고리UTM클릭(30d)전환(30d)전환율노출
KB국민은행은행nester_kb▭▭▭▭▭▭▭%ON편집
신한은행은행nester_sh▭▭▭▭▭▭▭%ON편집
SKT 외국인통신nester_skt▭▭▭▭▭▭▭%ON편집
KT 외국인통신nester_kt▭▭▭%OFF편집
외국인 의료보험 A보험nester_inA▭▭▭%ON편집
제휴사별 클릭/전환 추이 (30일)
정산 데이터 업로드
CSV 끌어 놓기 (제휴사 정산 회신 매칭)
업로드
MVP 방식 · API 직접 연동이 아닌 UTM 딥링크 (F-05) · 제휴사가 회신한 전환 CSV로 partner_clicks와 매칭 정산
a06

행정사 매칭 관리 (신청 → 배정 → 정산)

매핑: F-06 admin · 자동 라운드로빈 또는 수동 배정 · 월/건당 정산
admin.nester.kr/agents
행정사 매칭
신청
미배정
배정완료
상담완료
정산
미배정 신청 큐
#회원요청언어희망일대기
#001▭▭▭ (TH)외등EN/TH04-30 오전3h배정 →
#002▭▭▭ (VN)비자연장VI/EN05-02 오후1h배정
#003▭▭▭ (CN)자격변경ZH05-03 오전30m배정
#004▭▭▭ (JP)영주권JA05-04 오후15m배정
행정사 풀 (가용)
D계열
EN/TH
3건
F계열
VI/EN
1건
E계열
ZH
2건
전반
EN/JA
0건
자동 라운드로빈 ON
+ 행정사 추가
정산 (이번 달)
정산 CSV 출력
행정사건수건당 수수료합계상태
▭▭▭▭12▭▭,000▭▭▭,000대기
▭▭▭▭8▭▭,000▭▭▭,000정산완료
▭▭▭▭5▭▭,000▭▭,000대기
의사결정 · 5.3 사전 확보 필요: 행정사 풀 자체 운영 vs 올재익텍적소(또는 유사) 제휴 — 이 화면은 양 옵션 모두 수용
a07

콘텐츠 / 다국어 번역 관리

매핑: F-04 admin · 키-값 6개 언어 동시 편집 · 영어→한국어 폴백
admin.nester.kr/content
콘텐츠 › 단계별 안내
step
UI 라벨
알림 템플릿
동의서
단계 트리
공통 5단계
▸ Step 1 외국인등록증
▸ Step 2 은행 계좌
▸ Step 3 휴대폰 개통
▸ Step 4 건강보험
▸ Step 5 거주지 신고
D 계열
▸ 학적 등록 / TOPIK / 시간제 취업
E 계열
▸ 근로계약 / 4대보험 / 국세청
F 계열
▸ 사회통합 / 가족관계 / 영주권
+ 단계 추가
Step 2 · 은행 계좌 개설 (콘텐츠 편집)
ko ✓
en ✓
th ✓
vi ⚠
zh-CN ✓
ja ⚠
제목 (ko)
설명 본문 (ko)
필요 서류
+ 추가
제휴사 매핑
KB
신한
하나
우리
미리보기
저장 (모든 언어)
미번역(⚠) 언어는 영어 → 한국어 자동 폴백 노출 (F-04)
구조 결정 (3.3) · translations 테이블 (key, lang, value) 또는 step_templates에 다국어 컬럼 분리 — 이 UI는 양쪽 모두 호환
a08

공지 / 이메일 발송

매핑: F-07 admin · 타겟 필터 + 다국어 본문 + 발송 예약
admin.nester.kr/notify
공지 › 새 발송
AWS SES
FCM (Phase 2)
발송 대상 (타겟 필터)
국가 선택 (다중)
비자 선택 (다중)
진행 단계 (예: Step 3 미완료)
언어 (자동 — 사용자 모국어)
예상 수신자
▭▭▭ 명
필터 변경 시 실시간 갱신
메시지
템플릿: 일반 공지
비자만료 D-30
step 리마인더
행정사 배정
ko
en
th
vi
zh-CN
ja
제목
{{사용자명}}, {{비자종류}}, {{D_DAY}} 변수 사용 가능
즉시
예약
이메일
앱 푸시
미리보기 (수신자 1명)
테스트 발송
발송하기
발송 직후 audit_logs 기록 + 발송 이력 페이지에서 추적
알림 시나리오 (F-07) · 외등 D-30/D-7/D-1 · 비자만료 D-90/D-30/D-7 · step 리마인더 · 행정사 배정 — 모두 템플릿화