Otimização de imagens de produtos de comércio eletrônico para melhores taxas de conversão

Publicados: 2023-02-23

Resumo: A falta de experiência sensorial com o produto sempre foi uma desvantagem para as lojas online. No e-commerce, onde os clientes não podem segurar ou tocar em itens, imagens e visuais de produtos podem fazer ou quebrar uma venda . Portanto, é imperativo que as imagens do produto forneçam aos compradores informações suficientes para convencê-los a converter.

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

Autor: Martin Grief

8 minutos de leitura

Este post faz parte da série E-commerce

Neste artigo, falaremos sobre maneiras de otimizar suas imagens de produtos de comércio eletrônico:

Introdução: Por que as imagens de produtos de comércio eletrônico são importantes
1. Destaque o que torna um produto único
2. Mostre o produto de vários ângulos e em diferentes contextos
3. Exiba o produto em diferentes cores e variações
4. Deixe imediatamente claro qual produto a imagem representa
5. Inclua visuais enviados pelo usuário na página de detalhes do produto
6. Adicione vídeos à sua página de detalhes do produto de comércio eletrônico
7. Considere investir em realidade aumentada (AR)
Conclusão: deixe suas imagens de produtos de comércio eletrônico pintarem uma imagem para os compradores

Introdução: Por que as imagens de produtos de comércio eletrônico são importantes

A ausência de detalhes sensoriais e experienciais é uma ruína para o comércio eletrônico. Em uma loja física, o comprador pode experimentar um par de óculos, sentir a textura de um vestido e avaliar o tamanho de um sofá, por exemplo.

Essas são coisas que os clientes não acessam on-line e são possíveis barreiras de conversão . Eles são os motivos pelos quais os compradores não comprarão em sua loja de comércio eletrônico. Portanto, sua mídia visual precisa fazer um excelente trabalho para mitigar a falta de experiência sensorial que os clientes obtêm em locais físicos.

Imagens de e-commerce bem apresentadas não apenas tornam seu produto mais atraente e desejável, mas também aumentam potencialmente as vendas. Eles também ajudam os clientes a tomar decisões de compra informadas . Isso pode …

  • taxas de retorno on-line mais baixas,
  • minimizar a tensão em seu gerenciamento de estoque e
  • aumentar a confiança e a satisfação do cliente.

Além disso, as imagens de produtos de comércio eletrônico são cruciais na otimização de mecanismo de busca (SEO). Eles ajudam a melhorar a visibilidade de um produto nos resultados da pesquisa, o que pode aumentar a probabilidade de um cliente descobrir e comprar seu produto.

Aqui estão algumas dicas para garantir que as imagens e os visuais de seus produtos de comércio eletrônico representem os itens com precisão e definam as expectativas do cliente de maneira adequada.

1. Destaque o que torna um produto único

Se você estiver vendendo itens semelhantes, verifique se é fácil identificar como um item difere. Destaque o que torna um produto distinto por meio das imagens do produto.

Por exemplo, a JetPens, uma papelaria online, tem imagens de produtos de canetas-tinteiro. Eles vendem canetas com tamanhos de ponta diferentes (por exemplo, fina, média, larga, etc.). No entanto, o que torna cada caneta diferente é difícil de detectar apenas olhando fotos em grande angular.

Portanto, para cada tamanho de ponta, o JetPens tem uma imagem telefoto ou ampliada do produto que mostra a ponta de perto. Isso permite que o cliente veja qualquer gravação na pena e como é a ponta da pena:

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

A página de detalhes do produto da JetPens permite que os clientes selecionem seu tamanho de ponta preferido, cor da ponta e cor do corpo. A página mostra várias imagens de produtos, incluindo fotos em grande angular e close-ups da caneta-tinteiro, com e sem tampa. As imagens do produto exibidas também mudam dependendo do tamanho da ponta, da cor da ponta e da cor do corpo selecionada pelo usuário.

Imagens de produtos de comércio eletrônico que não transmitem imediatamente o que torna um produto diferente dos outros quando você está vendendo itens semelhantes criam atrito na experiência do usuário (UX). Ter que descobrir o que torna um produto único cansa o cérebro do usuário. Isso pode desencorajar os compradores de prosseguir com a compra.

9 coisas que os profissionais de marketing on-line precisam saber sobre o cérebro
consulte Mais informação

2. Mostre o produto de vários ângulos e em diferentes contextos

Um cliente pode hesitar em adicionar um produto ao carrinho porque não consegue vê-lo de diferentes ângulos. Os clientes devem poder ver a aparência do produto de lado ou de trás e de perto, para que possam avaliar melhor o produto.

Exemplo de uso de imagens de produtos de comércio eletrônico para mostrar um item de diferentes ângulos

