KaBuM! — Redesenhando a comunicação interna

O App Ninja é a ferramenta de comunicação interna da KaBuM!, usada por gerentes e colaboradores. O desafio: melhorar interface e experiência sem reescrever o código — evoluindo componentes e linguagem visual.

CONTEXTO

Teste avaliativo em 24 horas

MEU PAPEL

UX Research, UI Design, Prototipagem

PLATAFORMA

Mobile

FERRAMENTAS

Figma, FigJam

01

Espaçamentos

Sem consistência - interface sufocada e sem ritmo visual

O DESAFIO

Melhorar a experiência sem reescrever o código

Foco em evoluir componentes e comunicação visual mantendo a base técnica — sem impacto no desenvolvimento.

02

Ícones sem estado

Ativos e inativos visualmente iguais - usuário não sabia onde estava.

03

Tipografia

Falta de hierarquia, títulos e subtítulos no mesmo peso dificultavam a leitura do feed.

RAIO-X DO PRODUTO ATUAL

PROCESSO

Do diagnóstico à solução

Execução focada nos principais fluxos, trabalhando a hierarquia e o design, com poucas alterações e maiores impactos.

01

Análise geral de componentes já trazendo melhorias nos principais elementos identificados.

Análise

02

Estudos e testes para ter um melhor plano de evolução e aplicação do novo design system

Wireframe

SOLUÇÃO

Componetização completa com variações de estado, Light/Dark mode e documentação para o time.

Componentes consistentes, experiência fluida

APRENDIZADOS
Aplicar uma boa hierarquia

Uma hierarquia bem aplicada resolve muito da comunicação e divisão de informações

O que este projeto me ensinou

Restrições de marca não são obstáculos

Trabalhar dentro da identidade me forçou a ser mais criativo na estrutura e nos padrões de interação

Teste cedo, mesmo com wireframe

O feedback mais valioso veio de protótipos de baixa fidelidade — quando ainda era barato mudar.