Rômulo SutilSenior Product Designer
Todos os cases

Case 03 de 05

GovTech · CAIXA · Selo de Qualidade 2022

SIRFO

Portal da CAIXA para homologar e acompanhar fornecedores. Um trâmite em papel virou uma jornada digital, auditável e com status visível.

Papel
Senior Product Designer, com design e DesignOps
Time
6 pessoas: eu, 3 devs, 1 PM e 1 QA
Escopo
Service design, fluxos de backoffice e acessibilidade (eMAG e WCAG)
Cliente
CAIXA, via Qintess
Capa do SIRFO: logo da CAIXA e duas telas do Portal de Relacionamento com Fornecedores

Trâmite real do SIRFO

O caminho de um fornecedor da CAIXA até o contrato aprovado.

Antes do SIRFO

  1. Reúne os documentos

    Sem saber exatamente o formato exigido.

  2. Entrega no credenciamento

    Processo 100% manual, em papel.

  3. Documento devolvido

    A especificação não estava clara. Volta para o passo 2.

    devolvido para correção, volta ao passo 2

  4. Espera sem notícia

    Nenhuma visibilidade de status.

  5. Aprovação

    Depois de semanas.

semanaspara aprovar um contrato.

Tudo em papel, sem status e com retrabalho no meio do caminho.

Com o SIRFO

  1. Entra no portal

    Vê o contrato e o que falta antes de começar.

  2. Cadastro em etapas

    CPF validado na hora, com erro que diz o que corrigir.

  3. Anexa o contrato social

    Formato e tamanho checados no envio.

  4. Acompanha o status

    Sem precisar ligar para ninguém.

  5. Aprovação

    Em dias.

diaspara aprovar um contrato.

+35% de eficiência na gestão de fornecedores e Selo de Qualidade CAIXA 2022.

Resultados

  • +35%de eficiência na gestão de relacionamento com fornecedores
  • Diaspara aprovar um contrato, que antes levava semanas
  • Selo QAselo de qualidade concedido pela CAIXA ao portal em 2022

Decisões na tela

Landing do Portal SIRFO: à esquerda a missão do portal, à direita a prévia de um contrato

  1. Missão antes do login

    À esquerda, o que o portal faz, em uma frase e um botão. O fornecedor entende para que ele serve logo de cara.

  2. Prévia do contrato real

    À direita, o contrato do jeito que aparece depois do login: a página inicial mostra o produto antes de pedir senha.

  3. Ações onde o dado está

    Pagamento, atendimento e revisão ficam no próprio contrato. Ninguém precisa procurar a ação num menu global.

  4. Os serviços numa grade só

    Todos os serviços do contrato em blocos com ícone e nome, no mesmo lugar, sem navegação extra.

    7serviços por contrato

Acessibilidade

A tela do SIRFO para quem usa de outro jeito

Landing do Portal SIRFO: à esquerda a missão do portal, à direita a prévia de um contrato

Leitor de tela

Para quem ouve a página, contam a ordem e os nomes. É isto que um leitor de tela deve anunciar, nesta ordem:

  1. bannerPortal de Relacionamento com Fornecedor
  2. botãoAbrir menu
  3. título 1Bem-vindo(a) ao Portal de Relacionamento com Fornecedores da Caixa
  4. textoNo portal você vai poder interagir com todos os contratos vinculados a você…
  5. botãoAcesse o portal
  6. título 2Contrato 72553/2011, Caixa Econômica Federal
  7. statusVigente
  8. botõesSolicitar pagamento, atendimento, revisão

Esses critérios viraram um guia para os times da CAIXA. Ver o Guia de Acessibilidade →

Outras decisões

  1. Filtros no contexto de trabalho

    A lista de fornecedores filtra pelo portfólio comercial interno. O operador encontra o que precisa ali, e não em planilhas soltas.

    Mosaico de telas da listagem de fornecedores com filtrosAmpliar imagem

  2. Uma mensagem para cada erro

    Mensagens diferentes para CPF inválido e CPF não encontrado. O fornecedor sabe o que corrigir na hora, sem precisar abrir chamado.

    Fluxo de cadastro do representante com estados de erro específicosAmpliar imagem

  3. Ações no próprio contrato

    Pagamento e revisão ficam na página do contrato, sem menu global. A ação acontece onde o dado já está.

    Detalhe de contrato com as ações de pagamento e revisãoAmpliar imagem

Processo

  1. Auditoria do credenciamento

    Auditei o credenciamento físico e achei o gargalo: documentos reenviados por falta de especificação na tela.

  2. Validar no campo, em etapas

    Validar dados críticos no próprio campo e dividir o formulário em etapas reduziria as devoluções.

  3. Teste com fornecedores reais

    Testei com fornecedores reais e desenhei um estado de erro específico para cada problema encontrado.

  4. Entrega dentro do eMAG e da WCAG

    Interface final dentro do eMAG e da WCAG. A aprovação de contratos passou de semanas para dias.