Para acessar, insira a senha

Painel de Ofertas — Vector Business Services
Painel de Ofertas — Vector Business Services

Melhor produto do mercado, pior usabilidade segundo clientes. O redesign que mudou isso.

Empresa

Vector Bussiness Services

Atuação

Product Designer

Squad
Leonardo Morrot, Product DesignerLM
BB
DH
DR
AM
Timeline

nov. 2024 - fev. 2026

Visão geral

O Painel de Ofertas é o módulo mais acessado do Vector, onde analistas logísticos gerenciam contratações logísticas milionárias. Era também o módulo com os piores problemas de usabilidade da plataforma.

Em 2024, um importante cliente comparou a Vector com seus concorrentes. Veredicto: melhor prateleira de produtos do mercado, pior usabilidade. Esse feedback tornou urgente o que a equipe já sabia: atualizar a plataforma era mais do que necessário.

Minhas responsabilidades:
  • Planejar e conduzir pesquisas

  • Mapear dores e objetivos dos usuários

  • Construir protótipos de baixa e alta fidelidade

  • Planejar e conduzir testes de usabilidade

  • Definir estrutura de navegação e hierarquia de informações.

  • Documentar requisitos e regras de design

Impacto no negócio

+40 milhões de toneladas de produtos gerenciados pela plataforma

+1 bilhão de reais em pagamentos de fretes realizados com uso do Vector

+5.000 analistas logísticos que utilizam a plataforma todos os dias.

+80 interfaces redesenhadas para melhorar a experiência e facilitar tomadas de decisão.

Pesquisa

Conduzi entrevistas com 15 analistas de 3 diferentes clientes, com um objetivo: ouvir sem filtro.

+35 dores identificadas

Cada dor representa uma fricção real relatada pelos usuários, consolidadas em um board de síntese após as entrevistas.

4 categorias de problemas e melhorias encontrados

Identifiquei as dores em categorias que revelaram padrões e ajudou a priorizar onde o design precisava atuar primeiro.

+28 sugestões de melhorias

Pedimos que os usuários imaginassem soluções. As respostas viraram insumo direto para as decisões de design.

21 entrevistados

Analistas, supervisores, coordenadores e colaboradores da Vector — perfis variados para entender como o sistema era percebido em diferentes papéis da operação.

Usabilidade

O sistema permite divulgar ofertas mesmo quando o saldo é insuficiente para atender a demanda

Leonardo Morrot

A necessidade de inserir zeros à frente do número do lote para filtrar gerava frustrações constantes

Leonardo Morrot

Inconsistência de unidade de medida (peso em kg. em vez de ton.)

Leonardo Morrot

Automatização

Cancelamentos não retornam saldo automaticamente para o sistema Vector, exigindo intervenção manual no SAP.

Leonardo Morrot

Baixa efetividade do fluxo de divulgação das ofertas.

Leonardo Morrot

Comunicação

Analistas não são avisados quando ordens são eliminadas ou canceladas

Leonardo Morrot

Dependência do suporte para situações críticas gera paralisações

Leonardo Morrot

Leitura de restrições de veículo passa despercebida pelos motoristas.

Leonardo Morrot

Sugestões dos usuários

Calculadora de consumo de saldo

Leonardo Morrot

Visualização automática de ofertas ao abrir o sistema (sem necessidade de filtrar manualmente)

Leonardo Morrot

Configuração para definição da unidade de medida preferencial (kg ou ton)

Leonardo Morrot

Problemas centrais

Navegação confusa

a arquitetura da informação não refletia a jornada real dos analistas, dificultando o uso no dia a dia.

Falta de feedback sistêmico

o sistema falhava silenciosamente, sem comunicar erros ou orientar o usuário sobre o que fazer.

Ausência de dados estratégicos

informações essenciais para a tomada de decisão simplesmente não estavam disponíveis dentro da plataforma.

Automação incompleta

processos que deveriam ser automáticos geravam retrabalho manual e inconsistências nos dados.

Tecnologia ultrapassada

a arquitetura legada limitava a evolução do produto, dificultando a implementação de melhorias de performance, personalização da interface e escalabilidade para novos fluxos da plataforma.

Tecnologia ultrapassada

a arquitetura legada limitava a evolução do produto, dificultando a implementação de melhorias de performance, personalização da interface e escalabilidade para novos fluxos da plataforma.

