Isabel Marlasca UX/UI Designer

Isabel Marlasca

Select Language

Portuguese

Isabel Marlasca

Meus pedidos | Buscapé

Meus pedidos | Buscapé

Visão geral da experiência do usuário na área de 'Meus Pedidos' do aplicativo Buscapé. As telas exibem o histórico de compras, status dos pedidos, detalhes dos produtos e outras informações relevantes para o usuário.

Visão geral da experiência do usuário na área de 'Meus Pedidos' do aplicativo Buscapé. As telas exibem o histórico de compras, status dos pedidos, detalhes dos produtos e outras informações relevantes para o usuário.

Visão geral da experiência do usuário na área de 'Meus Pedidos' do aplicativo Buscapé. As telas exibem o histórico de compras, status dos pedidos, detalhes dos produtos e outras informações relevantes para o usuário.

Projeto

Projeto

Projeto

Buscapé, além de um comparador de preços, um marketplace

Buscapé, além de um comparador de preços, um marketplace

Em 2024, o marketplace do Buscapé tornou-se um dos pilares da empresa. O ambiente de checkout foi completamente atualizado e, na sequência, a área logada dos pedidos dos usuários necessitava acompanhar essas mudanças

Em 2024, o marketplace do Buscapé tornou-se um dos pilares da empresa. O ambiente de checkout foi completamente atualizado e, na sequência, a área logada dos pedidos dos usuários necessitava acompanhar essas mudanças

Objetivo

Objetivo

Objetivo

Reformular todo o ambiente de pedidos realizados, garantindo sua consistência com o restante do produto; facilitar o acesso dos usuários ao resgate de códigos de pagamento e documentos fiscais que hoje são ofensores reportados pela equipe de atendimento e facilitar a compreensão dos status da compra pelo clientes, diminuindo o ruído de comunicação

Reformular todo o ambiente de pedidos realizados, garantindo sua consistência com o restante do produto; facilitar o acesso dos usuários ao resgate de códigos de pagamento e documentos fiscais que hoje são ofensores reportados pela equipe de atendimento e facilitar a compreensão dos status da compra pelo clientes, diminuindo o ruído de comunicação

Atuação

Atuação

Atuação

Durante o projeto, atuei na etapa de “descobrir” com a realização de um benchmarking e de um estudo da literatura específica sobre o tema.

Na etapa de “definir”, tive a oportunidade de assumir total responsabilidade pelas decisões estratégicas e pelas soluções propostas.

E na etapa de “projetar”, assegurei a consistência da interface com o projeto anterior de marketplace, contando com o suporte de dois designers no desenho da UI e documentação.

Durante o projeto, atuei na etapa de “descobrir” com a realização de um benchmarking e de um estudo da literatura específica sobre o tema.

Na etapa de “definir”, tive a oportunidade de assumir total responsabilidade pelas decisões estratégicas e pelas soluções propostas.

E na etapa de “projetar”, assegurei a consistência da interface com o projeto anterior de marketplace, contando com o suporte de dois designers no desenho da UI e documentação.

+

Benchmarking

Benchmarking

+

Desk Research

Desk Research

+

Design de interface

Design de interface

+

Reuniões de design critique

Reuniões de design critique

+

Prototipagem

Prototipagem

+

Documentação

Documentação

Foto de Robson Freitas

Robson Freitas

Robson Freitas

Product Designer Jr.

Product Designer Jr.

Foto de Thifany Fiorentine

Thifany Fiorentine

Thifany Fiorentine

Estagiária Product Designer

Estagiária Product Designer

Dados

Dados

Dados

No contexto deste projeto, não foi possível coletar dados de acesso e comportamento dos usuários, uma vez que a seção em questão não estava integrada a nenhuma plataforma de análise ou evento que permitisse o monitoramento dessas informações

No contexto deste projeto, não foi possível coletar dados de acesso e comportamento dos usuários, uma vez que a seção em questão não estava integrada a nenhuma plataforma de análise ou evento que permitisse o monitoramento dessas informações

Benchmarking • Tabela comparativa

Benchmarking • Tabela comparativa

Tabela comparativa de benchmarking entre o Buscapé e seus principais concorrentes. Os resultados sugerem que o Buscapé precisa melhorar seu desempenho em diversas áreas para alcançar a paridade com os líderes do mercado. A tabela indica que o ambiente atual de "meus pedidos" não tem barra de busca, filtro de pedidos, não disponibiliza nota fiscal em documento, não possui autocancelamento e nem nenhum estímulo a recompra.

