O Desafio
Como requisito para uma disciplina universitária, o desafio era idealizar e construir um aplicativo de chatbot funcional. Nossa equipe decidiu criar o "Tavern Talk", um chatbot especializado projetado para simplificar o processo, muitas vezes complexo, de criação de fichas de personagem de Dungeons & Dragons. O objetivo era guiar os usuários através das perguntas necessárias em um formato de conversação e permitir que salvassem várias fichas de personagem em sua conta.
Meu Papel
Trabalhando em uma equipe pequena, assumi múltiplas responsabilidades neste projeto. Realizei pesquisa de UX para entender as necessidades dos usuários-alvo, cuidei do design da interface e também fiz parte do time de desenvolvimento frontend.
O Processo & A Solução
Design
Nosso processo de design utilizou o Figma para criar wireframes, designs visuais e protótipos interativos. Um foco principal foi estabelecer uma forte conexão temática com D&D; usamos gradientes de vermelho escuro e prata e elementos visuais relacionados para evocar a atmosfera clássica de taverna de fantasia. A pesquisa de UX me ajudou a entender o fluxo que a conversa deveria ter e a estrutura para apresentar as informações do personagem.
- Design Visual Temático:
Criamos uma forte conexão temática com D&D usando gradientes de vermelho escuro e prata e elementos visuais relacionados no Figma. - Fluxo de Conversa:
Utilizamos a pesquisa de UX para entender o fluxo que a conversa do chatbot deveria seguir para a criação de personagens. - Estrutura da Informação do Personagem:
Projetamos a estrutura para apresentar e salvar as informações da ficha do personagem. - Wireframing e Prototipagem:
Criamos wireframes e protótipos interativos no Figma para visualizar e testar a experiência do usuário.
Desenvolvimento
Desenvolvemos o "Tavern Talk" usando uma stack similar à MERN: React para o frontend, Node.js para o servidor backend e MongoDB para o banco de dados, sem depender muito de bibliotecas adicionais. O aplicativo foi projetado para ser apenas móvel (mobile-only), simulando uma interface de telefone mesmo quando vista em um desktop. Minhas contribuições no frontend envolveram a construção de componentes React e a implementação da interface de usuário projetada.
Tecnologias Usadas
Responsabilidades
- Realização de pesquisa de UX para entender as necessidades dos usuários.
- Responsável pelo design da interface do aplicativo de chatbot.
- Participação no desenvolvimento do frontend usando React.
- Implementação da interface de usuário projetada.
O Resultado
O resultado foi um aplicativo web funcional com o deploy feito no Vercel em tavern-talk.vercel.app. O chatbot guia com sucesso os usuários através do processo de criação de personagem. O projeto cumpriu os requisitos do curso e foi bem recebido, garantindo à nossa equipe uma nota muito boa.
O "Tavern Talk" foi uma experiência de aprendizado valiosa, especialmente porque me tirou da minha zona de conforto, já que eu não era familiarizado com D&D anteriormente. Ele demonstra minha capacidade de conduzir pesquisas de UX, projetar interfaces de usuário temáticas, contribuir para o desenvolvimento frontend com React e colaborar de forma eficaz dentro de uma equipe para entregar um aplicativo completo (embora com uma stack simples) do conceito ao desenvolvimento. Representa um passo fundamental na aplicação de conceitos aprendidos para construir uma ferramenta criativa e funcional.
