ElectroluxUma plataforma para uma operação inteira.
Do catálogo à cotação: UX/UI de uma plataforma B2B de peças, desenhada do zero para distribuidores e revendedores.
- Atuação
- UX/UI · Rafael Rossini
- Colaboração
- Times da Quality Digital
- Contexto
- B2B · Peças · LATAM
Resumo
Conduzi o UX/UI de uma plataforma B2B de revenda de peças Electrolux no modelo D2S, criada do zero em colaboração com os times multidisciplinares da Quality Digital. A operação conecta distribuidores que vendem a revendedores. O escopo contemplou a experiência completa, da navegação pelo catálogo às funcionalidades de conta, cotação e checkout. A rapidez de operação e a responsividade para vendedores em campo orientaram a proposta. O Pedido Fácil é uma parte dessa entrega, integrada a uma jornada comercial mais ampla.
Contexto
Uma operação de peças precisa acomodar diferentes pontos de partida. Em alguns momentos, a pessoa já conhece os códigos dos produtos. Em outros, precisa pesquisar, navegar pelas categorias ou conferir compatibilidade antes de compor um pedido.
O projeto foi pensado para o contexto latino-americano, e o arquivo de design analisado corresponde ao Chile. Essa referência delimita as telas apresentadas, sem pressupor implantação da plataforma em todos os países da região.
Meu papel
Minha atuação foi conduzir o trabalho de UX/UI da plataforma com os times da Quality Digital. O desenho abrangeu home, categorias, busca, página de produto, login, conta, favoritos, Pedido Fácil, minicarrinho e checkout, além de componentes que sustentam essas experiências.
Era necessário conectar descoberta, composição do pedido e condições comerciais em uma experiência coerente, para além de uma única funcionalidade.
A solução em uso
Telas do projeto. Abra uma imagem para explorar os detalhes.
Ampliar imagem
Ampliar imagem O desafio
O desafio era oferecer velocidade para quem opera em campo sem retirar as informações necessárias para comprar peças corretamente. Uma lista de códigos exige um tratamento diferente da descoberta de um produto por categoria, mas os dois caminhos precisam chegar a um pedido que possa ser conferido.
A plataforma também precisava representar regras de negócio: preços restritos ao login, organizações, centros de custo, papéis de acesso, crédito e limite, além das condições habilitadas de pagamento e endereço. Os recursos nativos da VTEX delimitavam parte das possibilidades de interface.
Evidências do trabalho
O arquivo reúne 23 páginas de design, com diferentes etapas da jornada e componentes. As telas mostram desde a descoberta de peças e a tabela de compatibilidade até as condições de conta e a gestão de cotações.
O conjunto documenta a plataforma desenhada e as decisões representadas nas interfaces, do catálogo à gestão comercial.
Apoiar a descoberta e a conferência
Home, categorias, busca e página de produto organizam caminhos complementares para encontrar peças. A tabela de compatibilidade acrescenta uma informação relevante para avaliar o produto. Já a exibição de preços condicionada ao login incorpora uma regra comercial à experiência, em vez de tratar o catálogo como uma vitrine inteiramente aberta.
Oferecer quatro formas de montar o pedido
O Pedido Fácil contempla colar SKUs, importar uma planilha, buscar itens individualmente e navegar por categorias. A capacidade declarada é de até 50 produtos. Esses caminhos acomodam diferentes formas de entrada, incluindo listas já preparadas e seleção item a item, sem exigir que todas as pessoas comecem da mesma maneira.
Dar visibilidade aos itens antes do checkout
A composição do pedido apresenta quantidade, multiplicador e total, além de estados para SKU inexistente ou indisponível. O minicarrinho oferece feedback antes do checkout. O propósito é permitir que a pessoa confira o que está compondo e reconheça exceções no contexto do pedido, sem confundir a entrada de um código com a confirmação de sua disponibilidade.
Integrar a operação comercial à conta
A área de conta contempla organizações, centros de custo, papéis e condições comerciais. A gestão de cotações inclui criação, listagem, preços original e cotado, validade, histórico e utilização da cotação. Esses elementos conectam a compra às regras da operação e tornam visíveis diferenças que uma experiência de varejo mais simples não precisa representar.
Entrega observada e impacto esperado
O resultado documentado é o desenho de uma plataforma completa, com caminhos de compra e funcionalidades de gestão comercial conectados. A proposta combina responsividade, diferentes formas de entrada de produtos e tratamento de exceções.
O impacto esperado é apoiar uma operação mais ágil para vendedores em campo e facilitar a conferência dos pedidos. A capacidade de até 50 produtos descreve a solução; não representa uma redução de tempo comprovada. Para medir o benefício, seria necessário acompanhar o uso real e comparar indicadores operacionais.
Síntese profissional
Este projeto evidencia a relação entre arquitetura da experiência e regras de negócio. Rapidez depende tanto da entrada dos produtos quanto da clareza sobre compatibilidade, quantidade, disponibilidade e condições comerciais. Projetar essas partes em conjunto ajuda a manter continuidade entre tarefas que poderiam se tornar experiências isoladas.
O próximo desafio pode ser o seu.
Entre em contato para conversarmos sobre plataformas comerciais, experiências responsivas e UX/UI para operações com regras complexas.
Conversar sobre meu projeto Próximo case: Hortifruti e Natural da Terra