Jobs to Be Done

Cada analista chega ao Painel de Ofertas com um objetivo em mente. Entender esses objetivos foi o ponto de partida do redesign.

Legenda:

Dor associada

Etapa da jornada

Quando preciso fechar um frete com prazo apertado, quero comparar ofertas rapidamente, para tomar a melhor decisão sem arriscar a operação.

Analistas operam com senso de urgência elevado e alta autonomia decisória em contextos de prazo crítico.

Contratação

Pressão de prazo

Quando coordeno várias operações ao mesmo tempo, quero ver o status de tudo em um só lugar, para não perder o controle do que está pendente ou atrasado.

A rotina envolve coordenação simultânea de operações multimodais com múltiplos transportadores e stakeholders.

Divulgação

Contratação

Sobrecarga operacional

Quando analiso uma oferta, quero ver as informações dentro da minha jornada real de trabalho, para decidir sem precisar cruzar dados entre sistemas.

Os módulos existentes eram conectados, mas não refletiam o contexto logístico real do embarcador — esse foi o insight central do redesign.

Informação dispersa

Quando estou cotando, quero acessar ofertas competitivas com dados de performance das transportadoras, para negociar com mais argumento e reduzir custos.

Negociação com fornecedores e controle rigoroso dos custos de frete são atividades centrais da rotina desse profissional.

Cotação

Redução de custos

Quando surge uma demanda urgente, quero localizar e acionar uma oferta disponível rapidamente, para não deixar a operação parar.

A ausência de agilidade no sistema forçava o analista a recorrer a processos manuais em momentos críticos.

Programação

Urgência operacional

Quando uma contratação é fechada, quero ter um registro claro e rastreável, para alimentar KPIs e embasar decisões futuras.

Analistas participam ativamente de reuniões de S&OE e S&OP, elaborando relatórios e indicadores que sustentam decisões estratégicas.

Contratação

Controle e auditoria

Definições do projeto

Após os levantamentos realizados, chegamos nas definições listadas ao lado, que serviram como guia para o todo o projeto:

  • Exibir informações estratégicas para agilizar tomadas de decisão pelos analistas

  • Permitir a personalização da visão dos dados conforme o contexto e necessidades

  • Preparar o sistema para sofrer alterações ou melhorias futuras de forma resiliente

  • Simplificar a navegação e o modelo mental do produto

  • Tornar o sistema transparente sobre o que está acontecendo

A evolução da interface principal:

Antes: Totalmente operacional com baixa usabilidade
Durante: Refatoração para melhorias estratégicas
Depois: Redesign completo com nova identidade visual
Antes: Totalmente operacional com baixa usabilidade
Interface focada em filtros e exportação, sem métricas de desempenho ou dados que apoiassem a decisão do analista.
Durante: Refatoração para melhorias estratégicas
Reorganização da arquitetura de informação para melhoria de usabilidade e favorecimento da tomada de decisão pelos usuários.
Depois: Redesign completo com nova identidade visual
Interface e arquitetura atualizada com componentes do novo Design System, destacando as informações para reduzir o tempo de leitura e acelerar a tomada de decisão
Antes: Totalmente operacional com baixa usabilidade
Durante: Refatoração para melhorias estratégicas
Depois: Redesign completo com nova identidade visual
Antes: Totalmente operacional com baixa usabilidade
Interface focada em filtros e exportação, sem métricas de desempenho ou dados que apoiassem a decisão do analista.
Durante: Refatoração para melhorias estratégicas
Reorganização da arquitetura de informação para melhoria de usabilidade e favorecimento da tomada de decisão pelos usuários.
Depois: Redesign completo com nova identidade visual
Interface e arquitetura atualizada com componentes do novo Design System, destacando as informações para reduzir o tempo de leitura e acelerar a tomada de decisão

Decisões de design

Vector mais estratégico

Interfaces projetadas para reduzir o tempo entre dado e decisão.

