TestBooster

Redesign de uma plataforma B2B SaaS de automação de testes em transição de SMB para mercado enterprise. O objetivo foi transformar um sistema técnico complexo em uma ferramenta profissional e escalável, organizando 40 telas em uma arquitetura coesa que suporta três tipos de teste (UI, API, Flows) sem sacrificar poder ou flexibilidade.
Papel: UX/UI Designer
Plataforma: Web (Desktop)
Escopo: Redesign completo de UX/UI, arquitetura de informação para 40 telas em 12 módulos, design de fluxos complexos, interface drag-and-drop, sistema de monitoramento em tempo real
O Desafio
Após um pivot estratégico de NoBotz para TestBooster, a empresa se reposicionou de ferramenta “no-code” para consumidores para plataforma enterprise direcionada a usuários técnicos (QA Engineers, Desenvolvedores, times de DevOps).
Usuários técnicos precisavam navegar entre múltiplos tipos de teste, configurar automações complexas e monitorar execuções em tempo real. A falta de hierarquia clara e a ausência de feedback visual tornavam tarefas simples em processos confusos.
O desafio era criar uma experiência profissional que respeitasse a complexidade técnica do produto sem transferi-la para a interface. Organizar 40 telas, 3 tipos de teste distintos e múltiplos estados de execução em uma estrutura enterprise-ready. Transformar poder técnico em clareza visual e credibilidade de mercado.
Arquitetura e Fluxos
Mapeei as 40 telas em 12 módulos funcionais: Authentication, Dashboard, Test Cases, Test Code, Test Flow, API Tests, API Flow, Plugin, Dashboards de execução, Projects, Team e Profile. Cada módulo segue padrões consistentes: list → editor → execution → results. A arquitetura suporta três jornadas paralelas (UI testing, API testing, Flow orchestration) sem sobreposição ou confusão. Criei um sistema de navegação que mantém contexto: sidebar persistente, breadcrumbsc claros, estados visuais que indicam onde o usuário está e o que pode fazer a seguir. Test Flows ganharam uma interface drag-and-drop para orquestração visual de testes sequenciais.
Design
O design prioriza clareza técnica e credibilidade enterprise. Purple como cor primária estabelece identidade tech profissional, complementado por status colors que comunicam estados de execução instantaneamente. A paleta foi construída para suportar alta densidade de informação sem criar ruído visual.
Componentes modulares e reutilizáveis garantem consistência em todas as 40 telas. A interface drag-and-drop para Test Flows simplifica orquestração complexa através de manipulação visual direta. Dashboards combinam visualização de dados (donut charts, métricas, tabelas) com interação fluida. Cada elemento foi pensado para escalar: o sistema de design suporta novos módulos e funcionalidades mantendo coesão e profissionalismo.
Resultados
O redesign transformou uma ferramenta técnica em uma plataforma profissional e escalável. A arquitetura modular permite crescimento sem perda de consistência. A interface drag-and-drop simplificou a criação de flows complexos. Dashboards de monitoramento dão visibilidade total sobre execuções em andamento. O projeto demonstra capacidade de trabalhar com sistemas enterprise complexos, múltiplos user flows paralelos e interfaces de alta densidade de informação mantendo clareza e usabilidade.