Giulia Bins

Trabalhos / Tradeverifyd

Monitorar sem se perder

A base de conhecimento é onde os clientes acompanham as empresas que importam pra eles: explorar, escolher o que monitorar, ler os alertas, receber um briefing. Ela tinha virado quatro páginas que funcionavam cada uma de um jeito. Transformei tudo num lugar só, onde dá pra se achar.

Papel
Staff Product Designer
Quando
Julho a outubro de 2026
Produto
Plataforma de inteligência de supply chain, B2B
Foco
Navegação, alertas, monitoramento, briefing

Observação.As telas desta página foram redesenhadas e simplificadas por causa de um NDA. Nomes, rótulos e dados são fictícios. As decisões e o raciocínio são meus.

Contexto

A Tradeverifyd tem três grandes áreas: um assistente de IA, os mapas de fornecedores e uma base de conhecimento. Os mapas respondem “de quem eu compro”. A base de conhecimento responde “o que está acontecendo com eles agora”: explorar qualquer empresa, monitorar as que importam, ler os alertas, receber um briefing.

Cada uma dessas páginas tinha sido feita num momento diferente, por pessoas diferentes, e dava pra perceber.

Parte 1

Um lugar, um jeito de navegar

O problema

As abas da base de conhecimento ficavam em quatro posições diferentes em quatro páginas. Às vezes na esquerda, às vezes na direita, às vezes empilhadas. Cada página pedia pra você achar a navegação de novo. E a navegação principal do produto não deixava claras as três grandes áreas.

O que eu fiz

  • Uma navegação pro produto. Uma barra só no topo com as três áreas: o assistente de IA, os mapas de fornecedores e a base de conhecimento.
  • Uma estrutura só pra base de conhecimento. As mesmas abas, Explore, Monitored, Briefing e Alerts, sempre no mesmo lugar, em todas as páginas.
  • Palavras que as pessoas usam. “Watch list” virou “Monitored”. As pessoas não entendiam o termo antigo.
  • Um Explore que não te tira do lugar. Os resultados da busca abrem ali mesmo, e a busca diz o que ela cobre.
Antes
ExploreWatchBrief
Explore
ExploreWatchBrief
Watch list
ExploreWatchBrief
Briefing
ExploreWatchBrief
Alerts
Depois
AssistantMapsLibrary
ExploreMonitoredBriefingAlerts
Explore
AssistantMapsLibrary
ExploreMonitoredBriefingAlerts
Monitored
AssistantMapsLibrary
ExploreMonitoredBriefingAlerts
Briefing
AssistantMapsLibrary
ExploreMonitoredBriefingAlerts
Alerts
Redesenhado. As abas mudavam de lugar de uma página pra outra (antes). Uma estrutura só, mesmas abas, mesmo lugar (depois).

Parte 2

Alertas que se explicam

O problema

Um alerta dizia que algo tinha acontecido, não por que aquilo importava pra você. Era preciso sair do alerta pra descobrir quais das suas empresas e mapas tinham sido afetados, e se dava pra confiar na fonte.

O que eu fiz

Todo alerta agora responde três perguntas na mesma tela: por que importa pra você, o que ele atinge nos seus dados (as empresas e os mapas de fornecedores) e de onde isso vem, com a lista, o registro e quem publicou. Alerta não lido tem uma bolinha, todo alerta tem um tipo, e um desastre natural abre com o mapa de onde aconteceu.

Estas telas são protegidas

São redesenhadas com dados falsos, e eu compartilho a pedido. Digite a senha pra ver, ou me peça acesso.

Parte 3

Monitoramento que dá pra ler de relance

O que eu fiz

As empresas monitoradas ficam agrupadas pela empresa que importa pra você, mostrando quantas das relacionadas estão sendo acompanhadas e quantos alertas estão abertos. Parar de monitorar é um clique, e um mapa mostra onde fica cada uma. Desmarcar todos os países pausa o monitoramento em vez de quebrar, e o card avisa.

Estas telas são protegidas

São redesenhadas com dados falsos, e eu compartilho a pedido. Digite a senha pra ver, ou me peça acesso.

Parte 4

Um briefing que vale abrir

O problema

Ninguém estava usando o briefing antigo. Então a primeira decisão foi esconder em vez de polir, até ele valer a pena ser mostrado.

O que eu fiz

Depois redesenhei a partir do trabalho que ele deveria fazer: um resumo regular do que mudou. A data fica na esquerda. Na direita, um botão de entrega cujo texto é a agenda atual, abrindo um menu pequeno com frequência, dia, horário e email. Download e Regenerar ficam no cabeçalho do próprio briefing, e o mais novo vem marcado como Latest. A agenda é por pessoa.

Escrevi o teste da página, reescrevi os requisitos de produto no modelo do time e abri o trabalho pra engenharia como um épico com duas stories.

Estas telas são protegidas

São redesenhadas com dados falsos, e eu compartilho a pedido. Digite a senha pra ver, ou me peça acesso.

Decisões que importaram

  • Esconder antes de consertar. Uma página que ninguém usa não precisa de polimento primeiro. Precisa de um motivo pra existir.
  • Mesmo lugar, sempre. Navegação que muda de lugar faz cada página parecer nova. Navegação que fica no lugar faz o produto parecer um só.
  • Dizer o porquê antes do quê. Um alerta que começa dizendo por que importa pra você é um alerta em que as pessoas agem.

Resultado

A base de conhecimento passou a ser um lugar só: uma barra no topo, as mesmas quatro abas em todas as páginas, alertas que se explicam, uma lista de monitorados que dá pra ler de relance e um briefing desenhado em volta do que mudou. O briefing foi pra engenharia como um épico definido.

Se achar no produto faz parte do produto, não é uma camada por cima dele.

O que eu levei comigo: quando quatro páginas funcionam de quatro jeitos, a solução não é um quinto design. É decidir um jeito só e segurar todas as páginas nele.