Tabela comparativa de benchmarking entre o Buscapé e seus principais concorrentes. Os resultados sugerem que o Buscapé precisa melhorar seu desempenho em diversas áreas para alcançar a paridade com os líderes do mercado. A tabela indica que o ambiente atual de "meus pedidos" não tem barra de busca, filtro de pedidos, não disponibiliza nota fiscal em documento, não possui autocancelamento e nem nenhum estímulo a recompra.

Oportunidade em destaque

Oportunidade em destaque

1

Quanto à busca de pedidos, precisávamos equalizar nossa experiência ao mercado

Quanto à busca de pedidos, precisávamos equalizar nossa experiência ao mercado

2

Disponibilizar o arquivo da nota fiscal, ao invés de dar o código chave para que o usuário o gerasse por conta própria no site da Fazenda

Disponibilizar o arquivo da nota fiscal, ao invés de dar o código chave para que o usuário o gerasse por conta própria no site da Fazenda

3

Adicionar futuramente a opção de cancelamento automático, atualmente qualquer cancelamento é
feito de forma manual e só pode ser solicitado via e-mail

Adicionar futuramente a opção de cancelamento automático, atualmente qualquer cancelamento é feito de forma manual e só pode ser solicitado via e-mail

4

Incluir sugestões de produtos personalizadas de acordo com o pedido efetuado, estimulando a recorrência

Incluir sugestões de produtos personalizadas de acordo com o pedido efetuado, estimulando a recorrência

Benchmarking

Benchmarking

Novo projeto

Novo projeto

Novo projeto

Site map do projeto meus pedidos, que se divide em três partes: 1. Página de todos os pedido 2. Status do pedido 3. Detalhes do pedido A partir da página de todos os pedidos, o usuário pode acompanhar o status de um pedido específico, que pode variar entre pendente, em análise, aprovado, enviado, entregue ou cancelado. Ao clicar em cada status, o usuário acessa mais detalhes sobre o pedido.

Site map do projeto meus pedidos, que se divide em três partes: 1. Página de todos os pedido 2. Status do pedido 3. Detalhes do pedido A partir da página de todos os pedidos, o usuário pode acompanhar o status de um pedido específico, que pode variar entre pendente, em análise, aprovado, enviado, entregue ou cancelado. Ao clicar em cada status, o usuário acessa mais detalhes sobre o pedido.

Nova UI

Nova UI

Nova UI

Todos os pedidos

Página mobile do status de pedido entregue, nela vemos: status do pedido, número do pedido, foto do produto com suas informações de sku, indicação de que o pedido foi entregue, nome do recebedor, data e hora da entrega. Em seguida, um botão de comprar novamente e a nota fiscal para download. Por último observamos dois botões: um de detalhes do pedido e outro que emcaminha o usuáio para o atendimento Buscapé caso ele precise de ajuda.

Status do pedido

Página mobile de detalhes do pedido. Aqui ficam todas as informações relevantes do pedido: informações do produto, valor da compra, endereço de entrega e detalhes do pagamento. Ao final da página temos o mesmo botão de "preciso de ajuda" da página anterior.

Detalhes do pedido

Página de todos os pedidos

Página de todos os pedidos

Todos os pedidos

Duas telas do aplicativo Buscapé mostrando a seção 'Meus Pedidos'. A primeira tela exibe uma a págna de todos os pedido, com o tooltip aberto que indica que naquela página estão listadas todas as compras feitas dentro do Buscapé. A segunda tela apresenta as opções de filtro disponíveis para o usuário refinar a sua busca por pedidos, como status do pedido e data.

Duas telas do aplicativo Buscapé mostrando a seção 'Meus Pedidos'. A primeira tela exibe uma a págna de todos os pedido, com o tooltip aberto que indica que naquela página estão listadas todas as compras feitas dentro do Buscapé. A segunda tela apresenta as opções de filtro disponíveis para o usuário refinar a sua busca por pedidos, como status do pedido e data.

Duas telas do aplicativo Buscapé mostrando a seção 'Meus Pedidos'. A primeira tela exibe uma a págna de todos os pedido, com o tooltip aberto que indica que naquela página estão listadas todas as compras feitas dentro do Buscapé. A segunda tela apresenta as opções de filtro disponíveis para o usuário refinar a sua busca por pedidos, como status do pedido e data.

A partir do status "aprovado", todos os cards de pedidos são acompanhados do link buttom "comprar novamente"

A partir do status "aprovado", todos os cards de pedidos são acompanhados do link buttom "comprar novamente"

Comprar novamente

Comprar novamente

Comprar novamente

Estímulo de recompra a partir do status de pedidos aprovados

