INÍCIO   /  Todos os Produtos  / Exemplos de design e inspiração de pop-ups de sites criativos

Exemplos de design e inspiração de pop-ups de sites criativos

31 de agosto de 2022
Exemplos de design e inspiração de pop-ups de sites criativos

Todo profissional de marketing precisa de um arquivo deslizante para a inspiração do design do pop-up e os exemplos. Neste artigo, vou mostrar meu próprio arquivo de troca que estou usando quando preciso criar algum pop-up novo e envolvente

Além dos exemplos do próprio Poptin neste galeria, eu recomendo fortemente que sua criatividade flua com outros exemplos também.

Neste artigo, veremos alguns designs e exemplos de pop-ups criativos e inspiradores para melhorar nossas taxas de conversão de lead magnet em 2022.

Vamos mergulhar.

Pop-up de design de cópia de honestidade e autenticidade 

Eu sempre recomendaria um pop-up de design de cópia honesto e autêntico que sempre teria seu charme para atrair o leitor a fornecer seu endereço de e-mail.

A Wikipedia fez um ótimo trabalho sendo honesta e pedindo doações para continuar crescendo. Todos nós precisamos que as informações sejam gratuitas e imparciais, e a Wikipedia faz um ótimo trabalho nisso. Portanto, esta cópia com um design simplista tem mérito próprio.

image9

O outro pop-up honesto que encontrei foi feito pela ProfitWell. Enquanto eu estava no site da ProfitWell, eles promoveram a desmontagem da página de preços. Embora tenha um bom conteúdo, como estavam atrapalhando minha experiência de usuário no blog, começaram com “odiamos pop-ups…” – me identifiquei totalmente com isso. 

image10

Por que? É honesto, direto e dá algo em troca de um endereço de e-mail. Além disso, as imagens são reais e esses dois caras no pop-up acima fazem um ótimo trabalho. 

Eu imediatamente me inscrevi.

Se você puder tornar um design de pop-up relevante, empático e ter uma boa cópia – provavelmente terá uma taxa de conversão decente

Pop-up de design simplista

Às vezes, simples é tudo que você precisa e faz bem o trabalho. Por que o design simples de pop-up funciona? Geralmente funciona quando sua oferta é ótima, tem prova social, e a cópia é incrível.

Com isso, gostaria de compartilhar um ótimo exemplo que foi oferecido aos profissionais de marketing (nós, profissionais de marketing, geralmente somos críticos com os outros).

image12

Harry executa este pequeno projeto e mostra o pop-up acima na intenção de saída. Tem prova social (9691 profissionais de marketing), dicas práticas, leitura de 2 minutos (barreira baixa) e também é honesto porque diz que menos de 0.4% das pessoas cancelam a assinatura e é grátis. 

Esse tipo de exemplar com uma ótima oferta sempre funcionará. Se você está procurando um exemplo de design simplista para se inspirar, então este seria um vencedor.

Por último, não diz “inscreva-me”, mas sim “atualize meu marketing”, o que na verdade é um apelo à ação baseado em valor.

Ótimo trabalho Harry!

Nota do Editor: Confira estas dicas de redação em exemplos de marketing 

Outro exemplo de design de pop-up muito simplista que recebo é inspirado no Ahrefs.

image2

O Ahrefs pressupõe que o visitante do blog não pode ser colocado em um funil e, portanto, é melhor alimentá-lo continuamente com novos conteúdos. Esse conteúdo é como uma página de vendas, então o leitor/visitante acabará convertendo.

Conseqüentemente, o pop-up simplista acima com um mascote faz um ótimo trabalho na conversão. De acordo com o Ahrefs, ele tem mais de 0.5% da conversão de seus 250 mil visitantes por mês. Bem, então funciona.

A última inspiração simplista de design de pop-up vem dos growth hackers que sigo. Esses são um bando de caras ensinando marketing de crescimento e seu pop-up é simples, mas eficaz para alunos como eu. É apenas uma cópia incrível, além de muitas provas sociais. 

image1

