Diferentes maneiras de criar páginas de produtos digitais

Publicados: 2022-03-10
Resumo rápido ↬ O conteúdo digital (eBooks, mídia de estoque e cursos) pode ser facilmente anunciado e vendido por meio de marketplaces online. Mas seus clientes não ganharão tanto dinheiro assim e realmente não podem controlar como seus produtos são comercializados. Ao projetar páginas de produtos digitais para usuários de smartphones que estão nessa fase inicial de descoberta e pesquisa, seus clientes podem ganhar mais dinheiro com seus produtos. Hoje, veremos como isso é feito.

Acho justo dizer que, ao projetar páginas de produtos para dispositivos móveis para produtos físicos, você usará um layout semelhante e incluirá os mesmos detalhes, independentemente do site.

Por exemplo, é assim que se parecem as páginas de produtos para bicicletas Peloton, roupas Macy's e Truth Bars:

Comparação lado a lado: Peloton Bike, blusa com decote em V da Macy's, chocolate amargo e chocolate Truth Bar
Uma comparação lado a lado de páginas de produtos móveis para Peloton, Macy's e Truth Bars. (Fonte: Peloton, Macy's, Truth Bars) (Visualização grande)

Existem pequenas diferenças na forma como as informações são posicionadas, com algumas páginas de produtos mostrando primeiro o nome do produto, a classificação média e o preço, enquanto outras deixam a imagem do produto liderar. Independentemente disso, não há muito espaço de manobra em termos do que você pode incluir.

Projetar páginas de produtos digitais para dispositivos móveis não é tão simples.

Embora você possa criar uma página de roupas, equipamentos e produtos alimentícios da mesma forma, não pode fazer o mesmo para produtos digitais como:

  • eBooks e outros documentos,
  • Mídia e outros arquivos licenciáveis,
  • Cursos.

À medida que os consumidores passam mais tempo online e com seus smartphones, há uma necessidade crescente de produtos digitais de alta qualidade. Se você estiver interessado em projetar sites de comércio eletrônico para esses tipos de produtos, precisará entender as diferenças entre os tipos e como apresentá-los da maneira certa aos consumidores com o design da página do produto.

Mais depois do salto! Continue lendo abaixo ↓

Diferentes maneiras de criar páginas de produtos digitais para dispositivos móveis

Vender produtos digitais é uma ótima maneira de gerar uma renda (principalmente) passiva online. Os fornecedores de produtos digitais não precisam possuir ou gerenciar estoques, lidar com remessas e devoluções ou outros desafios que acompanham a venda de itens físicos.

Quanto ao marketing desses produtos digitais, é aí que pode se tornar um desafio.

Veja o que você precisa saber ao criar páginas para os seguintes tipos de produtos digitais:

Design de página de produto de e-book

A cada ano que passa, mais e mais dinheiro é gasto em e-books em todo o mundo. Estes são os ganhos globais projetados para e-books, de acordo com dados coletados pela Statista:

Dados da Statista sobre vendas globais projetadas de e-books: US$ 16,647 bilhões em 2020 até US$ 19,997 bilhões em 2025
Statista projeta crescimento anual nas vendas de e-books, de US$ 16,6 bilhões em 2020 para US$ 20 bilhões em 2025. (Fonte: Statista) (Grande visualização)

Por causa disso, os e-books são um grande empreendimento de marketing para as empresas nos dias de hoje. O mesmo vale para outras documentações digitais para download, como modelos, listas de verificação e assim por diante.

Mas, em vez de deixar para os mercados uma parte dos lucros dos produtos digitais, o marketing e a venda de e-books por meio do próprio site podem ajudar uma empresa a obter mais receita.

Vamos usar o exemplo da Smashing Magazine. Embora possa e venda seus e-books pela Amazon, também possui uma seção dedicada “Livros” no site. E acho que mais vendas são feitas pelo site do que pela Amazon… por vários motivos.

Por um lado, cada página de e-book é projetada para se alinhar com a marca Smashing Magazine que os leitores conhecem e confiam:

Uma página de e-book de amostra do site da Smashing Magazine: isso é para The Ethical Design Handbook
O ebook Ethical Design Handbook da Smashing Magazine. (Fonte: Smashing Magazine) (Visualização grande)

Esse senso de consistência e familiaridade vai ganhar muito mais confiança dos leitores de longa data, muito mais do que os clientes da Amazon que por acaso o encontrarem.

O restante da página do produto faz o que é necessário para incentivar os visitantes a comprar o e-book, mesmo que eles não estejam prontos para isso quando virem este primeiro CTA:

