Skip to content

Latest commit

 

History

History
103 lines (55 loc) · 1.38 KB

onboardingScreens.md

File metadata and controls

103 lines (55 loc) · 1.38 KB

Description: Create a comprehensive onboarding flow design for LyricsFlip mobile app that introduces users to the game mechanics, token system, and social features.

Required Screens:

Welcome Screen

App logo/branding

Engaging welcome message

"Get Started" CTA button

Optional "Skip" button

Background music/lyrics theme Game Mechanics Screen

Flipcard animation demonstration

Points system explanation

Timer visualization

Progress indicators

Interactive elements Token System Screen

Token visualization

Wagering explanation

Wallet connection preview

Rewards showcase

Token animation Social Features Screen

Multiplayer preview

Leaderboard snapshot

Friend system preview

Achievement badges

Social interaction examples Wallet Connection Screen

Supported wallet options

Connection flow

Security indicators

Help/support access Ready to Play Screen

Final CTA

Quick start guide

Profile setup preview

Game mode selection Design Requirements:

Dark mode support

Consistent typography system

Color palette definition

Animation specifications

Component library

Icon set design

Gesture indicators

Loading states Interaction Specifications:

Onboarding flow navigation

Screen transitions

Button states

Touch feedback

Progress indication

Swipe gestures

Micro-interactions

https://www.figma.com/design/RMDtznrW50OHN26qe1TEOZ/LyricsFlip-mobile-app?node-id=0-1&t=1pe3ZMdQsfdRJQYz-1