English

My orders | Buscapé

My orders | 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.

Project

Project

Project

Buscapé, in addition to being a price comparison tool, is a marketplace.

Buscapé, in addition to being a price comparison tool, is a marketplace.

In 2024, Buscapé's marketplace became one of the company's pillars. The checkout environment was completely updated, and subsequently, the logged-in area of users' orders needed to reflect these changes.

In 2024, Buscapé's marketplace became one of the company's pillars. The checkout environment was completely updated, and subsequently, the logged-in area of users' orders needed to reflect these changes.

Objective

Objective

Objective

Reformulate the entire order environment, ensuring its consistency with the rest of the product; facilitate user access to the redemption of payment codes and tax documents that are currently issues reported by the customer service team, and make it easier for customers to understand the purchase status, reducing communication noise.

Reformulate the entire order environment, ensuring its consistency with the rest of the product; facilitate user access to the redemption of payment codes and tax documents that are currently issues reported by the customer service team, and make it easier for customers to understand the purchase status, reducing communication noise.

My role

My role

My role

During the project, I worked in the "discover" stage by conducting benchmarking and a specific literature review on the topic.

In the "define" stage, I had the opportunity to take full responsibility for strategic decisions and proposed solutions.

And in the "design" stage, I ensured the consistency of the interface with the previous marketplace project, relying on the support of two designers in the UI design and documentation.

During the project, I worked in the "discover" phase by conducting benchmarking and a study of the specific literature on the subject.

In the "define" phase, I had the opportunity to take full responsibility for the strategic decisions and the proposed solutions.

And in the "design" phase, I ensured the consistency of the interface with the previous marketplace project, relying on the support of two designers in the UI design and documentation.

+

Benchmarking

Benchmarking

+

Desk Research

Desk Research

+

Interface design

Interface design

+

Design critique meetings

Design critique meetings

+

Prototyping

Prototyping

+

Documentation

Documentation

Foto de Robson Freitas

Robson Freitas

Robson Freitas

Junior Product Designer
Junior Product Designer
Foto de Thifany Fiorentine

Thifany Fiorentine

Thifany Fiorentine

Product Design Intern
Product Design Intern

Data

Data

Data

In the context of this project, it was not possible to collect access and behavior data from users, since the section in question was not integrated with any analysis or event platform that allowed monitoring of this information.

In the context of this project, it was not possible to collect access and behavior data from users, since the section in question was not integrated with any analysis or event platform that allowed monitoring of this information.

Benchmarking • Comparative table

Benchmarking • Comparative table

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.

Featured opportunity

Featured opportunity

1

As for order tracking, we needed to align our experience with the market.

As for order tracking, we needed to align our experience with the market.

2

Make the invoice file available instead of providing the key code for the user to generate it by themselves on the Tax Authority website.

Make the invoice file available instead of providing the key code for the user to generate it by themselves on the Tax Authority website.

3

Add the option for automatic cancellation in the future, currently any cancellation is
done manually and can only be requested via email

Add the option for automatic cancellation in the future; currently, any cancellation is done manually and can only be requested via email.

4

Include personalized product suggestions based on the order placed, encouraging recurrence.

Include personalized product suggestions based on the order placed, encouraging recurrence.

Benchmarking

Benchmarking

New project

New project

New project

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.

New UI

New UI

New UI

Página mobile de todos os pedidos. A página apresenta: título com um ícone de interrogação ao seu lado (que abre um tooltip). Seguido pela barra de busca e filtros da página. E logo após os cards de pedidos com diferentes produtos: em cada card temos o status do pedido, a data e a partir do status de pagamento aprovado um linkbuttom de "comprar novamente".

All orders

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.

Order status

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.

Order details

Page of all orders

Page of all orders

All orders

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"

Buy again

Buy again

Buy again

Incentive for re-purchase based on the status of approved orders

Incentive for re-purchase based on the status of approved orders

Search bar and filters

Search bar and filters

Search and filters

Inclusion of the search bar and filtering by status or order date

Inclusion of the search bar and filtering by status or order date

Page without orders

Page without orders

All orders

Customization of categories and favorite stores for the user on the empty orders page

Customization of categories and favorite stores for the user on the empty orders page

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.

Order status

Order status

Order status

Pending payment (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

Order under review

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.

Payment approved

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

Order sent

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

Order delivered

Order canceled

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

1

Optimized nomenclature: the first status was called 'order received', which caused confusion regarding delivery.

Optimized nomenclature: the first status was called 'order received', which caused confusion regarding delivery.

2

Payment code: with the redemption of the payment code, it is expected to have a -10% opening of calls

Payment code: with the redemption of the payment code, it is expected to have a -10% opening of calls

3

Invoice: with easy access to the Invoice, it is expected to have a 10% decrease in service requests.

Add in the future the option for automatic cancellation; currently, any cancellation is done manually and can only be requested via email.

Order details

Order details

All orders

Page with:
• product information,
delivery details,
• cashback value to be received with the purchase,
• payment method used, which can be combined or not with the use of wallet balance

Wallet balance is the accumulated cashback amount from Buscapé that can be used for purchases in the 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

Wallet balance is the accumulated cashback value from Buscapé that can be used for purchases in the 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é

Shall we create something amazing together?

Feel free to message me, have a chat, and exchange ideas!

Shall we create something amazing together?

Feel free to message me, have a chat, and exchange ideas!

Shall we create something amazing together?

Feel free to message me, have a chat, and exchange ideas!