About the Project
UX/UI Design project for WatchMojo's Daily Trivia game. Daily Trivia was designed to transform the platform's extensive pop culture catalog into a gamified daily quiz experience featuring real-time competition, global leaderboards, and a rewards system.
Context
WatchMojo Daily Trivia was introduced as a new initiative to drive platform engagement through a gamified experience. The main challenge was integrating the game into the existing ecosystem without disrupting the core video discovery and viewing experience, while creating a lightweight, fast, scalable, mobile-first journey that encouraged users to return every day through fun, progression, and competition.
Goals
- Increase daily user engagement;
- Encourage recurring visits;
- Create a compelling gamified experience;
- Support sustainable, long-term growth.
My Role
Product Designer
- Discovery.
- Research and Benchmarking.
- Experience Mapping.
- User Flows.
- UI Design.
- Design QA.
Team
- Head of Product.
- Product Manager.
- Product Designer.
- 2 Developers.
Core Features
- Guest Mode.
- Signed-in Users.
- Leaderboards.
- Rewards.
- Real-time Ranking.
Tools
Figma / FigJam
Adobe Illustrator
Project Information
-
Platforms
Desktop and Mobile.
-
Duration
10 weeks.
Resources
Because this was an extensive project, I created supplementary material featuring the mockups and design process. View it at the link below:
Discovery
Research & Benchmarking
Before exploring solutions, I benchmarked quiz and entertainment platforms to understand how different products approached gamification, retention, content discovery, and competition. The key insights informed the design decisions presented in the following sections.
- Gamification patterns.
- Leaderboard structures.
- Engagement mechanics.
- Opportunities for differentiation.
- Content discovery.
Platforms Reviewed
Benchmarking
Benchmarking
Key Patterns & Design Considerations
Recurring patterns identified across reference products and how they informed design considerations for the WatchMojo experience.
- Clear Entry Points: Games and live experiences were surfaced within the broader content discovery flow.
- Anticipation & Scheduling: Countdowns and scheduled events signaled upcoming opportunities to participate.
- Visual Differentiation: Cards, labels, and thumbnails helped distinguish videos, games, and live experiences.
- Contextual CTAs: Calls to action appeared close to relevant content rather than in isolated promotional areas.
- Progress & Competition: Leaderboards and personal ranking made performance visible and easy to compare.
- Clear Locked States: Restricted features explained availability and suggested a clear next step.
- Scalable Content Patterns: Reusable cards and promotional modules were adapted across desktop and mobile experiences.
Process
User Flows
We mapped the key user journeys to create a seamless, intuitive experience from start to finish.
End-to-End User Journey
End-to-End Experience - All Features
Guest User
Guest Access - Journeys and flows for users who want to play and customize their avatars as guests
Guest Access - Journeys and flows for users who want to play and customize their avatars as guests
Redeem Your Prize
Redeem Your Prize - Sign-up reward for guest users
Game Over
Game Over - Final leaderboard displayed after completing the game
Outcome
Final Experience
- Engagement Through Gamification: Designed gamification mechanics to drive engagement and encourage daily participation in Daily Trivia;
- Optimized Gameplay Experience: Reduced cognitive load and streamlined gameplay flows, allowing users to start a game more quickly and intuitively;
- Interface Consistency: Delivered a responsive web and mobile experience aligned with the WatchMojo brand and focused on usability and accessibility.
