Para acessar, insira a senha

Painel de Ofertas Painel de Ofertas Painel de Ofertas Painel de Ofertas
Painel de Ofertas Painel de Ofertas Painel de Ofertas Painel de Ofertas
Painel de Ofertas Painel de Ofertas Painel de Ofertas Painel de Ofertas
Painel de OfertasPainel de OfertasPainel de OfertasPainel de Ofertas
Painel de OfertasPainel de OfertasPainel de OfertasPainel de Ofertas
Painel de OfertasPainel de OfertasPainel de OfertasPainel de Ofertas
Empresa

Vector Bussiness Services

Atuação

Product Designer Jr.

Squad
Leonardo MorrotLM
BB
DH
DR
AM
JL
Timeline

nov. 2024 - fev. 2026

Visão geral

O Painel de Ofertas é o módulo central do produto da Vector — onde analistas logísticos de grandes empresas como Bunge, Cofco e Gerdau contratam fretes e gerenciam lotes de carga. Apesar de ser o coração da operação, a plataforma tinha conexões entre módulos que não refletiam o fluxo real de trabalho dos analistas.

O projeto começou com 21 entrevistas e mais de 35 dores mapeadas antes de qualquer decisão de interface. A pesquisa revelou uma jornada logística comum entre todos os clientes — Programação, Cotação, Divulgação e Contratação — que se tornou a base para reorganizar toda a arquitetura do produto.

O resultado foi um redesign completo do módulo: mais de 82 interfaces entre telas modernizadas e novas, um sistema de design com 30+ componentes, e uma plataforma que passou de ferramenta operacional a ambiente de análise e decisão — validado com SUS de 84 e 92% de satisfação média nos testes.

Responsabilidades

Design de ponta a ponta: da pesquisa à entrega, em colaboração com produto, negócios e tecnologia.

Pesquisa e estratégia

Conduzi pesquisas qualitativas, benchmarks e análises de mercado para mapear o contexto do produto e embasar decisões estratégicas de redesign.

Mapeamento dos Jobs to be Done

Mapeei os objetivos reais dos usuários, conectando necessidades de negócio às expectativas de quem usa o produto.

Prototipagem

Construí protótipos de baixa e alta fidelidade, incluindo versões interativas para apresentações a times e stakeholders.

Identidade visual

Contribuí para a modernização e definição da nova identidade visual do sistema, estabelecendo bases para consistência e escalabilidade.

Facilitação de ideação

Facilitei sessões colaborativas com o time utilizando Crazy 8's e Jornada do Usuário para gerar e alinhar soluções.

Arquitetura e fluxos

Realizei o mapeamento de fluxos de telas e sitemap, definindo estrutura de navegação e hierarquia de informações.

Handoff para desenvolvimento

Documentei requisitos funcionais e regras de design para garantir clareza na implementação pelo time de tecnologia.

Testes de usabilidade

Planejei e conduzi testes de usabilidade com usuários reais para validar soluções, identificar pontos de fricção e orientar iterações de design.

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

Principais desafios

01

Restaurar a confiança dos usuários no sistema como ferramenta de trabalho

02

Transformar o Painel de Ofertas em uma ferramenta de decisão, não só de operação

Problemas principais

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.

Pesquisa

Conduzi entrevistas qualitativas com 15 analistas logísticos de três grandes embarcadoras e sessões com o time de negócios da Vector.

O objetivo era ouvir sem filtro: entender onde o sistema atrapalhava e o que os usuários faziam para contornar os problemas.

+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

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

01

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

02

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

03

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

04

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

05

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

06

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

Decisões de design

Tomada de decisão

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

Uma plataforma flexível
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

Novas visualizações (kanban, tabela, mapa de ofertas)

Painel de Ofertas - Modo tabela

Mapa de Ofertas - Modo Mapa - Novo paradigma

Modo Mapa - Módulo de Viagens

Cotação - Modo quadro

Impacto

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.

35+ dores mapeadas

Levantadas ao longo de 15 entrevistas com analistas antes de qualquer decisão de interface, 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.

92% de satisfação média entre os 11 participantes

Coletada entre os 11 participantes dos testes, combinando analistas logísticos e colaboradores internos.

+82 interfaces modernizadas

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

veja o próximo projeto:

Capa do projeto Alpha11

Verseblog Art (aplicativo)