Um site que é excelente em utilizar imagens para dar aos compradores uma visão clara e detalhada dos produtos é o KateSpade.com. A página de detalhes do produto (PDP) inclui várias fotos que mostram a vista frontal, lateral e superior do produto:

Collage of different e-commerce product images included in a product detail page for a pink bag

A página de detalhes do produto de Kate Spade mostra as vistas frontal, superior e lateral da bolsa. Inclui até um close-up da placa do logotipo da bolsa.

O site também utiliza um modal de visualização no PDP que mostra o produto no contexto . Por exemplo, permite que os compradores configurem a altura e o tamanho do corpo do modelo para visualizar melhor como uma bolsa ficaria neles. Os usuários também podem avaliar melhor o tamanho da bolsa, pois o widget permite que eles coloquem o produto ao lado de outros itens como um telefone ou uma garrafa de água:

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

O modal de visualização do KateSpade.com permite que os usuários alterem a altura e o tamanho do corpo do modelo.

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

O modal também permite que o usuário coloque a bolsa ao lado de itens do dia a dia, como um iPhone e uma garrafa de água, para avaliar melhor o que cabe dentro do produto.

Minimize a incerteza do comprador tanto quanto possível. Use imagens de produtos de alta qualidade para dar aos compradores uma visão detalhada do produto. Isso inclui mostrar o item de diferentes perspectivas e colocá-lo ao lado de itens cotidianos para contexto e escala, se apropriado.

3. Exiba o produto em diferentes cores e variações

Caso um produto esteja disponível em várias cores, inclua fotos que mostrem o produto em cada uma das cores disponíveis. Dessa forma, os compradores podem visualizar facilmente suas opções e tomar uma decisão de compra informada.

Exemplo de exibição de cores disponíveis em imagens de produtos de comércio eletrônico

JetPens.com torna mais fácil para os compradores descobrirem as variações de uma caneta-tinteiro específica. O PDP deles mostra todas as cores do corpo em que a caneta está disponível e com qual tamanho e cor da ponta ela pode ser combinada.

Quando o usuário clica em uma determinada cor de corpo, são mostradas várias imagens da caneta-tinteiro naquela cor. Cada cor tem seu próprio conjunto de imagens de produtos – fotos da caneta-tinteiro com e sem tampa, close-up da ponta da tampa, foto da caneta sendo usada, etc.

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

Acima: página de detalhes do produto da caneta tinteiro Sailor Pro Gear Slim preta com ponta fina de 14K. Inferior: PDP para a variante verde suave da mesma caneta-tinteiro, mas com uma ponta fina média de 14K.

Mostrar diferentes opções de cores também pode aumentar as chances de vendas do seu site. Os clientes estarão mais propensos a encontrar uma cor que gostem e prefiram, levando a uma taxa de conversão mais alta. Tenha cuidado, no entanto, com a forma como você apresenta as escolhas. Muitas opções podem sobrecarregar os usuários e prejudicar as conversões.

4. Deixe imediatamente claro qual produto a imagem representa

A experiência de um comprador em seu site de comércio eletrônico deve ser o mais simples possível. Caso contrário , eles podem adiar a decisão para outro dia.

Os clientes não devem se esforçar muito para descobrir coisas em seu site. Por exemplo, deve ser instantaneamente aparente o que a imagem de um produto representa. Os compradores não devem perder tempo tentando identificar onde está o produto que você está vendendo na imagem.

Veja este PDP da Banana Republic, por exemplo. Tem apenas uma imagem de produto. É uma foto da modelo vestindo várias coisas, então não está claro qual é o “Petite Roll-Cuff Top”. O produto também é pouco visível porque é usado sob uma jaqueta e enfiado nas calças. O shopper não consegue ver a maior parte da parte de cima, inclusive a parte “roll-cuff”, que supostamente é o diferencial do produto:

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

Uma página de detalhes do produto Banana Republic para “Petite Roll-Cuff Top” com apenas uma foto.

Facilite a decisão dos compradores de comércio eletrônico reduzindo a carga do usuário . Se não estiver imediatamente claro onde seu produto está em uma imagem, você está adicionando carga cognitiva e visual aos visitantes. Isso é ruim para as conversões.


Identifique as barreiras de conversão em seu site de comércio eletrônico.

Obtenha ajuda de um especialista e descubra novas oportunidades de receita.

Saiba mais sobre auditorias e revisões de CRO

5. Inclua visuais enviados pelo usuário na página de detalhes do produto

A prova social sempre foi um dos atalhos mais utilizados pelos compradores online ao comprar. Hoje em dia, a prova social não se limita a avaliações textuais enviadas por outros clientes. Os clientes on-line agora contam com recursos visuais gerados pelo usuário para decidir se compram ou não um produto.