Exemplos de design de pop-ups de mascote 

Para ser sincero, adoro pop-ups de mascotes. Tem personalidade e dá o lado criativo do blog ou site. Sem falar que é ótimo para o reconhecimento da marca.

Não sou funcionário da Poptin, mas adoro o pop-up do mascote do papagaio.

image8

No exemplo acima, Poptin mostra a intenção de saída e usa a abordagem do medo para me fazer inscrever. A barreira para se inscrever é tão baixa porque leva apenas dois minutos. O mascote do papagaio voa o tempo todo, por isso chama a atenção.

Se você quiser usar seu mascote para design de pop-up, certifique-se de que ele receba a atenção certa.

Por último, a cópia oferece a abertura de uma conta gratuita e a conquista de mais clientes por meio desses visitantes. Amável!

Eu me inscreveria só porque é feito com muita elegância.

Outra boa inspiração criativa que usa bem o contexto é o Hipmunk.

image4

Este pop-up aproveita o mascote e o tempo de espera e carregamento. Hipmunk fez um bom trabalho com o mascote para chamar a atenção, mas o posicionamento e o acionamento foram ainda melhores. 

É simples e eficaz. Eu recomendaria esse tipo de pop-up se houver muito tempo de espera no seu aplicativo.

Inspiração de design de pop-up de marketing de conteúdo

Se você tem um bom conteúdo que pode facilmente promover e capturar alguns leads – por que não iria querer oferecê-lo? Você pode simplesmente promover e-books, webinars, infográficos, ofertas da comunidade e muito mais.

Appcues fez um bom trabalho ao compartilhar sua academia de integração há alguns anos. A academia deles educou muitos empreendedores de SaaS e gerentes de produto. Aqui está um exemplo do design pop-up anterior:

image7

 O pop-up acima foi feito por um bom designer e com uma ótima cópia. Eles também têm um pop-up semelhante para atualizações do blog.

image6

Pessoalmente, gosto mais do pop-up da academia de integração do que do blog. No entanto, você deve usar ambos para converter mais visitantes.

Pessoalmente, se olharmos para a oferta do blog, eu sempre recomendo adicionar um pouco de toque na cópia, como Airfocus (roteiros de produtos ferramenta) faz isso:

image13

Leia mais: Roteiro do produto

Também tenho promovido muito conteúdo relacionado ao meu produto e tenho usado os formulários do Poptin, o que me proporcionou taxas de conversão muito boas.

Tenho promovido o curso por e-mail e a escola de adoção de produtos da Userpilot. Surpreendentemente, tivemos uma conversão melhor de formulários incorporados no blog do que de pop-ups. Estes são definitivamente bons exemplos.

image3

Este é o modelo do Poptin que estou usando e que funciona muito bem. 

image5

Ambas as inspirações de design promovem conteúdo com cópia de forma eficaz. 

Outra boa inspiração de design de pop-up de conteúdo que recebi e na qual me inspirei foi Demio. Demio é uma ferramenta de gerenciamento de webinar e fui promovido para seu e-book. Como eu estava tentando aprender mais sobre “como gerenciar webinars”, foi colocado corretamente.

Mas o mais eficaz foi o design e a cópia que fez clicar em “baixar”. 

image11
O que posso dizer? O design pop-up acima estava na hora e no lugar certo (blog deles) para me fazer baixá-lo. Também adoro o uso eficaz do plano de fundo.

Espero que esses designs pop-up lhe dêem alguma inspiração. 

Conclusão

A inspiração e os exemplos de design pop-up acima são para você se inspirar. No entanto, uma dica profissional que posso dar é criar seu próprio arquivo de furto. Esses designs e inspirações podem ficar desatualizados em breve.

Por isso, é importante ficar atualizado e continuar se inspirando.

Aazar Ali Shad é um empreendedor, profissional de marketing em crescimento (não um hacker) e um cara experiente em SaaS. Ele adora escrever conteúdo e compartilhar o que aprendeu com o mundo. Você pode segui-lo no Twitter @aazarshad ou aazarshad.com