MERCADO PAGO - Desktop & mobile
Catálogo de Produtos
Case
Problemática
Contexto: O Mercado Pago tinha uma visão fragmentada dos vendedores, limitada aos métodos de pagamento utilizados. Para as PMEs, ferramentas independentes já não eram suficientes para sustentar a rentabilidade e a retenção. Os concorrentes que oferecem software de gestão apresentam uma menor rotatividade, ajudando os comerciantes a expandir-se. Os comerciantes de maior dimensão também precisam de soluções integradas para lidar com o inventário, a força de trabalho e a complexidade fiscal
Objetivo de negócio: A estratégia consiste em subir de gama, adquirindo e mantendo vendedores e contas corporativas de maior dimensão. O objetivo é tornar-se o principal parceiro financeiro, permitindo o crescimento dos negócios através de tecnologia integrada. Isto deverá aumentar a quota de mercado e o envolvimento em todo o ecossistema, reforçando a diferenciação e reduzindo o risco competitivo.
Solução: Criar um software de gestão (SWE) que oferece uma visão de 360° do negócio, consolidando as transações do Mercado Pago com vendas à vista e vendas de outros adquirentes. A plataforma oferece controlo de ponta a ponta com POS, gestão de catálogo e inventário (incluindo uploads em massa de produtos), faturação e um Hub Financeiro para acompanhamento do fluxo de caixa e desempenho. A adoção é acelerada com o "Selling Coach", uma experiência de integração que orienta a configuração inicial e as primeiras tarefas críticas.
Meu papel: Trabalhei como Sr. UX Designer com parceria com o gerente de produto, Líderes de técnicos e de projetos na definição de funcionalidades e fui responsável pela experiência do usuário de ponta a ponta, incluindo os fluxos de navegação e o design da interface.
Processo
Entendendo os usuários e suas necessidades
Como as PMEs operam: A rotina dos vendedores de pequenas e médias empresas é intensa e geralmente centrada no proprietário, em operações enxutas (até 10 funcionários, geralmente em uma loja), principalmente presencialmente, mas cada vez mais híbrida por meio de redes sociais e vendas online. Quando se trata de atendimento ao cliente, a prioridade é vender rapidamente (pesquisar por nome/código) e, em muitos casos, negociar preços, exigindo flexibilidade no sistema. Para receber pagamentos, eles usam várias máquinas de cartão para otimizar as taxas e só as consultam para o básico do dia.
As necessidades diárias de um vendedor no seu negócio
- Fluxos de cobrança: Facilidade e simplicidade na utilização das ferramentas de cobrança
- Gestão financeira: Consolidar todos os pagamentos, gerencie o fluxo de caixa com eficiência, adotar estratégias e ferramentas de poupança e planejamento e ter acesso a cartões de crédito e linhas de crédito.
- Gestão empresarial: Uma visão geral abrangente e gestão do seu negócio: vendas, faturação, produtos e inventário, fluxo de caixa, fornecedores, RH, clientes e informações.
Nossa ferramenta de produtos e inventário
Análise
Cenário inicial: Identificámos que as ferramentas disponíveis para os clientes do Mercado Pago baseavam-se em experiências desenvolvidas para perfis diferentes da nossa estratégia Marketup. As ferramentas eram voltadas para vendas em mercados online e, portanto, precisávamos analisar minuciosamente novos recursos, arquitetura de informação e fluxos de tarefas que melhor atendessem aos nossos utilizadores.
Oportunidades encontradas
- O preenchimento do campo de categoria é opcional para o Mercado Pago, uma vez que nem todos os lojistas utilizam categorias na gestão de seus produtos.
- 28% dos usuários não conseguiam encontrar a categoria para o seu produto.
- Para adicionar um único produto, era necessário seguir três etapas, com pelo menos oito cliques.
- Havia muitos cards, títulos e descrições.
- O espaço para «alertas» pendentes ocupava muito espaço na tela e desconectada da lista.
- De acordo com as métricas analisadas, apenas 27% dos vendedores criaram itens com categoria nos últimos três meses. Portanto, esse espaço poderia ser melhor aproveitado com um recurso que atendesse a um número maior de usuários.
- O formato do filtro modal afasta o utilizador do fluxo principal da página, criando uma experiência mais intrusiva e menos fluida.
- O produto é apresentado em formato de card e há um grande espaço em branco, que poderia ser melhor aproveitado para organizar itens e informações acionáveis.
- Ações massivas poderia ser exibidas somente após uma seleção inicial do usuário para evitar sobrecarga cognitiva.
Redesenhando as experiências
Craft
- Criei wireframes e protótipos de baixa fidelidade para explorar diferentes soluções e recolher feedback inicial das partes interessadas.
CAMADA 1: Adicionar produto
CAMADA 2: Lista de produtos / ações massivas
- Após alguns feedbacks internos começamos a trabalhar em média fidelidade usando os recursos do nosso design system
CAMADA 1: Adicionar produto
CAMADA 2: Lista de produtos / ações massivas
Solução final
Melhorias aplicadas
- Autopreenchimento com inteligência artificial a partir de Gtin (código de barras)
- Removemos a exigência de preencher a categoria do produto.
- Reduzimos o formulário em uma tela única.
- Reestruturamos o formulário com informações das quais os usuários PMEs necessitam para gerenciar um loja
- Unidade de medida: kg, Litro, Metros, Unidade
- Preço de custo
- Margem de lucro
- Estoque e alerta de estoque mínimo
CAMADA 1: Adicionar produto
Melhorias aplicadas
- A área de itens pendentes foi reorganizada em separadores que segmentam os produtos, permitindo uma visualização mais simples e direta, ligada diretamente à lista e sem ocupar tanto espaço nem desviar a atenção do ecrã.
- Visualização de itens que se aproximam visualmente de uma tabela, um formato já conhecido e utilizado pela maioria dos vendedores. O formato também ajuda a visualizar mais itens de uma só vez, auxiliando na comparação e gestão.
- Como o filtro inclui a opção para o estado dos dados fiscais, estes foram adicionados à tabela, melhorando a funcionalidade de faturação.
- Para evitar sobrecarga, as opções de edição e eliminação só são exibidas quando se passa o cursor sobre a linha.
CAMADA 2: Lista de produtos / ações massivas
Resultados e métricas
Aumento das taxas de conversão
A taxa de abandono caiu de 70% para 55%.
+15%
Redução no tempo de fluxo de adicionar produto
De 143 segundos para 55 segundos.
-61%
Produtos adicionados no catálogo por vendedor
Aumento de 2,5 para 3 produtos
+17%
Quant Seller
14/04
Implementação
19/05
Quant Seller
14/04
Implementação
19/05
Após o lançamento no Brasil e no México, duplicamos o número de vendedores que utilizam o Catálogo do Mercado Pago
Designers no projeto
Luiz Felipe Nepomuceno
Sr. UX Designer
Gabriel Gonzaga
Project Lead Designer
Luiza Alexander
Semi Sr. UX Designer
Soraia Shell
Semi Sr. UX Writer