O Índice Anual de Experiência do Comprador de 2022 da Bazaarvoice revelou que 71% dos consumidores americanos dizem que as fotos enviadas pelo usuário na página do produto aumentam sua probabilidade de comprar um produto.

Exemplo de utilização de recursos visuais enviados pelo usuário como prova social

Uma empresa que tenta aproveitar o poder dos recursos visuais enviados pelo usuário é a Dr. Martens. O PDP do site inclui uma galeria online de clientes reais usando o produto. As fotos servem como elementos de persuasão porque mostram o produto em diferentes cenários da vida real, usados ​​por pessoas reais. Eles ajudam potenciais compradores a visualizar como um par de sandálias, por exemplo, ficaria em seus pés e como ficariam quando combinadas com roupas diferentes.

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

Além da seção “Reviews”, o PDP do DrMartens.com tem uma área “Worn by You” que exibe fotos enviadas por usuários. A seção está vinculada ao Instagram, onde os compradores podem fazer upload de fotos e marcar o Dr. Martens se quiserem aparecer na galeria.

Você pode tentar coletar imagens de clientes "gamificando " seu programa de conteúdo gerado pelo usuário (UGC) . O relatório de preferência do comprador de 2022 da Bazaarvoice mostrou que 77% dos consumidores globais disseram que enviariam UGC para uma recompensa.

Anthropologie.com, por exemplo, incentiva os compradores a enviar avaliações com fotos por meio de um sorteio mensal:

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

A Anthropologie convence os compradores a deixar uma avaliação sobre os móveis comprados por meio do “Sorteio somente na Anthro”. A página “Avaliações” do site lista a mecânica da promoção e afirma que os clientes precisam “Enviar uma avaliação de móveis com uma foto do item” para ganhar um produto mais vendido.

Saiba mais sobre a importância dos visuais enviados pelo cliente e como aproveitar a prova social em geral. Leia “8 práticas recomendadas de avaliações de clientes para otimizar as taxas de conversão”.

6. Adicione vídeos à sua página de detalhes do produto de comércio eletrônico

As compras ao vivo têm crescido em popularidade. As empresas que hospedam eventos de compras virtuais em tempo real relataram até “observar 10 vezes mais que as taxas de conversão de sites tradicionais”.

Uma razão para o gosto dos compradores online por eventos de compras ao vivo é a capacidade de ver os produtos em contexto e de diferentes ângulos.

As transmissões ao vivo ajudam os clientes a entender melhor as informações do produto, como tamanho ou material. Esses são detalhes que, de outra forma, não obteriam de imagens estáticas ou descrições textuais.

Mesmo se você não se interessar por compras ao vivo, ainda pode integrar alguns aspectos que as pessoas adoram na transmissão ao vivo em seu site de comércio eletrônico.

Por exemplo, você pode adicionar vídeos à página de detalhes do produto que mostram o item usado por uma modelo se você vende roupas. Dessa forma, os compradores podem avaliar melhor o material e o ajuste.

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

O vídeo no PDP da Asos.com permite que os compradores avaliem o material do vestido e ajustem melhor. Uma modelo vestindo e andando com o vestido dá uma impressão visual melhor do que a descrição textual do “tecido estilo cetim: brilhante, drapeado e macio como seda, 100% poliéster”.

Ou você pode adotar uma estratégia diretamente do manual de compras ao vivo: inclua um vídeo de representantes de vendas mostrando os recursos do produto e como ele pode ser usado.

A Nordstrom, por exemplo, tem PDPs para itens de moda com vídeos curtos de representantes de vendas falando sobre o produto. Eles descrevem o material e se encaixam e destacam certos detalhes sobre o item.

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Um estilista da Nordstrom fala sobre um par de jeans de cintura alta em um vídeo PDP. Ela fala sobre a textura do jeans e demonstra a elasticidade do tecido. Ela também recomenda com qual top e calçado as calças podem ser combinadas.

Eventos de compras ao vivo em tempo real podem não ser para todos. No entanto, os sites de comércio eletrônico farão bem em explorar métodos mais envolventes que forneçam aos compradores detalhes mais ricos sobre o produto, como adicionar vídeos ao PDP.

8 práticas recomendadas de avaliações de clientes para otimizar as taxas de conversão


Aproveite o poder da prova social por meio de avaliações de clientes.

consulte Mais informação

7. Considere investir em realidade aumentada (AR)

A Realidade Aumentada (AR) está em alta no comércio eletrônico.

Algumas lojas online estão compensando a falta de informações sensoriais do produto por meio de AR. Essa tecnologia permite que os compradores interajam virtualmente, testem e experimentem produtos por meio de um dispositivo eletrônico, colocando informações digitais em camadas sobre o mundo real. Por meio do AR, os compradores podem ver como um sofá caberia em sua casa, por exemplo.

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

