{"id":566,"date":"2016-05-05T09:30:51","date_gmt":"2016-05-05T12:30:51","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=566"},"modified":"2018-12-06T10:54:38","modified_gmt":"2018-12-06T12:54:38","slug":"como-criar-landing-pages-de-sucesso-visao-geral","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/como-criar-landing-pages-de-sucesso-visao-geral\/","title":{"rendered":"#1 Como criar landing pages de sucesso: vis\u00e3o geral"},"content":{"rendered":"<p>Voc\u00ea tem um e-commerce, trabalha em uma ag\u00eancia de comunica\u00e7\u00e3o ou desenvolvimento, \u00e9 freelancer ou, simplesmente, quer divulgar produtos e servi\u00e7os na internet. J\u00e1 tem um site otimizado, redes sociais ativas e um bom <a href=\"https:\/\/blog.umbler.com\/br\/como-usar-crm-whatsapp\/\">CRM<\/a>. Agora, voc\u00ea s\u00f3 precisa atrair clientes, certo? Quando o assunto \u00e9 converter visitantes em leads, um item n\u00e3o pode faltar: a <strong><a href=\"https:\/\/blog.umbler.com\/br\/whatsapp-vs-landing\/\">landing page<\/a><\/strong>. Essa \u00e9 considerada a &#8220;pista de aterrissagem\u201d para poss\u00edveis clientes que acessam um site, sendo um dos componentes essenciais de uma estrat\u00e9gia de <a href=\"https:\/\/blog.umbler.com\/br\/o-que-e-marketing-criativo\/\">marketing digital<\/a>.<\/p>\n<p>Apesar da receita de uma boa p\u00e1gina de destino parecer relativamente simples, existem alguns fatores importantes que jamais podem ser ignorados. E esses v\u00e3o muito al\u00e9m de um design simples, um conte\u00fado atrativo e uma oferta de produto ou servi\u00e7o irrecus\u00e1vel.<\/p>\n<p>Pensando na produ\u00e7\u00e3o de landing pages de qualidade, que consigam sintetizar informa\u00e7\u00f5es de forma clara e que, por consequ\u00eancia, gerem boas convers\u00f5es, iniciamos hoje uma s\u00e9rie sobre a cria\u00e7\u00e3o de landing pages de sucesso, desde a concep\u00e7\u00e3o e cria\u00e7\u00e3o, at\u00e9 a divulga\u00e7\u00e3o e an\u00e1lise de resultados.<\/p>\n<h2>Inbound Marketing<\/h2>\n<p>Para ag\u00eancias digitais, que auxiliam empresas a alavancarem suas <a href=\"https:\/\/blog.umbler.com\/br\/vendas-automaticas-pelo-whatsapp\/\">vendas<\/a>, e tamb\u00e9m para empreendedores individuais, que necessitam promover produtos e servi\u00e7os pr\u00f3prios, o entendimento (e atualiza\u00e7\u00e3o) sobre <strong>estrat\u00e9gias de marketing digital<\/strong> \u00e9 fundamental e definitivo. S\u00e3o muitas as possibilidades de divulga\u00e7\u00e3o na era das redes sociais e dos dispositivos m\u00f3veis \u2013 cada vez mais competitiva. Inclusive, dentro do pr\u00f3prio universo do marketing, s\u00e3o diversas as vertentes de trabalho, o que possibilita escolher t\u00e1ticas cada vez mais alinhadas \u00e0s especificidades de cada cen\u00e1rio.<br \/>\nEntregar conte\u00fado relevante, que auxilie um usu\u00e1rio a solucionar uma dor espec\u00edfica. Auxiliar na compreens\u00e3o de uma necessidade e entregar alternativas para san\u00e1-la. Ou mesmo alertar sobre uma car\u00eancia (ainda n\u00e3o identificada) e indicar recursos pertinentes. Essa \u00e9 a proposta do <strong>Inbound Marketing<\/strong>, g\u00eanero surgido em 2006 e que tem ganho cada vez mais for\u00e7a em estrat\u00e9gias de comunica\u00e7\u00e3o digital para empresas. O objetivo \u00e9 n\u00e3o empurrar nada e, sim, estar no lugar certo, no momento certo \u2013 seja quando o usu\u00e1rio vai atr\u00e1s de uma informa\u00e7\u00e3o ou quando surge um conte\u00fado que o alerta.<\/p>\n<p>Baseado na ideia de funil, onde diversos usu\u00e1rios v\u00e3o sendo filtrados e encaminhados de acordo com suas situa\u00e7\u00f5es, o Inbound Marketing apresenta a\u00e7\u00f5es exclusivas, por ciclos, com o objetivo de alcan\u00e7ar um n\u00famero consider\u00e1vel de clientes satisfeitos e fidelizados. Tratam-se, basicamente, de quatro grandes etapas: <em>atra\u00e7\u00e3o<\/em>, onde usu\u00e1rios desconhecidos se tornam visitantes; <em>convers\u00e3o<\/em>, onde visitantes tornam-se leads (potenciais compradores); <em>fechamento<\/em>, quando leads tornam-se compradores, efetivamente; e <em>encantamento<\/em>, quando os clientes tornam-se advogados e defensores da marca \u2013 e, por consequ\u00eancia, acabam trazendo outros compradores.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-665 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/05\/post-16-05-01-langing-funil.png\" alt=\"Final Landing Page\" width=\"1000\" height=\"467\" \/><br \/>\nUma das etapas mais significativas desse processo \u00e9, sem d\u00favida, a de convers\u00e3o, principalmente no sentido de filtrar usu\u00e1rios relevantes, com verdadeiro potencial para a compra e fideliza\u00e7\u00e3o. Ao definir grupos de prospects, \u00e9 muito f\u00e1cil atuar de forma expressiva e precisa, sem gastar tempo e dinheiro com usu\u00e1rios que n\u00e3o est\u00e3o em um momento adequado para a compra ou mesmo que n\u00e3o demonstrem real interesse em uma solu\u00e7\u00e3o. E, nessa etapa, o papel principal fica com as j\u00e1 famosas <strong>landing pages<\/strong> \u2013 tamb\u00e9m conhecidas como p\u00e1ginas de destino ou p\u00e1ginas de captura.<\/p>\n<h2>Mas o que \u00e9 mesmo uma landing page?<\/h2>\n<p>Uma landing page nada mais \u00e9 que uma p\u00e1gina que possibilita a captura de informa\u00e7\u00f5es de um visitante atrav\u00e9s de um formul\u00e1rio. Funciona assim: depois de clicarem em uma chamada em seu site, blog, resultado de busca ou an\u00fancio na internet, os visitantes s\u00e3o direcionados para a landing page, onde ir\u00e3o preencher seus dados para receber uma determinada oferta\/benef\u00edcio. S\u00f3 depois de fazerem isso s\u00e3o convertidos em leads e seus dados estar\u00e3o dispon\u00edveis em um banco de dados.<\/p>\n<p>Independente do porte da empresa ou do setor em que ela atua, o objetivo final de uma p\u00e1gina de destino \u00e9 sempre o mesmo: capturar o interesse de um visitante por meio de algo que o neg\u00f3cio tem a oferecer. E, em seguida, usar essa oportunidade para &#8220;estimul\u00e1-lo&#8221; a passar para a pr\u00f3xima etapa do <a href=\"https:\/\/blog.umbler.com\/br\/funil-de-vendas-chatbot-para-whatsapp\/\">funil de vendas<\/a>. De forma resumida: sua principal finalidade \u00e9 incentivar a convers\u00e3o, seja ela qual for.<\/p>\n<h2>O que ofertar em uma landing page?<\/h2>\n<p>As p\u00e1ginas de destino podem ser usadas tanto para permitir que os visitantes do site fa\u00e7am o download de ofertas de conte\u00fado, quanto para conceder a sua inscri\u00e7\u00e3o em testes gratuitos ou demonstra\u00e7\u00f5es de seu produto. Este tipo de convers\u00e3o possibilita que aqueles visitantes que ainda n\u00e3o est\u00e3o prontos para adquirir o seu produto ou servi\u00e7o sejam retidos, e tornem-se clientes mais \u00e0 frente.<\/p>\n<p>Entre as ofertas de conte\u00fado que sua empresa pode oferecer em troca de informa\u00e7\u00f5es de usu\u00e1rios est\u00e3o: relat\u00f3rios e whitepapers, com estat\u00edsticas sobre o ramo de atua\u00e7\u00e3o; e-books ou guias, sobre seu produto ou servi\u00e7o; newsletters, com dicas relacionadas a sua especializa\u00e7\u00e3o; ferramentas, calculadoras e produtos digitais edit\u00e1veis, como checklists e apresenta\u00e7\u00f5es; v\u00eddeos ou webinars, com tem\u00e1tica relacionada \u00e0 sua solu\u00e7\u00e3o; entre outros.<\/p>\n<p>O objetivo principal deve ser entregar informa\u00e7\u00f5es ou permiss\u00f5es que sejam realmente relevantes, exclusivas e definidoras para a tomada de decis\u00e3o do usu\u00e1rio.<\/p>\n<h2>Exemplos de landing pages<\/h2>\n<p>Para inspirar a cria\u00e7\u00e3o de suas p\u00e1ginas, selecionamos alguns bons exemplos de landing page com objetivos distintos. Lembre-se: a produ\u00e7\u00e3o de uma p\u00e1gina de captura depende totalmente das metas que se deseja atingir com ela.<\/p>\n<h3>Hello Bonsai<\/h3>\n<p>Este <a href=\"https:\/\/www.hellobonsai.com\/\" target=\"_blank\" rel=\"noopener\">site<\/a>, que disponibiliza <a href=\"https:\/\/blog.umbler.com\/br\/evitar-bloqueio-por-spam-no-whatsapp\/\">templates<\/a> de documenta\u00e7\u00e3o e m\u00e9todos de pagamento para freelancers, aproveita sua pr\u00f3pria home como landing page. Apresentando um bot\u00e3o para a\u00e7\u00e3o (call-to-action) j\u00e1 no topo da p\u00e1gina, indica o cadastro gratuito do usu\u00e1rio. Abaixo, explicita todas as funcionalidades dispon\u00edveis, depoimentos de usu\u00e1rios e mais CTAs. Transformando visitantes em leads (e clientes free) \u00e9 poss\u00edvel seguir com a\u00e7\u00f5es de inbound e faz\u00ea-los avan\u00e7ar no funil de vendas.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-568 size-large\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/05\/hello-bonsai_exemplo-landing-page-440x1024.png\" alt=\"hello bonsai exemplo landing page\" width=\"440\" height=\"1024\" \/><\/p>\n<h3>Headway App<\/h3>\n<p>Tamb\u00e9m com o uso da home como p\u00e1gina de captura, a p\u00e1gina deste <a href=\"https:\/\/headwayapp.co\/\" target=\"_blank\" rel=\"noopener\">aplicativo<\/a> \u00e9 um \u00f3timo exemplo de design de landing pages. Mantendo o logo e o CTA para se cadastrar na ferramenta web, a rolagem para mais informa\u00e7\u00f5es fica na lateral direita, delimitando o espa\u00e7o e focando a aten\u00e7\u00e3o para o bot\u00e3o de a\u00e7\u00e3o. Em apenas duas telas, o usu\u00e1rio consegue compreender as funcionalidades do aplicativo e se cadastrar.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-570 size-large\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/05\/headway_exemplo-landing-page-1024x573.png\" alt=\"headway exemplo landing page\" width=\"780\" height=\"436\" \/><\/p>\n<h3>Hubspot<\/h3>\n<p>J\u00e1 esta <a href=\"https:\/\/offers.hubspot.com\/anatomy-of-winning-infographic\" target=\"_blank\" rel=\"noopener\">landing page<\/a> possui um objetivo diferente: captar leads atrav\u00e9s do download de um ebook. A exibi\u00e7\u00e3o do formul\u00e1rio e do bot\u00e3o de a\u00e7\u00e3o j\u00e1 no topo da p\u00e1gina aceleram o processo por parte do usu\u00e1rio e apontam para o rodap\u00e9 da p\u00e1gina, onde mais informa\u00e7\u00f5es s\u00e3o exigidas, para uma melhor segmenta\u00e7\u00e3o do lead adquirido.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-571 size-large\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/05\/hubspot_exemplo-landing-page-442x1024.png\" alt=\"hubspot exemplo landing page\" width=\"442\" height=\"1024\" \/><br \/>\nQuer saber quais itens s\u00e3o essenciais em uma landing page e como divulgar e mensurar o sucesso de suas p\u00e1ginas? Confira os outros posts da s\u00e9rie \ud83d\ude09<\/p>\n<ul>\n<li>#2 <a href=\"https:\/\/blog.umbler.com\/br\/2-como-criar-landing-pages-de-sucesso-elementos-essenciais\/\" target=\"_blank\" rel=\"noopener\">Como criar landing pages de sucesso: elementos essenciais<\/a><\/li>\n<li>#3 <a href=\"https:\/\/blog.umbler.com\/br\/3-como-criar-landing-pages-de-sucesso-ferramentas-e-divulgacao\/\" target=\"_blank\" rel=\"noopener\">Como criar landing pages de sucesso: ferramentas e divulga\u00e7\u00e3o<\/a><\/li>\n<li>#4 <a href=\"https:\/\/blog.umbler.com\/br\/4-como-criar-landing-pages-de-sucesso-aprimoramento-e-analise-de-resultados\/\" target=\"_blank\" rel=\"noopener\">Como criar landing pages de sucesso: aprimoramento e an\u00e1lise de resultados<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea tem um e-commerce, trabalha em uma ag\u00eancia de comunica\u00e7\u00e3o ou desenvolvimento, \u00e9 freelancer ou, simplesmente, quer divulgar produtos e servi\u00e7os na internet. J\u00e1 tem um site otimizado, redes sociais ativas e um bom CRM. Agora, voc\u00ea s\u00f3 precisa atrair clientes, certo? Quando o assunto \u00e9 converter visitantes em leads, um item n\u00e3o pode faltar: [&hellip;]<\/p>\n","protected":false},"author":38,"featured_media":5638,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[68,69,70,71,72],"class_list":["post-566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev","tag-como-fazer-uma-landing-page","tag-exemplos-landing-page","tag-inbound-marketing","tag-landing-page","tag-o-que-e-landing-page"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/566"}],"collection":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=566"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/566\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/5638"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}