A página de destino do Ethical Design Handbook com “Obter o eBook” por $ 19,00 CTA
A página inicial do ebook Ethical Design Handbook fornece aos leitores uma maneira rápida de 'Obter o eBook'. (Fonte: Smashing Magazine) (Visualização grande)

A descrição do ebook é apresentada de forma clara e direta. Não há distrações ao longo do caminho promovendo outros livros ou anúncios.

E não demora muito para que os leitores interessados ​​tenham a chance de ler uma prévia do livro:

Os e-books da Smashing Magazine vêm com downloads gratuitos de trechos em PDF, ePub e Kindle com planos de aula detalhados
Os leitores interessados ​​são convidados a 'Baixar um trecho em PDF gratuito' ou salvá-lo no tipo de arquivo de sua escolha. (Fonte: Smashing Magazine) (Visualização grande)

Isso é obrigatório sempre que seu site vender um documento digital. Não só a página do ebook deve explicar quais lições eles vão aprender (como este faz), mas um trecho em seu formato de arquivo preferido é obrigatório.

Sem uma prévia do que eles estão comprando, será muito difícil fazer essa venda.

Outro elemento que você deve incluir em uma landing page de ebook é uma seção sobre o(s) autor(es).

Sobre os autores de The Ethical Design Handbook: Trine Falbe, Martin Michael Frederiksen
Uma seção dedicada aos autores do The Ethical Design Handbook. (Fonte: Smashing Magazine) (Visualização grande)

Para novos visitantes do seu site e página de destino do e-book, eles podem estar se perguntando: “Por que diabos eu deveria ouvir essa pessoa?” A seção do autor permite que você coloque um rosto e um contexto no livro.

Há outra seção nesta página que você desejará espelhar sua própria página de e-book depois. Eu até sugeriria colocá-lo mais alto se seus autores não forem nomes conhecidos (ainda):

Um trecho do índice do ebook The Ethical Design Handbook
O índice do ebook The Ethical Design Handbook. (Fonte: Smashing Magazine) (Visualização grande)

Uma seção de índice é útil por vários motivos:

  • Um resumo de cada capítulo permite que os leitores determinem se ele será valioso.
  • Um índice otimizado para pesquisa seria tão eficaz quanto usar estrategicamente tags de cabeçalho em uma postagem de blog.
  • Também pode ser usado para gerar dados estruturados e exibir um índice parcial em pesquisas online relevantes.

Há uma coisa não incluída neste exemplo que eu recomendo que você inclua em suas páginas de e-book, se puder: Classificações ou depoimentos.

Só porque é um produto digital, isso não significa que os leitores não precisam de prova social para levá-los de “Parece interessante” para “Preciso ler isso”. Na verdade, é uma grande parte do que ajuda a vender e-books em plataformas como Amazon e Barnes & Noble.

Se o seu site tiver apenas um ou dois e-books à venda, os depoimentos dos leitores são bons. Se o seu site inclui um repositório de eBooks, adicione um sistema de classificação e revisão para que seja fácil para qualquer pessoa deixar seus comentários.

Design de página de produto de mídia

Como web designer, você já está familiarizado com a grande quantidade de conteúdo licenciável disponível:

  • Imagens,
  • Vídeos,
  • Ícones,
  • Música,
  • Efeitos sonoros,
  • Vídeo,
  • Fontes,
  • Temas ou modelos de design,
  • Plug-ins.

Sejamos honestos, se você estiver procurando por conteúdo de estoque ou componentes pré-projetados, provavelmente irá a um mercado popular para comprá-los. A grande quantidade e diversidade de ofertas por si só é muito mais atraente do que ter que visitar sites de criadores independentes para tentar encontrar o que você precisa.

Então, por que estamos falando sobre isso, então?

Há dois pontos que quero fazer:

Se você tiver a tarefa de projetar um mercado para conteúdo licenciável, não recrie a roda.

Use a fórmula testada e comprovada que funciona para os outros. Os clientes não querem descobrir uma nova maneira de encontrar conteúdo digital em um repositório enorme só porque você sentiu vontade de ser criativo.

Se você tem a tarefa de criar páginas de produtos digitais no site de uma pequena agência ou criador independente, agora é outra história.

Vou usar o site do tipógrafo Mark Simonson para demonstrar como você deve abordar algo assim.

Esta é a página inicial da fonte Mostra Nuova:

