UX/UI
Redesign modal de tarefas
No redesign do modal de tarefas, reorganizei informações e adicionei novas interações, tornando a experiência mais simples, eficiente e escalável
Redesign modal de tarefas
Durante meu período em uma empresa de tecnologia especializada em gestão de projetos de inovação, participei do redesign do modal de tarefas — um dos componentes mais críticos da plataforma.
O desafio era melhorar a usabilidade e, ao mesmo tempo, preparar a interface para suportar novas funcionalidades de forma escalável. Esse projeto foi especialmente marcante, pois representou a primeira iniciativa de testes de usabilidade conduzida dentro da organização, o que trouxe aprendizados importantes, fortaleceu a cultura de design centrado no usuário e abriu espaço para que essa prática passasse a ser vista como um diferencial estratégico.
Problema
Na versão anterior do modal, alguns pontos dificultavam a experiência:
Layout vertical que exigia muita rolagem em descrições longas.
Histórico e comentários juntos, dificultando o acompanhamento.
Inclusão de novas funcionalidades tornaria a interface ainda mais confusa.
Objetivo
O objetivo do redesign foi criar uma interface mais clara, organizada e flexível, que facilitasse o trabalho dos usuários no dia a dia e abrisse espaço para a evolução da plataforma.
Tecnologias e Atuação
Neste projeto atuei de forma end-to-end, conduzindo desde a análise inicial até a entrega do protótipo validado.
Minha atuação: pesquisa, ideação, criação de wireframes, prototipação, condução de testes de usabilidade e iteração a partir dos feedbacks.
Ferramentas utilizadas:
Figma → para wireframes, prototipação e documentação.
Word e Excel → preparação de roteiro e compilação do teste de usabilidade.
Processo de Design
Imersão
análise dos problemas existentes e pesquisa de referências.
Ideação
geração de hipóteses e propostas de solução.
Prototipação
desenvolvimento de wireframes e versões navegáveis.
Testes de usabilidade
validação das hipóteses com 10 usuários internos, entre gestores e executores.
Iteração
refinamentos com base nos feedbacks coletados.
Wireframes e geração de alternativas
Após a fase de ideação, desenvolvi wireframes de baixa fidelidade no Figma, criando versões navegáveis do modal que permitiam testar ideias de forma rápida e econômica antes da implementação. Os wireframes focavam em:
Layout em abas para reduzir rolagem e organizar histórico, comentários e anexos.
Componentes interativos básicos para navegação entre tarefas.
Estrutura de informações principais fixas no topo, garantindo visibilidade constante.
Com os wireframes prontos, realizei uma design critique com designers de outros times, definindo o caminho que fosse consenso entre as equipes. A partir disso, criei um protótipo em alta fidelidade com interação e conduzi testes de usabilidade internos com 10 colaboradores, divididos entre gestores (quem criava a tarefa) e executores (quem executava a tarefa).
Essa abordagem permitiu validar hipóteses, identificar pontos de fricção e coletar feedbacks rápidos e acionáveis, que foram incorporados nas iterações seguintes, refinando a interface antes do lançamento final.
Desafios
Este projeto trouxe um desafio extra: até então, a empresa não havia realizado testes de usabilidade.
Havia receio de que envolver clientes pudesse gerar expectativas indesejadas e atrasar entregas.
Para contornar a situação, propus realizar testes internos com colaboradores, que também eram usuários da plataforma no dia a dia. Dessa forma, foi possível validar as soluções de forma rápida e prática, sem riscos para a relação com clientes e dentro do prazo estabelecido.
Esse movimento abriu caminho para que os testes de usabilidade passassem a ser reconhecidos como uma prática valiosa na organização.
Solução Final
A versão final do modal trouxe melhorias significativas:
Informações principais fixas no topo, sempre visíveis.
Organização do conteúdo em abas, reduzindo rolagens.
Setas laterais para navegar entre tarefas sem fechar o modal.
Novo componente para inserção de links na aba de anexos.
Ajustes visuais para melhorar clareza e navegação entre etapas.
Resultados e Impacto
- Usuários demonstraram grande aceitação nos testes e após o lançamento.
Houve aumento no NPS já no mês de liberação da nova versão.
O modelo de modal passou a ser referência para outros times, sendo adotado como padrão em novos redesigns dentro da plataforma.
Aprendizados
Este projeto me mostrou a importância de:
Validar hipóteses cedo com usuários, mesmo em cenários de restrições.
Negociar soluções viáveis para garantir espaço para testes sem comprometer prazos.
Criar soluções escaláveis que podem inspirar e padronizar outros times da organização.
Identidade Visual
Magalhães e Martins
O projeto se inicio de uma demanda da Amanda e do Filipe de atualizar o site e deixar ele mais moderno e traduzindo melhor o trabalho que eles desempenham atualmente, visto que o site tinha sido desenvolvido a muitos anos.
UX/UI
Atarefados
No Atarefados ao cadastrar suas tarefas, você indica no campo duração o tempo que demorou para finaliza-las e a partir deste, a plataforma te dará uma previsão de quanto tempo você precisara para finalizar novas tarefas.
UX/UI
Acesso cidadão
O redesign do portal do acesso cidadão foi um projeto de pesquisa da Prodest realizado em parceria com o LOOP – Ufes. O projeto consistiu na avaliação e desenvolvimento de uma proposta de melhoria para a interface do Acesso cidadão.