Estímulo de recompra a partir do status de pedidos aprovados

Barra de busca e filtros

Barra de busca e filtros

Busca e filtros

Inclusão da barra de busca e filtragem por status ou data do pedido

Inclusão da barra de busca e filtragem por status ou data do pedido

Página sem pedidos

Página sem pedidos

Todos os pedidos

Personalização de categorias e lojas preferidas do usuário na página vazia de pedidos

Personalização de categorias e lojas preferidas do usuário na página vazia de pedidos

Visão geral da página de pedidos vazia no aplicativo Buscapé, com sugestões de produtos personalizadas, categorias populares e banners promocionais para incentivar novas compras.

Visão geral da página de pedidos vazia no aplicativo Buscapé, com sugestões de produtos personalizadas, categorias populares e banners promocionais para incentivar novas compras.

Visão geral da página de pedidos vazia no aplicativo Buscapé, com sugestões de produtos personalizadas, categorias populares e banners promocionais para incentivar novas compras.

Status do pedido

Status do pedido

Status do pedido

Pagamento pendente (PIX)

Página de pagamento pendente via PIX. São apresentados, além de informações do produto comprado, o código para pagamento. Esse resgate do código na seção de pedido espera reduzir em 10% os tickets de atendimento para a equipe de CX

Pedido em análise

Página de pedido em análise, sinalizando ao usuário que o pagamento está sendo analisado e que, caso reprovado, não haverá cobrança no cartão de crédito.

Pagamento aprovado

Página do pedido aprovado que já indica a estimativa de entrega

Pedido enviado

Página de pedido enviado com dados para rastreio do pacote e nota fiscal

Pedido entregue

Pedido cancelado

Página de pedido cancelado com motivação do cancelamento e opção de "comprar novamente"

1

Nomenclatura otimizada: o primeiro status era chamado de “pedido recebido”, o que causava confusão quanto à entrega

Nomenclatura otimizada: o primeiro status era chamado de “pedido recebido”, o que causava confusão quanto à entrega

2

Código de pagamento: com o resgate do código de pagamento, espera-se -10% de abertura de chamados

Código de pagamento: com o resgate do código de pagamento, espera-se -10% de abertura de chamados

3

Nota fiscal: com o fácil acesso à Nota Fiscal espera-se -10% de abertura de chamados

Adicionar futuramente a opção de cancelamento automático, atualmente qualquer cancelamento é feito de forma manual e só pode ser solicitado via e-mail

Detalhes do pedido

Detalhes do pedido

Todos os pedidos

Página com:
• informações do produto,
detalhes da entrega,
• valor cashback a ser recebido com a compra,
• método de pagamento utilizado, que pode ser combinado ou não com uso de saldo da carteira

Página com:
• informações do produto,
detalhes da entrega,
• valor cashback a ser recebido com a compra,
• método de pagamento utilizado, que pode ser combinado ou não com uso de saldo da carteira

Saldo da carteira, é o valor de cashback Buscapé acumulado, que pode ser usado para compras no marketplace

Página de detalhes do pedido com informações do produto, de entrega, de cashback (caso a oferta dê cashback) e de pagamento

Página de detalhes do pedido com informações do produto, de entrega, de cashback (caso a oferta dê cashback) e de pagamento

Saldo da carteira, é o valor de cashback Buscapé acumulado, que pode ser usado para compras no marketplace

Mockup exibindo a página inicial de 'Meus Pedidos' do Buscapé. A página está vazia, indicando que o usuário ainda não possui pedidos. A interface inclui trilhos de produtos personalizados de acordo com histórico de pesquisa do usuário, categorias em destaque e banners promocionais.

Mockup exibindo a página inicial de 'Meus Pedidos' do Buscapé. A página está vazia, indicando que o usuário ainda não possui pedidos. A interface inclui trilhos de produtos personalizados de acordo com histórico de pesquisa do usuário, categorias em destaque e banners promocionais.

Mockup exibindo a página inicial de 'Meus Pedidos' do Buscapé. A página está vazia, indicando que o usuário ainda não possui pedidos. A interface inclui trilhos de produtos personalizados de acordo com histórico de pesquisa do usuário, categorias em destaque e banners promocionais.

Mockup com foco no código QR personalizado do Buscapé para pagamento do pedido

Mockup com foco no código QR personalizado do Buscapé para pagamento do pedido

Mockup com foco no código QR personalizado do Buscapé para pagamento do pedido

Mockup desktop da página de todos os pedidos Buscapé

Mockup desktop da página de todos os pedidos Buscapé

Mockup desktop da página de todos os pedidos Buscapé