Eric Luz
ProjetosCase · Produto público · Web e mobile

SIAGRES

Transformando uma operação regulada em uma experiência digital. Das normas e do trabalho em campo à estrutura de uma plataforma de gestão de resíduos, acompanhada até a entrega.

Meu papelProduct Designer, do discovery à entrega
ProdutoSistema Integrado de Apoio à Gestão de Resíduos Sólidos
EquipeLiderança, especialista de campo, dev e QA
StatusLançado, com boa recepção da prefeitura
Detalhamento de um MTR no web: resíduos, ações, participantes e histórico
App mobile com a lista de MTRs do transportador App mobile com os lotes de resíduo para coletar
02Contexto

Uma oportunidade de negócio em um domínio que eu ainda não conhecia

Aqui o primeiro problema não era a interface: era entender um setor inteiro. Quem participa, quais documentos são exigidos e como a responsabilidade muda a cada etapa.

A liderança pediu um estudo do SINIR, o sistema nacional de referência, para criar uma solução própria para prefeituras. O núcleo: emitir e acompanhar os Manifestos de Transporte de Resíduos (MTRs).

O problema que precisávamos compreenderSíntese didática feita para este case, não um fluxo histórico
01OrigemOnde o resíduo é gerado
02TransporteQuem coleta e leva o material
03DestinoQuem recebe e trata
04Rastreamento documentalO MTR acompanha todas as etapas
03Imersão

Primeiro, eu precisava aprender como aquela operação funcionava

Juntei três fontes para construir um entendimento confiável e, a partir dele, os primeiros fluxos e a estrutura do sistema.

Documentação de referênciaMais de 80 páginas do sistema de referência, pela minha lembrança.
Legislação e regrasPor que cada documento existe e quais restrições orientam o produto.
Conhecimento de campoConversas com quem conhecia o transporte, para confrontar o papel com a rotina real.
Cerca de 4 mesesEstimativa pessoal, não cronograma auditado
Estudo do domínioPrimeiros meses
Pesquisa e estruturaçãoMeses seguintes

“Antes de desenhar a jornada, precisei entender a operação que existia por trás dela.”

04Linguagem do setor

Uma interface não pode ignorar a linguagem de quem trabalha nela

Quem opera usa códigos e classificações técnicas, não nomes informais. Pesquisei as referências do setor e organizei essas informações para o cadastro.

Resíduo adicionado ao MTR com código, peso, acondicionamento, classe, estado físico e tratamento
Recorte do cadastro original:CódigoPesoAcondicionamentoClasseEstado físicoTratamento
Confluence

Documentação no Confluence. Conceitos, regras e processos mapeados, como referência para quem entrasse no projeto e para a implementação.

05Estrutura do produto

Uma operação, diferentes responsabilidades

O desafio era conectar pessoas que agem em momentos diferentes da mesma movimentação, em que cada ação depende da anterior.

Cadastro do MTR no web
Gerador01
Emite o MTR e descreve o resíduo que vai sair.Web
Lotes para coletar no app
Transportador02
Confirma a participação e registra a coleta.App
Lotes para recebimento no app
Destinador03
Confere o que chegou e confirma o recebimento.App

O mesmo MTR passa pelos três. Ninguém avança antes do anterior confirmar.

06Fluxo completo

Do cadastro ao CDF: o caminho de um MTR

Seis momentos em que o documento passa de mão em mão, com a tela real usada em cada um.

Etapas simplificadas para leitura
Cadastro de MTR no web, etapa 1App com gerador confirmado e ação de confirmar participaçãoLista de lotes para coletar no appLista de lotes para recebimento no appApp com confirmar recebimento ou receber com ressalvaDetalhamento do MTR com histórico
Tela real · Cadastro de MTR · web
07Cadastro de MTR

Transformar exigências operacionais em um preenchimento compreensível

No web, o cadastro virou quatro etapas: tipo de resíduo, detalhes, logística e observações. A complexidade fica dividida, e o usuário vê o próprio avanço.

Etapa 1: escolha da categoria do resíduo e do armazenamento temporárioEtapa 2 com aviso de no máximo um tipo de resíduo no armazenamento temporárioEtapa 2 com um resíduo adicionado e o peso total em relação à capacidade

Etapa 1: a categoria do resíduo e a opção de armazenamento temporário vêm antes de qualquer detalhe técnico.

01Sequência da informaçãoCategoria antes dos detalhes técnicos.
02Progresso visívelO stepper mostra onde a pessoa está.
03Agrupamento por contextoCampos agrupados pelo momento da operação.
04A regra aparece na horaO aviso aparece antes do erro.
08Acompanhamento

O MTR precisava continuar compreensível depois de criado

O detalhamento reúne manifesto, resíduos e participantes, para que cada responsável entenda o estado atual e aja no momento certo.

Detalhamento do MTR com resíduos, ações, gerador, transportador, destinador e histórico 1 · Identificação e status
  1. Dados pessoais desfocados nas capturas.
09Mobile e confirmações

Cada responsável atua no seu momento

No app, o mesmo MTR aparece para quem coleta e para quem recebe. A ação principal muda conforme o papel e o estado do documento.

Listagem por perfil
Meus MTRs na visão do transportador
Meus MTRs · Transportador
Meus MTRs na visão do destinador
Meus MTRs · Destinador
Lotes para coletar com divergência de peso sinalizada
Lotes para coletar
Lotes para recebimento com divergência de peso sinalizada
Lotes para recebimento
Participantes e confirmaçõesEstados presentes nas telas, sem ordem cronológica
Gerador confirmado, com ações de confirmar ou recusar participação
Confirmar participação
Destinador com status pendente
Destinador pendente
Ação bloqueada aguardando o transportador
Aguardando transportador
Transportador confirmado, com confirmar recebimento ou receber com ressalva
Receber com ou sem ressalva
10Colaboração

Acompanhando o produto além da aprovação das telas

Acompanhei dev e QA na implementação, discutindo o comportamento dos fluxos. Foi um dos primeiros projetos em que atuei no produto como um todo, não só na interface.

Minha contribuição
Estudo do domínio, das referências e das regras
Fluxos de usuário e estrutura dos ambientes
UX/UI do web e do mobile
Documentação funcional no Confluence
Esclarecer o comportamento esperado com dev e QA
Com a equipe
Liderança trouxe a oportunidade e a direção do projeto
Especialista da operação trouxe a realidade do campo e do transporte
Desenvolvimento construiu a solução
QA verificou a qualidade dos fluxos implementados
11Entrega e evolução

Um produto entregue que abriu espaço para uma nova necessidade

O SIAGRES foi lançado e bem recebido pela prefeitura. Logo veio uma nova demanda: ecopontos, para o cidadão encontrar onde descartar certos materiais.

EntregaProduto lançado, no web e no mobile
RecepçãoBoa recepção pela prefeitura
Evolução do escopoGestão de MTRsNova demanda: ecopontosRepresentação editorial. A demanda foi solicitada, não lançada.
Próximo casee-Matrículas
Contato

Tem um produto para tirar do papel?

Me conta o desafio. Respondo por WhatsApp, e-mail ou LinkedIn.

WhatsApp(95) 98414-0592E-mailericxluzz.dsg@gmail.comLinkedInin/ericxluzzz-dsgCurrículoBaixar CV em PDF

Desenhado e codado por mim, de ponta a ponta, num processo de Design Engineering: design, interface e animações em Next.js, TypeScript e Tailwind CSS, publicado na Vercel.