Uma introdução à fonte Mostra Nuova no site do Mark Simonson Studio
A landing page da fonte Mostra Nuova do Mark Simonson Studio. (Fonte: Mark Simonson) (Visualização grande)

Quando os criadores vendem suas mídias digitais em sites de marketplace, eles têm muito pouco controle sobre como são apresentados. Eles também não têm controle sobre quais outras distrações ou recomendações são apresentadas simultaneamente a clientes em potencial.

Ao criar páginas dedicadas para cada produto em seu site, no entanto, você pode controlar a aparência e a narrativa como esta página faz:

A descrição de Mark Simonson da fonte Mostra Nuova e sua história
Mark Simonson inclui uma descrição útil da fonte e seu histórico. (Fonte: Mark Simonson) (Visualização grande)

Você também não precisa estar em conformidade com as diretrizes do mercado. Sua marca e seus produtos vêm em primeiro lugar:

Mark Simonson Studio: Exemplos de pesos e estilos da Mostra Nuova
O Mark Simonson Studio fornece pesos e estilos para cada fonte da família. (Fonte: Mark Simonson) (Visualização grande)

Outra coisa legal sobre a venda de produtos de mídia em seu próprio site é que não há nenhum revisor para obter aprovação sempre que você deseja fazer upload ou vender um novo arquivo de mídia. Você também não precisa esperar que as atualizações das existentes sejam enviadas.

Uma descrição do que a imagem mostra para o texto alternativo
Uma legenda a ser mostrada abaixo da imagem (Fonte: Mark Simonson) (Visualização grande)

Isso significa que há muito pouco tempo de atraso no ciclo de marketing ou vendas, o que leva a uma maior lucratividade para o criador.

Antes de abordarmos como realmente vender produtos digitais como esses em um site, quero mostrar algo que Mark Simonson inclui na parte inferior de suas páginas de fontes. É uma seção “… em uso”:

Mark Simsonson inclui 4 exemplos do mundo real da fonte Mostra Nuova em uso
Mark Simonson inclui exemplos do mundo real de cada fonte em uso. (Fonte: Mark Simonson) (Visualização grande)

Isso não é algo que você vê com frequência nos sites dos criadores, pelo menos não para os produtos digitais que eles vendem. No entanto, acho que uma seção como essa pode realmente selar o acordo com os visitantes, pois fornece exemplos reais do elemento de mídia em ação.

Pode não ser viável fornecer exemplos de clientes para todos os sites de produtos digitais que você cria. Mas é algo a considerar se os produtos são populares o suficiente.

Quanto à venda de mídia em seu site, você tem algumas opções. Você pode fazer como o Mark Simonson Studio faz e fornecer uma longa lista de links para locais onde a fonte é vendida:

Mark Simonson fornece aos clientes links para marketplaces de fontes para comprar a Mostra Nuova da
Mark Simonson fornece links para outros sites que vendem a fonte Mostra Nuova. (Fonte: Mark Simonson) (Visualização grande)

A forma como isso é apresentado é excelente porque oferece aos clientes a flexibilidade de usar seu mercado de fontes preferido e obter a fonte no formato que eles precisam. E se o seu cliente não quiser lidar com o incômodo de gerenciar as vendas de produtos, este é definitivamente o caminho a percorrer.

Se o seu cliente preferir ser dono do processo de vendas, configure-o como faria com qualquer outro site de comércio eletrônico. Forneça um link “Comprar”, informações sobre preços e licenciamento e, em seguida, envie-os para um site de checkout seguro. Ah, e se o conteúdo puder ser facilmente retirado do site sem uma compra, certifique-se de colocar uma marca d'água nele.

Design de página de produto do curso

Cursos pré-gravados e aulas de especialistas no assunto e influenciadores são muito populares hoje em dia:

  • O Coursera tem mais de 68 milhões de alunos.
  • A Udemy tem 35 milhões de alunos.
  • A edX tem mais de 20 milhões de alunos.

Claramente, as pessoas estão famintas por conteúdo de curso digital, especialmente quando não precisam se sentar em uma sala de aula virtual e podem fazer as aulas no seu próprio ritmo.

Não há absolutamente nada de errado em vender cursos por meio desses mercados, pois eles têm um grande número de alunos esperando para descobrir novos conteúdos.

No entanto, quando os criadores vendem conteúdo de curso digital por meio de seus sites, eles podem fazer muito mais com ele e ganhar mais dinheiro também. Isso porque eles oferecem mais do que apenas a oportunidade de fazer login e pressionar “Play”. Esses cursos geralmente vêm com:

  • Material suplementar,
  • Boletins informativos e lembretes por e-mail,
  • Comunidades particulares,
  • E mais.