O aplicativo AR da IKEA permite que os compradores coloquem modelos 3D em escala real em seu próprio espaço virtualmente. O aplicativo permite que os clientes vejam como um produto se encaixaria em sua casa. Fonte da imagem: IKEA

Fornecer aos compradores mais informações contextuais e visuais por meio de AR pode aumentar a confiança do comprador de que o que está comprando corresponderá às suas expectativas. Isso, por sua vez, diminuirá as taxas de retorno, aumentará a satisfação do cliente e aumentará a fidelidade à marca.

É importante observar que, de acordo com o Bazaarvoice Shopper Experience Index 2022 (com dados coletados de dezembro de 2021 a janeiro de 2022), apenas 12% dos compradores globais incluíram a realidade aumentada em seus “cinco fatores obrigatórios” ao comprar com confiança.

Portanto, a realidade aumentada pode não ser essencial para a caixa de ferramentas de otimização da taxa de conversão do comércio eletrônico … ainda, dependendo do tipo de produto que você vende. Para alguns setores, a pandemia colocou a realidade aumentada em risco.

Realidade aumentada na indústria da beleza

A marca de beleza L'Oreal, por exemplo, vinha usando a tecnologia AR para permitir que os clientes experimentassem seus produtos virtualmente antes mesmo do surto de COVID. E mesmo pré-pandemia, o uso da tecnologia resultou em um aumento de 3x nas vendas da empresa de beleza.

A pandemia tornou os testes virtuais essenciais para as marcas de maquiagem, mesmo para experiências nas lojas. Como os compradores não podem mais experimentar amostras de maquiagem fisicamente devido a questões de higiene e segurança, eles dependem da realidade aumentada para ver se um produto de beleza complementa seu tom de pele, por exemplo.

NYX Professional Makeup, uma subsidiária da L'Oreal, acerta algumas coisas sobre o uso de AR para ajudar os compradores a escolher os itens mais adequados para eles. Por um lado, eles tornam imediatamente óbvio na página da categoria quais itens o comprador pode experimentar virtualmente:

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

A chamada “Try It On” no canto superior esquerdo da imagem do produto na página da categoria da NYX atua como um indicador visual de que o cliente pode visualizar o item por meio do AR.

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

A página de detalhes do produto da NYX tem um botão fantasma de call-to-action “Experimente” abaixo da imagem do produto.

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

O teste virtual da marca de beleza permite que os clientes experimentem o produto usando sua câmera ao vivo, fazendo upload de uma foto ou escolhendo um modelo.

A realidade aumentada é importante para o comércio eletrônico?

De acordo com dados de 2020 da Vertebrae, uma empresa especializada em AR e comércio 3D, as taxas de conversão aumentam 90% para os consumidores que se envolvem em AR em comparação com aqueles que não o fazem.

Shopify também observou em setembro de 2021 que, embora ainda não houvesse muita pesquisa confiável sobre como o AR afeta as taxas de conversão, seus dados internos mostraram o forte potencial do AR .

Portanto, se fizer sentido para o seu negócio e você tiver os recursos, considere permitir que seus clientes visualizem e interajam com seus produtos por meio da realidade aumentada. Prevê-se, afinal, que quase 75% das pessoas em todo o mundo e quase todos os usuários de smartphones serão usuários frequentes de RA até 2025.

Você pode mergulhar no AR para fazer compras utilizando aplicativos como SnapAR e Meta Spark. Esteja avisado, no entanto, que mesmo esses aplicativos exigem habilidades técnicas. Você precisará de alguém com experiência para fazer arte ou modelos 3D para usar no ambiente AR.

Conclusão: deixe suas imagens de produtos de comércio eletrônico pintarem uma imagem para os compradores

Se você deseja que os visitantes comprem em seu site de comércio eletrônico, forneça a eles as informações necessárias para decidir com confiança . Uma maneira de conseguir isso é por meio de imagens e visuais de alta qualidade que representam com precisão seus produtos.

Se você …

  • destacar as características distintas de um produto,
  • mostrar o item de diferentes pontos de vista e usado em diferentes situações,
  • apresentar o produto em diferentes cores e variações,
  • torne imediatamente óbvio qual produto a foto representa,
  • incluir imagens enviadas pelo usuário,
  • adicionar vídeos em seu PDP e
  • utilizar realidade aumentada (se fizer sentido para o seu negócio)

… você aumentará as chances de conversão do comprador em seu site, diminuirá a probabilidade de ele devolver o item e criará uma experiência geral positiva para o cliente .

Fale com um especialista em conversão

Dê-nos 30 minutos e mostraremos como podemos ajudá-lo a alcançar melhores resultados

Agendar minha chamada agora
Agendar minha chamada agora