← 목록으로
📝 Prompt
사용자 가입 플로우
전체 회원가입 프로세스와 각 단계별 분기를 시각화합니다
진입점 (Entry Points)
🏠
홈페이지 히어로
💰
가격 페이지
🎯
기능 페이지
📱
헤더 CTA
회원가입 플로우
1
가입 폼
사용자 정보 입력
이메일 주소
비밀번호 (8자 이상)
약관 동의
소셜 로그인
Google/Apple 계정으로 바로 가입
→
2
이메일 인증
인증 링크 발송
인증 이메일 발송
링크 클릭 대기
재발송 옵션
에러 분기
이메일 중복 → 로그인 안내
약한 비밀번호 → 재설정 요청
→
3
프로필 설정
기본 정보 입력
이름 입력
프로필 사진
관심사 선택
건너뛰기 가능
→
4
워크스페이스
팀 설정 (선택)
팀 이름 지정
멤버 초대
역할 설정
건너뛰기 가능
→
✓
대시보드
가입 완료
환영 메시지
온보딩 체크리스트
가이드 투어
주요 단계
성공 완료
대체 경로
에러 처리
인터랙티브 데모
회원가입
이메일
비밀번호
이용약관에 동의합니다
다음 단계
📧
이메일을 확인해주세요
your@email.com으로
인증 링크를 발송했습니다
이메일 다시 보내기
이전
인증 완료
프로필 설정
이름
관심 분야
디자인
개발
마케팅
이전
건너뛰기
다음
🎉
환영합니다!
모든 설정이 완료되었습니다
지금 바로 시작해보세요
시작하기 체크리스트
✓ 계정 생성 완료
✓ 프로필 설정 완료
□ 첫 프로젝트 만들기
□ 팀원 초대하기
처음부터 다시
76. 사용자 가입 플로우 Design a user registration flow diagram: **Flow Overview**: Landing → Sign Up Form → Email Verification → Profile Setup → Dashboard **Entry Points**: - Header CTA: "Sign Up" - Homepage hero button - Pricing page "Get Started" - Feature page CTAs **Sign Up Form Screen**: - Email input - Password (with requirements) - Terms acceptance - OR social auth (Google, Apple) - "Already have account? Log in" **Social Auth Branch**: - OAuth popup/redirect - Permission consent - Returns with profile data - Skip email verification **Email/Password Branch**: - Submit → Validation - Success → Verification sent - Error → Show field errors **Email Verification**: - Check email message - Verification link - Resend option (rate limited) - Link clicked → Verified **Profile Setup** (optional): - Step 1: Basic info (name, avatar) - Step 2: Preferences/interests - Step 3: Workspace/team setup - Skip options available **Dashboard Landing**: - First-time welcome message - Onboarding checklist - Feature tour prompt **Error Branches**: - Email exists → Login prompt - Weak password → Requirements hint - Verification expired → Resend flow **Flow Visualization**: - Swimlanes: User, System, Email - Decision diamonds for branches - Success/error paths colored Tech: Mermaid/Lucidchart diagram → Pencil.dev canvas
디자인 프롬프트
×