Project Goal

To develop an interactive web app game with drag-and-drop mechanics, real-time analytics, and a leaderboard system that fosters competition and improves gameplay performance for users.

Research & Insights

• Objective: Understand the needs of casual gamers for a fun and analytical gaming experience.

• Methods: Surveys with 50 gamers and competitive analysis of leaderboard-based games.

• Key Findings:

  • 70% of users value leaderboards for motivation.

  • Gamers enjoy games with short rounds and performance feedback.

  • Drag-and-drop mechanics were rated highly for simplicity and engagement.

Key Features

Authentication (Sign-In and Sign-Up):

• Easy-to-use forms for username, email, and password creation.

2. Dashboard:

• Total plays, minutes played, player ranking, and highest score.

• Game analytics including time spent, correct arrangements, and missed opportunities.

3. Leaderboard:

• The top 3 players are highlighted with avatars, total points, and trophies.

• Comprehensive player rankings, including user stats.

4. Game History:

• Performance metrics show percent changes in scores, correct arrangements, and time spent.

• Detailed game logs for score, time, and actions.

5. Game Area:

• Drag-and-drop gameplay with a 30-second timer.

• Options for restart, play, or end game.

6. Profile and Settings:

• Personalized user information, including avatar and email.

Design Process

• Wireframing: Created low-fidelity wireframes to plan layouts for authentication, dashboard, and game screens.

• Prototyping: Developed interactive prototypes to test navigation and gameplay mechanics.

• UI/UX Design: Focused on clean, intuitive designs with vibrant visuals to enhance engagement.

Challenges and Solutions

• Challenge: Real-time leaderboard updates. Solution: Implemented a dynamic database to fetch and display live rankings.

• Challenge: Tracking detailed analytics without disrupting gameplay. Solution: Background processing to analyze game data after each session.

Outcomes:

• Created a seamless, user-friendly interface with engaging gameplay.

• Positive feedback from early testers for its analytics and leaderboard features.

• Increased user engagement through competitive and performance-driven elements.