개발 slecs

파트너 온보딩 위자드로 신규 사용자 초기 설정 완료율 향상

목차

파트너 온보딩 위자드 추가 및 관련 기능 구현

파트너 온보딩 위자드 추가 및 관련 기능 구현 기능을 구현했음.

배경

신규 사용자가 플랫폼의 기능과 설정 방법을 스스로 파악하기 어려우면 이탈로 이어짐. 단계별 가이드를 시스템 안에서 제공하면 첫 진입 장벽을 낮출 수 있음.

구현 방식

단계별 위자드 모달을 구현했음. 각 단계 완료 상태를 DB에 저장해서, 페이지를 이동해도 마지막 위치에서 이어서 진행할 수 있음.

코드 예시

// 온보딩 단계 관리
const STEPS = ['profile', 'fee', 'coupon', 'invite'];

async function checkAndShowOnboarding() {
    const res = await fetch('/api/onboarding/status');
    const { currentStep, completed } = await res.json();

    if (!completed) {
        showOnboardingModal(STEPS[currentStep]);
    }
}

async function completeStep(step) {
    await fetch('/api/onboarding/complete', {
        method: 'POST',
        body: JSON.stringify({ step })
    });
    const nextStep = STEPS.indexOf(step) + 1;
    if (nextStep < STEPS.length) showOnboardingModal(STEPS[nextStep]);
    else closeOnboarding();
}

검토 포인트

온보딩 건너뛰기 옵션을 제공하는 게 좋음. 숙련된 사용자가 강제로 온보딩을 완료해야 하면 오히려 불편할 수 있음.

정리

신규 사용자의 초기 설정 완료율이 높아졌음. AI 채팅과 연동해서 온보딩 중 질문도 즉시 받을 수 있게 했음.

다음

댓글 0

첫 댓글 달아줘.