Cards indicadores
KPIs responsivos aos filtros aplicados, dando ao analista visibilidade imediata da operação sem precisar navegar entre telas ou usar outras plataformas.
Cards indicadores
KPIs responsivos aos filtros aplicados, dando ao analista visibilidade imediata da operação sem precisar navegar entre telas ou usar outras plataformas.
Dados consolidados
Modal com indicadores e gráficos consolidados por modo de exibição, ampliando a plataforma para além do operacional.
Novas colunas na tabela
Colunas de performance, velocidade de consumo, status do lote e outras, incorporadas para suportar análise estratégica diretamente na listagem.
Novas colunas na tabela
Colunas de performance, velocidade de consumo, status do lote e outras, incorporadas para suportar análise estratégica diretamente na listagem.
Novas colunas na tabela
Colunas de performance, velocidade de consumo, status do lote e outras, incorporadas para suportar análise estratégica diretamente na listagem.

Tela principal do módulo de Contratação - Painel de Ofertas

Vector mais aderente ao usuário
Filtro de período
Os cards indicadores auxiliam a tomada de decisão pois apresentam métricas relevantes.
Filtro de período
Os cards indicadores auxiliam a tomada de decisão pois apresentam métricas relevantes.
Tipos de exibições
Alternância rápida entre modos de visualização para o analista adaptar a interface ao seu contexto de uso.
Tipos de exibições
Alternância rápida entre modos de visualização para o analista adaptar a interface ao seu contexto de uso.
Expandir tela
Modo de foco que oculta a navegação principal, ampliando a área de análise da tabela.
Expandir tela
Modo de foco que oculta a navegação principal, ampliando a área de análise da tabela.
Funcionalidades da tabela
Controles por coluna — fixar, ocultar, reordenar e ajustar ao conteúdo — para o analista montar sua própria visão da listagem.

Tela principal do módulo de Contratação - Painel de Ofertas

Modal de modos de exibição

Modal de exibições
Seleção entre exibições pré-configuradas por objetivo — Estratégico ou Operacional — com opção de criar exibição customizada.
Modal de exibições
Seleção entre exibições pré-configuradas por objetivo — Estratégico ou Operacional — com opção de criar exibição customizada.
Modal de Exibições
Seleção entre exibições pré-configuradas por objetivo — Estratégico ou Operacional — com opção de criar exibição customizada.
Criar exibição personalizada
Editor de exibição que permite ao analista selecionar, misturar e reordenar colunas e indicadores, criando uma visão totalmente adaptada ao seu contexto de trabalho.
Interface adaptativa
Colunas da tabela e indicadores dos cards se reconfiguram automaticamente a cada modo de exibição — a mesma tela entrega contextos completamente diferentes sem navegação adicional.
Interface adaptativa
Colunas da tabela e indicadores dos cards se reconfiguram automaticamente a cada modo de exibição — a mesma tela entrega contextos completamente diferentes sem navegação adicional.
Interface adaptativa
Colunas da tabela e indicadores dos cards se reconfiguram automaticamente a cada modo de exibição — a mesma tela entrega contextos completamente diferentes sem navegação adicional.
Predefinições de filtros
Filtros configurados pelo analista podem ser salvos e reutilizados, eliminando a necessidade de reconfigurar critérios repetitivos a cada acesso.
Predefinições de filtros
Filtros configurados pelo analista podem ser salvos e reutilizados, eliminando a necessidade de reconfigurar critérios repetitivos a cada acesso.
Salvar seleção de filtros
Filtros configurados pelo analista podem ser salvos e reutilizados, eliminando a necessidade de reconfigurar critérios repetitivos a cada acesso.

Modal de filtros

Resultados

Impactos e lições aprendidas

91% de taxa de conclusão de tarefas no teste de usabilidade

Média entre duas sessões de teste com analistas logísticos e colaboradores internos, cobrindo 6 tarefas distintas do fluxo de contratação.

2,4x mais dados visíveis na tela principal (+137% de aproveitamento)

Comparativo direto entre a interface anterior e o redesign, medindo o aproveitamento de componentes na tela principal sem scroll.

+82 interfaces modernizadas

Entre telas antigas que modernizadas e novas interfaces criadas ao longo do projeto, cobrindo todo o módulo de Contratação.

SUS score de 84 — acima da média de mercado (68)

Aplicado ao final dos testes de usabilidade — 16 pontos acima da média de mercado, que é 68.

Teste de usabilidade com Analista de Negócios da Vector - 04/2025

Teste de usabilidade com Analista Logístico do cliente - 12/2025

veja o próximo projeto:

Capa do projeto Alpha11

Alura Banks (aplicativo)