Nicktoons & The Dice of Destiny — Official Extended Cinematic Trailer.
Nicktoons & The Dice of Destiny — Official Extended Cinematic Trailer.

Nicktoons & The Dice of Destiny

UI / UX / Liderança

Ano
Setembro / 2024 — Agosto / 2025
Função
Lead UI
Companhia
Petit Fabrik / GameMill Entertainment / Nickelodeon
Ferramentas
Illustrator, Photoshop, Figma

Nicktoons & The Dice of Destiny é um jogo de RPG que combina diferentes universos da Nickelodeon, mesclando temáticas, personagens, itens e habilidades de mundos totalmente diferentes. Trabalhei como Lead UI, propondo e desenvolvendo a identidade visual do projeto. Os maiores desafios envolveram:

  • Arquitetura de informação, devido à grande quantidade de itens e equipamentos que deveriam ser organizados adequadamente para que o jogador não se sentisse perdido no inventário;
  • Preocupação constante com feedback ao usuário, mantendo sempre muito claro o que, quando e como podem ser realizadas determinadas ações;
  • Garantia de que a IP do cliente fosse respeitada;
  • Qualidade de assets e especificações de interface entre plataformas.
Telas de navegação do jogo. Telas de navegação do jogo.
Telas de navegação do jogo.

A primeira etapa no projeto foi entender qual o direcionamento criativo que o cliente queria passar com o jogo. De acordo com o briefing, as sensações que deveriam ser alcançadas eram: fantasia moderna, papel envelhecido, RPG simplificado e mapa de papel.

Estudo de símbolos e mapa de referências visuais. Estudo de símbolos e mapa de referências visuais.
Estudo de símbolos e mapa de referências visuais.

Fiz uma pesquisa para entender o que caracterizava cada um dos elementos mencionados no briefing e como essas sensações poderiam ser sentidas a partir da escolha de símbolos visuais, como texturas, cores e identidade tipográfica. A pesquisa culminou em um acervo de referências e no primeiro estudo de interface, aprovado pelo cliente.

Além da pesquisa simbólica de linguagem visual do gênero e estilo de jogo, também me aprofundei nos diferentes universos das IPs, entendendo quais elementos poderiam ser utilizados para reforçar uma comunicação mais próxima ao público-alvo e aos fãs.

Definição inicial de interface para aprovação com o cliente: Inventário e aba de Habilidades. Definição inicial de interface para aprovação com o cliente: Inventário e aba de Habilidades.
Definição inicial de interface para aprovação com o cliente: Inventário e aba de Habilidades.

Todo o processo envolveu um fluxo constante de testes e iterações para melhorar a qualidade dos feedbacks ao longo do desenvolvimento da interface e da experiência.

O desenvolvimento das interfaces exigiu um cuidado extra com as diferentes plataformas. Como o jogo seria desenvolvido para computador, Switch, PlayStation e Xbox, tivemos a cautela de criar uma experiência fluida para cada uma delas.

Inventário e aba de Habilidades. Inventário e aba de Habilidades.
Inventário e aba de Habilidades.
Aba de Stats e estudos da interface para multiplayer e variações de acordo com a plataforma. Aba de Stats e estudos da interface para multiplayer e variações de acordo com a plataforma.
Aba de Stats e estudos da interface para multiplayer e variações de acordo com a plataforma.
Mapa para escolha de fase, destaque para iconografias e efeitos propostos para dinamismo. Mapa para escolha de fase, destaque para iconografias e efeitos propostos para dinamismo.
Mapa para escolha de fase, destaque para iconografias e efeitos propostos para dinamismo.
Estudo de mapa e menu principal. Estudo de mapa e menu principal.
Estudo de mapa e menu principal.
Escolha de personagem e diário de quests. Escolha de personagem e diário de quests.
Escolha de personagem e diário de quests.
Telas de NPC, upgrade de poção e equipamentos. Telas de NPC, upgrade de poção e equipamentos.
Telas de NPC, upgrade de poção e equipamentos.
Tela de derrota e estágio completo. Tela de derrota e estágio completo.
Tela de derrota e estágio completo.

Todos os assets foram organizados no Figma para acesso e controle do time de desenvolvimento.

Recorte da organização de assets. Recorte da organização de assets. Recorte da organização de assets.
Recorte da organização de assets.
Recorte da organização de assets.
Voltar para a página principal