UX/UI Design Project for WatchMojo
UX UI Product Design

About

UX/UI Design project for WatchMojo's Daily Trivia game, focused on creating an engaging, intuitive experience aligned with the product goals. The Daily Trivia quiz was created to transform WatchMojo's extensive pop culture catalog into an interactive game that enables real-time competition.

The goal of this project was to integrate the experience into WatchMojo's digital ecosystem, aligning business objectives, user experience, and technical requirements.

My Role

I partnered with the Head of Product and Product Manager throughout the entire project lifecycle, from initial concept to development. My responsibilities included creating user flows, wireframes, and UX/UI designs, as well as conducting user testing and Quality Assurance (QA) activities to ensure a high-quality experience and consistency throughout the implementation.

Steps

  • Initial analysis;
  • Benchmarking;
  • User flows;
  • Experience mapping;
  • Wireframes;
  • UX/UI design;
  • QA - Quality assurance testing.

Features

  • User Profile #1 — Logged-in User:
    • Home page - Starting point;
    • Gameplay - Game experience;
    • Leaderboard - Final ranking;
    • Game over screen - Final results.
  • User Profile #2 — Guest User:
    • Customize nickname & avatar;
    • Guest user — Winning screen;
    • Redeem your prize — Signup reward.

Benchmarking

Apps and platforms analyzed:

  • To Good To Go;
  • Netflix;
  • Crave;
  • Prime;
  • Youtube.

Tools


  • Figma / FigJam
  • Adobe Illustrator

Links


Given the scope of this project, I've included supplementary material that walks through the mockups and my design process. Explore the full case using the link below:

Mockups & Design Process (Figma) .

WatchMojo

Benchmarking

Formulários

Complete Experience — All features and user flows

WatchMojo

Guest Experience — User journeys and flows for guests who want to play and customize their avatars without creating an account

WatchMojo

Guest Experience — User journeys and flows for guests who want to play and customize their avatars without creating an account

WatchMojo

Redeem Your Prize — Reward redemption flow for users who are not signed in

WatchMojo

Game Over Screen — Final ranking and results screen displayed after the game ends

UI Design - Desktop and Mobile Screens

WatchMojo Daily Trivia
WatchMojo Daily Trivia
WatchMojo Daily Trivia
WatchMojo Daily Trivia