O e-book é um dos produtos mais vendidos do mercado digital, com grande aceitação do público. Para impulsionar ainda mais as vendas, uma boa landing page para e-book é fundamental. E é sobre isso que vamos falar neste case!
O e-book “Como Começar um Negócio Freelance” é uma criação do Guia do Freela, um blog focado em dicas e orientações práticas para quem deseja trabalhar por conta própria.
Embora houvesse uma landing page ativa, ela era bastante limitada. Afinal, foi desenvolvida há mais de 3 anos – não contava com recursos interativos, não tinha a melhor velocidade de desempenho e era bem simples.
Por isso, após projetos de landing page de cursos, como o Case da Isa Campos, chegamos a uma landing page para e-book!
Os detalhes da landing page para e-book “Como Começar um Negócio Freelance 2.0”
Você conhece a frase “em casa de ferreiro o espeto é de pau?” Pois bem, esse ditado popular se enquadra perfeitamente a situação!
Isso porque, tanto o Guia do Freela quanto o e-book são criações da Bruna – que é uma das web designers da Pixel Perfect!
Quando criou a primeira versão do e-book, há mais de 3 anos, fez uma landing page usando WordPress com Elementor. Na ocasião, sem tanto conhecimento de web design, construiu um modelo bem simples, sem interações ou dinamismo.
Foi a partir desse crescimento de conhecimento que surgiu o desejo de uma nova landing page para e-book. E uma curiosidade: a nova LP inspirou a atualização do e-book!
E ainda que este possa ser visto como um “projeto interno”, levamos com a mesma seriedade, aplicando todas as boas práticas de UX, performance e SEO.
🎯 Desafios:
- Existia uma landing page para e-book simples, sem grandes recursos, mas que trazia um bom índice de conversão;
- O design estava datado, com um estilo visual que comunicava com 2019, mas não com o ano atual;
- Sendo uma landing page para e-book, a velocidade de carregamento era um elemento crucial;
- Na primeira seção da landing page, na Hero, havia o direcionamento de inserir algum ponto de impacto para chamar a atenção.
🛎 Soluções propostas:
Para essa landing page para e-book, a primeira solução proposta foi tirar o site do WordPress e colocá-lo no Framer. O Framer é um construtor online que permite uma integração facilitada com as artes desenvolvidas pelo Figma (que é o software que utilizamos em nossos projetos).
No quesito dinamismo, pensamos em efeitos que se apresentam na tela de acordo com o “scroll”, ou seja, com o ato de rolar a página. Um bom exemplo está na Hero, em que o mockup de smartphone se encaixa no restante do design.
Trouxemos muito das cores bases que estão no e-book Como Começar um Negócio Freelance 2.0, fazendo uma integração de branding. E por ter conexão com o blog Guia do Freela, respeitamos a tipografia utilizada na plataforma em questão.
Além disso, uma nova copy foi proposta, trazendo mais informações sobre como o leitor poderia se beneficiar.
✨ O resultado:
O resultado é uma landing page dinâmica, interessante, cheia de recursos de movimento, que consegue ser extremamente leve! Basta conferir o relatório de desempenho:
É claro que muito disso se dá pela construção dentro do Framer, mas outras escolhas estratégicas para o desenvolvimento da landing page também colaboram para esses números.
Essa landing page para e-book se conecta com o público-alvo, mantendo um visual divertido e acessível. Traz todas as explicações necessárias sobre o produto, sem ficar “chata”.
Você pode conferir o resultado clicando aqui!
Case de landing page para e-book: concluído! ✅
Não dá para negar que nós somos suspeitos para falar desse projeto: afinal, ele faz parte da história de uma das profissionais da Pixel Perfect.
Mas a realidade é que atingimos o objetivo principal da landing page! Criamos um visual atrativo, com recursos diferentes e que tem provocado boas conversões – apesar do aumento do preço do produto.
Esse é um projeto que ficamos felizes em renovar! E se você tem um e-book para vender, saiba que sua landing page pode ser muito mais interessante – e a gente pode te ajudar!
