Confratech: Telas Home e Dashboard de evento.
O Desafio
Durante o laboratório de inovações da Pontaltech, recebemos o desafio de criar uma solução para estimular conexões humanas no ambiente remoto, simulando os tradicionais momentos de pausa para o café. Assim nasceu o Confratech, uma plataforma que cria e gerencia chamadas no MS Teams, ajudando o nosso time de RH com as integrações entre colaboradores da empresa.
O objetivo do laboratório de inovações era reunir profissionais para atuar um pouco fora da sua área regular de trabalho, e, por isso não tínhamos nenhum front-end, apenas ficamos com alguns devs back-end que iriam aprender na prática. Por ser o único designer UX/UI da empresa naquele momento, me voluntariei para facilitar e contribuir com a etapa de discovery e o desenho das telas.
O principal desafio foi entender as nossas limitações técnicas e conduzir as primeiras etapas de discovery e logo após as definições e refinamentos, produzir uma interface intuitiva e fácil de usar.
Mockup: Confratech home page
Minha Atuação
Como único designer UX/UI da empresa naquele momento, fui responsável por liderar todo o processo de discovery e design da interface, trabalhando diretamente com um time de desenvolvedores, mais focados em back-end.
Processo de Design
1. Matriz CSD (Certezas, Suposições, Dúvidas) + definição de persona:
- Sessões de 2h semanais no FigJam, com foco em eliminar incertezas e definir o escopo do MVP, atribuindo sempre uma 'lição de casa' para termos maior entendimento técnico (Infelizmente não tenho mais acesso ao arquivo Figjam da matriz);
- Tínhamos apoio de uma pessoa de RH na equipe e, por ela ser uma possível usuária da aplicação, foi muito simples criar uma persona para embasar minhas escolhas de design;
Exemplo da dinâmica de Matriz CSD
Persona primária/usuária do produto.
2. Mapeamento de fluxos e protótipos de média fidelidade:
- Organização dos fluxos no FigJam, com foco em clareza e simplicidade;
3. Validações com o time:
- Feedbacks contínuos durante o desenvolvimento dos fluxos no Figma e FigJam;
Fluxo de criação de evento.
Fluxo de visualização de relatórios.
Fluxo de visualização e edição de agrupamento.
4. Design System + logo + Protótipos de Alta Fidelidade:
- Protótipos navegáveis e testáveis no Figma, simulando os fluxos finais;
5. Documentação no Jira:
- Cada tarefa foi documentada com textos, imagens, vídeos e regras de negócio.
Criação do logo e estilo do Design System para o MVP. Tudo foi feito de forma bem simples dadas as condições e tempo que tínhamos para este projeto e estou ciente de que caberiam melhorias e incrementações.
Principais fluxos de usabilidade criados
- Login e recuperação de senha;
- Cadastro e edição de colaboradores;
- Criação e gestão de eventos (entende-se como "evento": uma entidade criada pelo usuário que agrega as salas de chat com um dia e hora marcados);
- Agrupamentos aleatórios com opção de edição;
- Templates de e-mails convite;
- Formulários para conhecer preferências e personalidade dos colaboradores;
- Dashboard de eventos;
- Criação de Relatórios.
Prototipação
Aqui estão algumas evidências do protótipo desenvolvido:
Vídeo demonstrativo do protótipo construído no figma.
Login
Home
Criar Evento
Feedback
Editar Agrupamento
Dashboard Evento
Modal de confirmação
Gerenciar colaboradores
Adicionar Colaborador
Landing Page introdutória
Organização figma
Após todas as validações, criação de tarefas e refinamentos, passaram-se alguns meses de desenvolvimento de back e front-end. Infelizmente, o projeto foi descontinuado por questões internas e, apesar de tudo, acredito que algumas possíveis métricas de produto seriam relacionadas a qualidade das chamadas, aderência do produto por parte dos colaboradores e CSAT coletado através de pesquisa ativa via e-mail ou widgets em tela.
Conclusões:
Durante o projeto, aprendi o quanto o designer pode exercer um papel fundamental como mediador na etapa de descobrimento, ajudando a definir o problema e a afunilar as regras de negócio. Também ficou evidente a importância de adaptar o processo de design à realidade do time e aos recursos disponíveis, especialmente em contextos com prazos curtos e equipes enxutas. Além disso, a facilitação do discovery foi essencial para alinhar expectativas e direcionar esforços de forma mais eficaz. Por fim, a criação de um design system simples, baseado nas tecnologias conhecidas, foi outra estratégia para manter a consistência visual e agilizar as entregas.