Dungeon Text.
Um RPG de texto com IA, premiado, que une as aventuras de texto clássicas à pixel art retrô.
Ver o arquivo no Figma
O
jogo
Um RPG de texto clássico, movido a IA.
O Dungeon Text é um RPG para navegador que une as aventuras clássicas guiadas por texto a uma narrativa gerada por IA e à pixel art de inspiração retrô. Um Mestre do Jogo feito com IA narra a história, reage às escolhas do jogador e acompanha atributos, inventário e progresso.
Criado para um desafio de desenvolvimento da Bubble na plataforma Contra, ele ganhou o prêmio de melhor design. Fui o único designer UX/UI do projeto.
Uma semana,
três dias de design
De um protótipo com IA a uma experiência de jogo completa, em pouco tempo.
O desafio durou uma semana. A IA ajudou principalmente no começo: um primeiro protótipo feito com a IA da Bubble. A partir daí, a iteração foi para o Figma, onde toda a identidade visual e a experiência do usuário foram desenhadas em três dias.
Todas as ilustrações foram desenhadas à mão em pixel art, sem geração de imagens por IA.
Uma primeira versão feita com a IA da Bubble para testar o conceito e o fluxo principal.
Lore do mundo, dez classes de personagem, seis atributos e as instruções do Mestre do Jogo.
Fluxos, telas e um design system compacto, refinados a partir do protótipo.
Ilustrações feitas à mão para campanhas, personagens, o Mestre do Jogo e itens.
Regras para
o Mestre do Jogo
Desenhar as regras que a IA segue.
A experiência também depende do que a IA recebe. O Mestre do Jogo segue um conjunto de instruções: o lore de um mundo de dark fantasy, as classes de personagem, a campanha e regras rígidas para respeitar os eventos salvos da história, o inventário e os atributos, sempre terminando cada rodada com três ações possíveis.
As ações decisivas são resolvidas por uma disputa: um dado de 0 a 20 contra o atributo do personagem. Quanto menor o resultado, melhor a ação; quanto mais ele passa do atributo, mais dura a consequência.
Da criação
à história
Da criação do personagem à narrativa interativa.
A experiência conduz o jogador pela escolha da campanha, criação do personagem, distribuição de atributos e uma história pessoal antes da aventura começar. Durante o jogo, uma interface estruturada reúne a narrativa da IA, as escolhas do jogador, as informações do personagem e o inventário. O objetivo foi tornar um RPG de texto tradicional acessível, envolvente e visualmente imersivo.
Cards de campanha com arte, lore e popularidade, para começar a jogar antes mesmo de fazer login.
Um carrossel de retratos em pixel art, apresentado pelo Mestre do Jogo.
Distribuir os pontos iniciais entre os seis atributos, com a história do personagem à vista.
O jogador acrescenta um detalhe próprio à história do personagem antes da campanha começar.
História, escolhas, ficha do personagem, vida, inventário e o dado da disputa em uma só tela.
Antes de sair, o Mestre do Jogo convida o jogador a entrar na conta para salvar a aventura.
RPG clássico,
repaginado
A estética dos RPGs clássicos, repensada para a web.
O Dungeon Text se inspira nos primeiros RPGs de computador: pixel art feita à mão, paleta limitada e elementos de interface retrô, com magenta, roxo e verde sobre fundos quase pretos.
Um design system compacto no Figma definiu tipografia, cores e componentes reutilizáveis, mantendo o jogo todo consistente.
Prêmio de
melhor design
Um design premiado, entregue em três dias.
O Dungeon Text recebeu o prêmio de melhor design no desafio da Contra, que reconheceu sua identidade visual marcante e a experiência do usuário coesa.
Em três dias, todo o fluxo do jogo foi desenhado, da escolha da campanha e criação do personagem à interface principal do RPG, apoiado por um sistema de componentes reutilizáveis no Figma.
Veja mais
no Figma
O projeto do Dungeon Text, das regras do jogo e do fluxo completo à guia de estilo e aos componentes, aberto para você explorar.
Abrir o arquivo no Figma