the-world-congress-project / .github

0 stars 0 forks source link

브랜딩 및 마케팅 준비 - 웹/앱 스플래시 및 온보딩 화면 디자인하기 #167

Open hohyon-ryu opened 2 months ago

hohyon-ryu commented 2 months ago

Assignee: hohyon-ryu Due Date: 2024-04-24

youngseo42 commented 1 month ago

스플래시 및 온보딩 방향성

  1. 스플래시(Splash) 페이지
    • The World Congress 로고 애니메이션 효과로 시작
    • 로고 아래에 "Where Every Voice Matters" 슬로건 제시
    • 브랜드 컬러와 단순한 라인 애니메이션 활용한 로딩 UI

Image

  1. 온보딩 1 - 비전 소개
    • "Join the Global Discussion" 메인 타이틀
    • 플랫폼의 핵심 비전인 민주적 의사결정, 다양성 존중 등 설명
    • 세계지도 일러스트와 다양한 아바타가 상호작용하는 애니메이션

Image

  1. 온보딩 2 - 기능 소개
    • "Explore Topics, Share Ideas" 서브 타이틀
    • 트렌딩 토픽 카드, 차트 섹션 등 주요 기능 프리뷰

Image

Image

  1. 온보딩 3 - 회원가입
    • "Join the Movement" 제목
    • 간편 회원가입 프로세스 안내 (이메일, SNS 연동 등)
    • 회원 가입시 제공 데이터 및 개인정보 보호 정책 명시

Image

  1. 온보딩 4 - 맞춤 설정

    • "Personalize Your Experience"
    • 관심사, 언어, 지역 등 개인화 옵션 설정 가이드
    • 설정 완료후 실제 웹사이트로 자연스럽게 전환
  2. 가입 완료 페이지

    • "Welcome to the World Congress" 환영 메시지
    • 소셜 미디어 공유 버튼, 앱 다운로드 링크 등 제공
    • 메인 페이지로 바로 이동할 수 있는 "Get Started" 버튼