A chave para vender um curso dessa maneira é projetar a página do produto digital como um funil de vendas.

Vejamos um exemplo do site Career Contessa. Esta é a página do programa The Job Search Academy:

A página do programa Job Search Academy da Career Contessa
A página do produto para o programa The Job Search Academy da Career Contessa. (Fonte: Career Contessa) (Visualização grande)

Semelhante ao que vimos antes, projetar suas próprias páginas de produtos digitais permite que você crie uma experiência de marca para os alunos. Para quem já conhece e confia nessa marca, a próxima rolagem da página é óbvia:

A Career Contessa convida os alunos a se inscreverem no curso por US $ 197
A Contessa de Carreiras convida os visitantes a 'Matricular-se no Curso' quase que imediatamente. (Fonte: Career Contessa) (Visualização grande)

Para os alunos que ainda estão em cima do muro, a poderosa estatística logo abaixo do botão CTA pode ser suficiente para convencê-los. Caso contrário, há uma tonelada de conteúdo na página que foi cuidadosamente planejado para ajudá-los a se decidir.

O Career Contessa fornece descrições de curso bem formatadas com parágrafos curtos no celular, bem como em negrito
A Carreira Contessa apresenta as informações do curso de forma legível. (Fonte: Career Contessa) (Visualização grande)

Embora haja muito conteúdo escrito nesta página de destino, ela está bem formatada. Os parágrafos são mantidos em um tamanho decente no celular, enquanto o negrito é usado para destacar partes importantes do texto.

Mas nem tudo são paredes de texto. Os alunos também veem o conteúdo do vídeo:

A Career Contessa disponibiliza aos alunos um trailer em vídeo do seu curso
A Carreira Contessa usa uma mistura de conteúdo de vídeo e texto para descrever seu curso. (Fonte: Career Contessa) (Visualização grande)

Listas de marcadores escaneáveis:

A Career Contessa divide as descrições dos cursos com marcadores fáceis de ler
A página do curso Career Contessa destaca pontos problemáticos comuns. (Fonte: Career Contessa) (Visualização grande)

Informações bem apresentadas sobre o conteúdo bônus:

A página do curso Career Contessa anuncia conteúdo bônus, como guias e planilhas
O curso Carreira Contessa vem com conteúdo bônus. (Fonte: Career Contessa) (Visualização grande)

É óbvio que um designer gastou muito tempo dando a cada seção uma aparência distinta para que fosse muito mais fácil digitalizar e ler.

Se os alunos chegaram até aqui, chegarão à parte mais crítica da página de vendas. É aqui que eles descobrem exatamente o que aprenderão com um currículo bem elaborado e visualizações de aulas:

O currículo do curso Career Contessa com seção de boas-vindas e planos de lição 1
A página do curso da Career Contessa vem com um Currículo do Curso e pré-visualizações das aulas. (Fonte: Career Contessa) (Visualização grande)

Assim como você esperaria que uma página de funil de vendas fizesse, os alunos em potencial são apresentados a uma seção de depoimentos, além de perguntas frequentes. Esses são dois elementos que você não pode prescindir ao projetar um funil de vendas, para cursos ou não. E precisa estar na parte inferior da página, pouco antes de você perguntar mais uma vez se eles estão prontos para se inscrever no curso caro.

Isso pode parecer um exagero, mas a abordagem é boa. Você pode vender seus cursos para alunos casuais em sites como Coursera e edX, mas não há relacionamento lá. Eles se inscrevem no seu curso com a mesma facilidade que o próximo oferecido no site.

No entanto, quando você cria páginas de cursos em seu site, você captura os alunos mais dedicados — aqueles que concluirão o curso por completo e desejam se inscrever em mais cursos e conteúdos no futuro.

Empacotando

O que é interessante notar sobre os exemplos acima é como os criadores estão vendendo seu conteúdo digital tanto por meio de mercados populares quanto por seus sites. Como você pode imaginar, essa é a melhor maneira de capturar o máximo possível de receita com produtos digitais.

Apenas certifique-se de que, ao criar páginas de produtos digitais para os sites móveis de seus clientes, você não tente imitar o que os mercados fazem. Muitas vezes, seus designs são lotados, distraem e não são realmente otimizados para o usuário do smartphone. Ao projetar as páginas do criador para serem mais fáceis de usar, você incentivará mais pessoas a comprar diretamente deles e, consequentemente, colocará mais dinheiro no bolso de seus clientes.