Gabriel R. Case 05 / 05
05 · Estudo de casoExperiência interativa · IA · Prêmio de melhor design · 2026

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
PapelÚnico designer UX/UI
ContextoDesafio da Bubble na Contra
PrazoDesafio de uma semana · design em 3 dias
ReconhecimentoPrêmio de melhor design
Prototipação com IAGame designFluxos de usuárioDesign de interfacePixel artDesign system
Telas do Dungeon Text em pixel art
01 / Visão geral

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.

02 / Desafio e processo

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.

01Protótipo com IA

Uma primeira versão feita com a IA da Bubble para testar o conceito e o fluxo principal.

02Regras do jogo

Lore do mundo, dez classes de personagem, seis atributos e as instruções do Mestre do Jogo.

03Iteração no Figma

Fluxos, telas e um design system compacto, refinados a partir do protótipo.

04Pixel art

Ilustrações feitas à mão para campanhas, personagens, o Mestre do Jogo e itens.

03 / Game design

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.

Seis atributos
VontadePresençaInstintoCoragemCorpoConhecimento
04 / Experiência do usuário

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.

01Escolher a campanha

Cards de campanha com arte, lore e popularidade, para começar a jogar antes mesmo de fazer login.

02Escolher o personagem

Um carrossel de retratos em pixel art, apresentado pelo Mestre do Jogo.

03Distribuir pontos

Distribuir os pontos iniciais entre os seis atributos, com a história do personagem à vista.

04História pessoal

O jogador acrescenta um detalhe próprio à história do personagem antes da campanha começar.

05Role play

História, escolhas, ficha do personagem, vida, inventário e o dado da disputa em uma só tela.

06Salvar o progresso

Antes de sair, o Mestre do Jogo convida o jogador a entrar na conta para salvar a aventura.

Escolha de personagem em pixel art: o Mestre do Jogo encapuzado acima de uma fileira de seis retratos de personagens
05 / Identidade visual e design system

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.

Componentes de interface do Dungeon Text em pixel art: painel do avatar, dado da disputa marcando 16 e o campo de texto com instruções para o jogador
06 / Resultado

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.

Arquivo do projeto

Veja mais
no Figma

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