Projeto de UX/UI Design para a WatchMojo
UX UI Design de Produto

Sobre o Projeto

Projeto de UX/UI Design para o jogo Daily Trivia da plataforma WatchMojo. O Quiz Daily Trivia foi criado para transformar o vasto catálogo de cultura pop da plataforma em um projeto gamificado de quizzes diários com competição em tempo real, ranking global e sistema de recompensas.

Contexto

O WatchMojo Daily Trivia nasceu como uma nova iniciativa para aumentar o engajamento da plataforma por meio de uma experiência gamificada. O principal desafio era integrar o jogo ao ecossistema existente sem comprometer a experiência principal de descoberta e consumo de vídeos, criando uma jornada leve, rápida, escalável e prioritariamente móvel, capaz de incentivar o retorno diário dos usuários por meio de diversão, progressão e competição.

Objetivos

  • Aumentar o engajamento diário dos usuários;
  • Incentivar o retorno contínuo;
  • Criar uma experiência gamificada;
  • Encorajar e sustentar o crescimento de longa prazo.

Meu Papel

Product Designer


  • Discovery.
  • Pesquisa e Benchmarking.
  • Mapeamento da Experiência.
  • Fluxos de Usuário.
  • Design de Interface.
  • QA - Controle de Qualidade.

Equipe


  • Head de Produto.
  • Product Manager.
  • Product Designer.
  • 2 Desenvolvedores.

Funcionalidades


  • Modo Convidado.
  • Usuários Autenticados.
  • Rankings.
  • Recompensas.
  • Ranking em Tempo Real.

Ferramentas

  • Figma / FigJam
  • Adobe Illustrator

Informações Adicionais

  • Plataformas

    Desktop e Mobile.

  • Duração

    10 semanas.

Links

Por se tratar de um projeto extenso, disponibilizei um material complementar contendo os mockups e o processo de trabalho. Confira no link abaixo:

Mockups e Processo de Design (Figma) .

Discovery

Pesquisa e Benchmarking

Antes de explorar soluções, realizei um benchmarking de plataformas de quiz e entretenimento para entender como diferentes produtos abordavam gamificação, retenção, descoberta de conteúdo e competição. Os principais aprendizados serviram como base para as decisões de design apresentadas nas próximas seções.

  • Padrões de gamificação.
  • Estrutura de ranking.
  • Mecânicas de engajamento.
  • Oportunidades de diferenciação.
  • Descoberta de conteúdo.

Plataformas analisadas

Netflix
Prime Video
YouTube
Crave
Too Good To Go

Benchmarking

WatchMojo

Benchmarking

Principais Padrões e Considerações de Design

Padrões recorrentes identificados nos produtos de referência e como eles orientaram as decisões de design para a experiência da WatchMojo.

  • Pontos de Entrada Claros: Jogos e experiências ao vivo foram integrados ao fluxo mais amplo de descoberta de conteúdo.
  • Antecipação e Agendamento: Contagens regressivas e eventos programados sinalizavam as próximas oportunidades de participação.
  • Diferenciação Visual: Cartões, etiquetas e miniaturas ajudavam a distinguir vídeos, jogos e experiências ao vivo.
  • Chamadas para Ação Contextuais: As chamadas para ação apareciam próximas ao conteúdo relevante, em vez de áreas promocionais isoladas.
  • Progresso e Competição: Rankings e posições individuais tornavam o desempenho visível e fácil de comparar.
  • Estados Bloqueados Claros: Funcionalidades restritas explicavam sua disponibilidade e indicavam claramente o próximo passo.
  • Padrões de Conteúdo Escaláveis: Cartões reutilizáveis e módulos promocionais foram adaptados para experiências em computadores e dispositivos móveis.

Processo

Fluxos de Usuário

Mapeamos as principais jornadas do usuário para garantir uma experiência fluída e intuitiva do início ao fim.

Jornada Completa

Formulários

Experiência Completa - Todas as funcionalidades

Usuário Convidado

WatchMojo

Acesso Convidado - Jornadas e fluxos dos usuários que desejam jogar e alterar seus avatares como convidado

WatchMojo

Acesso Convidado - Jornadas e fluxos dos usuários que desejam jogar e alterar seus avatares como convidado

Resgate seu Prêmio

WatchMojo

Resgate Seu Prêmio - Recompensa de cadastro para usuários não autenticados

Fim de Jogo

WatchMojo

Fim de Jogo - Ranking final após concluir a partida

Resultado

Experiência Final

  • Engajamento via Gamificação: Criação de mecânicas de gamificação voltadas ao aumento do engajamento e ao incentivo da participação diária no Daily Trivia;
  • Experiência de Jogo Otimizada: Redução da carga cognitiva e simplificação dos fluxos de jogo, permitindo que os usuários iniciem uma partida de forma mais rápida e intuitiva;
  • Consistência de Interface: Entrega de uma experiência responsiva para web e dispositivos móveis, alinhada à identidade da marca WatchMojo e focada em usabilidade e acessibilidade.
WatchMojo Daily Trivia WatchMojo Daily Trivia WatchMojo Daily Trivia WatchMojo Daily Trivia