cC cristianrick.com.

br
 cC cristianrick.com.br

Fala designer, beleza?

Quero te agradecer por ter feito todo o passo a passo e
obtido acesso a esse e-book. Ele é de imensa valia, então
espero que aproveite todo o conteúdo e leia até o final.

Assim que ler, verá que deixei um bônus, uma

oportunidade pra você dar um passo a mais e imergir
comigo em um dia inteiro falando sobre minhas
estratégias desde a venda e prospecção até a criação
do layout e o desenvolvimento das páginas de venda.

Deixei todas as informações no final do E-book.

No mais, aguardo o teu feedback depois de ler todo esse

conteúdo. Tamo junto!

02
 cC cristianrick.com.br

Sumário
Clique nos tópicos abaixo para ser redirecionado(a):

04 O que é uma landing page?

07 Uma das profissões mais requisitadas do mercado do design

11 Termos que você precisa dominar antes de fazer páginas

24 Tipos de Páginas

31 Princípios do Design

37 Programas e Ferramentas

41 Passo a Passo de Como fazer suas primeiras páginas

45 Imersão: Páginas Elite

03
página de vendas LP

Afinal, web
o que é
Landing
Page?
SITE R R I SA G E M
ATE
 cC cristianrick.com.br

Calma que vou te explicar.

Aqui no Brasil ficou popular o termo “Página de Vendas”,
mas a tradução é Página de Aterrissagem, onde é
basicamente uma página de destino na qual um usuário é
redirecionado.

Geralmente são páginas web que iniciam num ponto A e

terminam no ponto B, sem dar espaço para o usuário
prosseguir com outras ações caso ele queira,
diferentemente de uma loja virtual por exemplo, que você
consegue navegar em torno de vários produtos, sessões e
descrições do site como blog, mídias sociais, campanhas
etc.

Em uma landing page, você começa no início e geralmente

o único caminho é rolar até o final, enquanto nos outros
estilos de site, existe uma barra de navegação que
possibilita explorar outras abas do site.

Landing Page
05
 cC cristianrick.com.br

Agora compara com esses

outros estilos de sites:
Blog
E-commerce
Site Institucional

06
 ES I G N E R
WEB D HIGH TICKET

Uma das
profissões
+requisitadas
do mercado
do design.
LANÇAMENTOS mes
10k
 cC cristianrick.com.br

A Profissão de Web Design, é sem dúvidas uma das mais

importantes dentro de uma estrutura de marketing digital.

Todo profissional, todo negócio, todo produto hoje

praticamente necessita de uma página pra automatizar as
vendas e elevar a conversão de uma copy.

O Web é responsável por pegar tudo que foi desenvolvido

em um período de tempo: Copy, Estratégia, Fotografia,
Vídeo e Design, e sintetizar todas essas informações de
maneira pensada para gerar o máximo de resultados
possível em uma estrutura de tráfego orgânico e pago.

Além disso, se você for um bom analista e souber

aproveitar as oportunidades, você consegue evoluir de
maneira absurda em áreas como estratégia e copy,
chegando em alguns momentos até a dar sugestões de
melhoria nessas duas áreas e se tornar um profissional
imprescindível, sendo mais valorizado, recomendado e
posteriormente até ocupando áreas mais influentes
dentro de um lançamento.

Quando percebi isso,

só me animou cada vez mais.

08
 cC cristianrick.com.br

Não sei como tu se comporta diante de desafios, mas acho

foda saber que cada página é um desafio, principalmente
se você estiver desenvolvendo as primeiras páginas.

É um quebra cabeça que no início muitas das peças estão

desfocadas, mas à medida que tu vai encaixando uma na
outra, o jogo começa a fluir e você começa a se habituar
com certos problemas.

E à medida que você constrói esses hábitos, você começa

a fazer cada vez mais rápido, já desenvolvendo a página
mentalmente antes mesmo de começar a fazer ela em
frente as telas.

09
 cC cristianrick.com.br

Outra informação que você

precisa saber é que um
segundo monitor, faz uma
pu#a diferença.
Não é necessário, mas no processo de criação você
precisará olhar pra o layout criado inicialmente para
implementá-lo de maneira fiel no Elementor, e ter uma
segunda tela, facilita bastante pois evita o “alt + Tab” toda
hora.

Então já coloca na sua mente que no futuro, você terá que

investir em uma segunda tela se quiser otimizar o seu
tempo de criação.

10
 L E C P L
PLP , P
LEAD
+de 30
Termos que
você precisa
dominar antes
da primeira
página.
FUNIL oc py
 cC cristianrick.com.br

Agora que você sabe o que é uma landing page, quero que
você já comece a ter a base do que significa cada um
desses termos que são frequentemente falados no
marketing digital, e consequentemente, você sempre irá se
deparar com alguns desses termos enquanto estiver
conversando ou fazendo páginas para um cliente ou expert.

Saber desses termos, vai te levar a outro patamar de

confiança em uma reunião. *Use essa seção com o objetivo
de consulta.

Domínio Servidor Hospedagem Wordpress

Plugin Tráfego Pago Tráfego Orgânico Lead

Copy CTA Pixel Checkout Área de membros

Header Footer Taxa de Conversão Lançamento digital

Perpétuo Tráfego Pago Webinário Upsell

Downsell Isca digital Criativo Key Visual Funil

PPL PL CPL Captação Lista de espera

12
 cC cristianrick.com.br

30
Termos
2928
Os termos e descrições a seguir foram fruto de muita
pesquisa, estudo e prática. Alguns dos sites que utilizei como
inspiração nas minhas pesquisas foram: medium.com,
hostgator.com.br, godaddy.com, hostinger.com.br, além de
conhecimentos retirados do dia a dia, tanto na parte de
estudo em cursos e metorias, quanto na parte prática em
lançamentos e desenvolvimento de páginas.

13
 cC cristianrick.com.br

Servidor:

Um servidor é um computador robusto que possui mais recursos e melhor desempenho

que um computador normal. Ele possui a função de armazenar dados e arquivos, e
deixá-los disponíveis para que outros computadores consigam acessá-los.

Hospedagem:

Uma hospedagem é basicamente um espaço dentro desse servidor, onde tu consegue

manusear e armazenar todos os arquivos que compõem o seu site, para deixá-lo
acessível na internet.

Ao assinar um serviço de hospedagem de sites, você basicamente tá alugando um

espaço num servidor físico e utilizando desse espaço para colocar o teu site no ar.

Domínio:

Um domínio é um endereço único na internet que identifica um site ou aplicativo. É o que

aparece após o "www" ou "http://" em um endereço web, como por exemplo
"google.com". Ele serve como uma forma fácil e memorável de acessar o conteúdo na
internet. Se não fossem os domínios, para acessar um site teríamos que digitar o
endereço de IP (Internet Protocol) no campo da URL. Ex: 172.67.169.65.

Wordpress:

WordPress é um sistema de gerenciamento de conteúdo open-source (código aberto)

que permite a criação, edição e publicação de conteúdo na web. É amplamente utilizado
para construir blogs, sites corporativos, portfólios, lojas virtuais, entre outros tipos de
sites.

Ele é fácil de usar, personalizável e escalável, o que o torna uma escolha popular entre
desenvolvedores e empresas.

Além disso, existe uma grande comunidade de usuários e desenvolvedores que criam e
compartilham recursos adicionais para ampliar a funcionalidade do WordPress.

14
 cC cristianrick.com.br

Plugin:

Um plugin é um software adicional que pode ser instalado em um sistema de

gerenciamento de conteúdo, como o WordPress, para adicionar recursos ou
funcionalidades extras a um site. Eles são projetados para estender ou melhorar a
funcionalidade básica do WordPress sem precisar programar do zero.

Os plugins podem ser gratuitos ou pagos e incluem recursos como segurança,

otimização de mecanismos de busca (SEO), geração de formulários, integração de mídia
social, entre outros. Eles são fáceis de instalar e gerenciar, tornando-se uma escolha
popular entre os usuários do WordPress.

Tráfego Pago:

Tráfego pago refere-se ao tráfego que é gerado a partir de anúncios pagos em

plataformas como o Google Ads, Facebook Ads, entre outras. Os anunciantes pagam por
cliques ou impressões nos anúncios e, assim, são capazes de alcançar uma audiência
específica e direcionada.

Este tipo de tráfego é uma forma eficaz de aumentar rapidamente o número de visitantes
em um site. É importante ter em mente que o tráfego pago precisa ser monitorado e
otimizado de forma constante para garantir o melhor retorno sobre o investimento (ROI).

Tráfego Orgânico:

É o tráfego que é gerado de forma natural e não requer pagamento por cliques ou
impressões. Ele é gerado a partir de uma boa otimização de mecanismos de busca (SEO)
no Google por exemplo ou criação de conteúdo nas plataformas como Instagram,
Facebook e Tiktok, onde essas plataformas recomendam conteúdos para seguidores ou
não seguidores de um usuário. Esse tipo de tráfego geralmente é considerado mais
valioso, pois tende a ser mais engajado e mais propenso a converter do que o tráfego
pago.

15
 cC cristianrick.com.br

Lead:

É um termo utilizado para se referir a uma pessoa que demonstrou interesse em um

produto ou serviço. É uma oportunidade potencial de venda. Um lead pode ser gerado
por meio de diversas ações, como preenchimento de formulários em uma página,
download de iscas gratuitas, entre outras.

É importante que as informações dos leads sejam coletadas, armazenadas e

classificadas de forma adequada, para que a equipe de vendas possa entrar em contato
através do e-mail ou número. A gestão de leads é uma parte importante do processo de
vendas e pode ser otimizada com o uso de ferramentas de automação como o Active
Campaign por exemplo.

Copy:

É uma palavra usada para se referir ao texto escrito de maneira persuasiva para as
páginas, anúncios e outros tipos de conteúdo. É usado para transmitir uma mensagem ao
público-alvo e persuadi-lo a realizar uma ação, como comprar um produto ou se
inscrever em uma lista de e-mail.

O copywriting é a técnica de escrever esse tipo de texto e requer habilidades

específicas, como compreender o público-alvo, identificar suas necessidades e
motivações e escrever de forma clara, concisa e persuasiva.

CTA (Chamada pra ação):

CTA é a sigla para "Call-to-Action", que em português significa "chamada para ação". É
uma frase ou botão que incentiva os visitantes de uma página ou anúncio a realizar uma
ação específica, como comprar um produto, se inscrever em uma lista de e-mails,
preencher um formulário, entre outras.

A CTA ajuda a direcionar a atenção do usuário para a ação que você deseja que ele tome.
Algumas dicas para escrever uma boa CTA incluem usar verbos de ação, ser claro e
direto, destacar a vantagem para o usuário, entre outras. O posicionamento e a cor da
CTA também são importantes, pois podem influenciar a taxa de cliques e conversões.

16
 cC cristianrick.com.br

Pixel:

Diferente do Pixel que nós designers estamos acostumados, o Pixel de plataformas

como o Facebook, Google, Hotmart e até o Tik Tok, é uma pequena porção de código
fornecida pelas plataformas que permite acompanhar as ações dos usuários em um site
após clicarem em um anúncio e serem redirecionadas para a página de destino. Ele é
usado para coletar dados sobre conversões, visualizações de página, entre outras ações.

Os dados coletados pelo Pixel podem ser usados para otimizar campanhas de anúncios
e para criar listas de públicos personalizadas, que podem ser usadas para mostrar
anúncios a usuários que já mostraram interesse em seus produtos ou serviços. O Pixel é
uma ferramenta valiosa para empresas que querem aproveitar ao máximo seus
investimentos em anúncios nessas plataformas.

Checkout:

Checkout é o processo final de compra do lead, onde ele insere informações de contato
e pagamento. É também uma das partes mais importantes do processo de compra, pois
é onde a transação realmente acontece e onde é mais provável que o cliente desista da
compra.

Portanto, é importante que o checkout seja fácil de usar, rápido e tenha a cara do
produto, com banners persuasivos seguindo a identidade visual para garantir que o
máximo de clientes concluam a compra com sucesso. As plataformas de checkout mais
famosas atualmente no marketing digital é a Hotmart, Kiwify, Eduzz, Braip e Evermart.

Área de Membros:

É onde o usuário após a compra, consome o conteúdo que foi adquirido. Existem vários
estilos de área de membros, algumas mais complexas, com acesso a comunidades e
opções mais diversas. Todas as plataformas de checkout oferecem a sua própria área de
membros para armazenamento do conteúdo em vídeo ou texto, mas existe a
possibilidade de adquirir uma área de membros em outra plataforma e vincular com o
checkout do produto, como por exemplo a Astron Members e a Cademí.

17
 cC cristianrick.com.br

Header (Cabeçalho):

Header é uma área na parte superior do site que geralmente contém elementos como o
logotipo, o menu de navegação, temporizador ou botão de compra. É a primeira coisa
que os visitantes de um site veem. Geralmente também fica fixo na tela, estando visível
mesmo quando o usuário rola a página.

Footer (Rodapé):

Já o Footer, é uma área na parte inferior do site. Nele, geralmente contém elementos
como política de privacidade, termos de uso, logotipo, redes sociais e menus de
navegação. Em alguns sites, você também vai encontrar mensagens direcionadas para
isenção de responsabilidade e quem desenvolveu o site.

Taxa de Conversão:

A Taxa de conversão é a proporção de visitantes de um site ou página que realizam a

ação desejada, como comprar um produto, se inscrever em uma lista de e-mail ou
preencher um formulário.

É calculada dividindo o número de conversões por um determinado período de tempo

pelo número total de visitantes durante esse mesmo período. A taxa de conversão é uma
métrica importante para avaliar o desempenho de uma página ou campanha de
anúncios, pois indica se os visitantes estão realizando as ações desejadas e ajuda a
identificar oportunidades de melhoria.

Algumas dicas para melhorar a taxa de conversão incluem otimizar a usabilidade do site,
oferecer uma experiência de compra simples e segura, testar diferentes call-to-actions,
alinhar a oferta e a mensagem com as necessidades dos clientes, entre outras.

18
 cC cristianrick.com.br

Lançamento digital:

é uma estratégia de marketing que visa promover e vender um produto ou serviço

através da internet, geralmente com um enfoque em aumentar a antecipação e causar
um boom de vendas em um curto espaço de tempo. Um lançamento digital pode
envolver a criação de conteúdo exclusivo como aulas gratuitas, e-mails de vendas,
“Grupos VIP” entre outros, que são divulgados em períodos específicos para gerar
interesse e construir expectativa. Além de atrair novos clientes e aumentar as vendas, um
lançamento ajuda a construir relacionamentos mais próximos com a audiência. Existem
vários tipos de lançamentos, como o Interno, Semente e o Meteórico, ambos criados por
experts que fizeram diversos lançamentos até encontrar e criar uma metodologia
funcional no nicho e modelo de negócio deles.

Perpétuo:

Um produto perpétuo diferentemente de produtos de lançamento, é um produto que

possui vendas abertas o tempo todo. Essas vendas, são guiadas através de criação de
conteúdo orgânico e tráfego pago. Em alguns momentos, o produto perpétuo também
pode pegar um pouco da estratégia de lançamento para fazer eventos anunciando
promoções ou novas atualizações dentro do produto.

Webinário:

Webinário é uma aula ao vivo, realizada pelo expert com o intuito de esquentar a
audiência com conteúdos gratuitos, para no final, fazer um pitch de vendas para venda
de um produto ou serviço. Em alguns momentos, também são gravados e
disponibilizados para audiência como replay.

19
 cC cristianrick.com.br

Upsell:

Quando o cliente já fez a compra do produto e existe a possibilidade dele adquirir um

produto complementar ou de valor superior àquele ao que ele já está adquirindo.
O objetivo é aumentar o valor total da compra, maximizar o lucro e melhorar a satisfação
do cliente, já que ele está recebendo mais valor por seu dinheiro. Um exemplo bem claro
disso é quando estamos na fila do caixa do supermercado e temos a opção de comprar
um doce ou refrigerante, ou quando estamos navegando em um e-commerce de roupas
e recebemos a opção de adquirir junto um cinto ou carteira. No contexto do marketing
digital, o upsell pode ser realizado através de páginas de checkout, pop-ups, mensagens
de email e outros canais. Geralmente, os infoprodutores fazem upsell de mentorias,
consultorias, comunidades e cursos mais completos ou complementares.

Downsell:

Já o Downsell, é uma estratégia de marketing que consiste em oferecer ao cliente uma

opção de menor valor quando ele recusa uma oferta de upsell. O objetivo é manter o
cliente na jornada de compra, fornecer uma solução viável e aumentar a probabilidade
de fechamento da venda.

Uma comparação é quando vendedores de loja nos oferecem um produto que não
podemos adquirir e logo após que notam isso, oferecem um mais em conta. Também é
feito através de checkout e pop-ups, mensagens de e-mail e outros canais.

Isca digital:

É usada para atrair o público-alvo para uma página da web ou conversa, com o objetivo
de coletar informações de contato ou vender um produto ou serviço. Exemplos incluem
ofertas de e-book gratuito, webinários, demonstrações gratuitas, etc. O objetivo é
geralmente capturar leads para futuros esforços de marketing.

Criativo:

É um anúncio visualmente atraente, projetado para promover um produto ou serviço. Os

criativos são geralmente utilizados em plataformas como o Google, o Facebook Ads ou o
Instagram Ads. Eles podem ser em formato de imagem ou vídeo e são criados para
chamar a atenção do público-alvo e estimular uma ação como cliques em um link ou
conversões em uma página de vendas.

20
 cC cristianrick.com.br

Key Visual (Base Visual):

É basicamente a identidade visual do lançamento. É um conjunto de fontes, cores,

logotipo, imagens e estilos que você irá definir para seguir com o projeto de criação das
páginas e qualquer outro material que tenha relação com o lançamento. A Base Visual
tende a ser menos complexa e ter uma exigência menor que uma identidade visual
convencional para empresas por possuir um prazo de validade bem menor, já que se
trata de um lançamento ou página de vendas, e não da empresa ou profissional em si.

Funil:

Dentro do marketing digital, um funil representa o nível de consciência do lead acerca de

um tema específico ou do que está sendo ou será vendido para a resolução de um
problema (Ex: emagrecer). Os leads que estão no topo, são os chamados topo de funil,
que estão inconscientes do problema e da solução do problema. Quem está no fundo, já
desceu mais etapas do funil e sabe da solução e estão conscientes do problema, a
descida total do funil significa que um lead se tornou um usuário, uma venda.

PPL (Pré-Pré lançamento):

PPL é a sigla de Pré Pré-Lançamento, ou seja, ela representa o momento que acontece
antes do PL ou Pré-lançamento. Nesse período, é onde acontece o aquecimento da
audiência para que as pessoas fiquem interessadas em participar da próxima etapa. Ela
é geralmente feita através de posts, stories e vídeos no Youtube.

PL:

Já o PL, é o Pré-Lançamento. É nesse momento que o expert precisa ajudar a sua

audiência a reconhecer o problema. Assim como deve convencê-la de que o seu
infoproduto é a solução. Essa etapa acontece de acordo com o tipo de lançamento que
você irá fazer. Geralmente, ela dura 7, 10 ou 14 dias.

21
 cC cristianrick.com.br

CPL:

Durante o período de PL, são distribuídos conteúdos para a audiência. Geralmente 3

conteúdos no formato aulas ou lives. Esses materiais são denominados CPLs, sendo que
cada um deles pertence a uma etapa do funil de conteúdo, ou seja, temos um material
para o topo, o meio e o fundo do funil.

Captação:

A captação representa uma fase dentro do lançamento, que é a fase de aquisição de

leads para um evento de lançamento. Essa fase geralmente acontece no período de PPL,
onde trazemos pessoas novas para o topo do funil através de anúncios pagos, criação de
conteúdo e iscas gratuitas.

Lista de Espera:

A Lista de espera, como o próprio nome já diz, é uma lista de contatos aguardando a
próxima abertura do produto. Geralmente, fica disponível logo após o encerramento de
um lançamento, onde quem não pôde adquirir por algum motivo, se cadastra para
receber informações e atualizações acerca da próxima abertura.

Extra - VSL (Video Sales Letter):

VSL é a sigla para Video Sales Letter, ou Carta de Venda em Vídeo em português. É uma
estratégia de vendas que utiliza um vídeo para convencer o espectador a comprar um
produto ou serviço. Esse formato é bem conhecido por utilizar narração e apresentação
focada em mostrar os textos na tela, com fundo branco mesmo e em alguns momentos,
alguns takes de vídeos extremamente impactantes e complementares ao que tá sendo
falado na narração.

22
 cC cristianrick.com.br

Tá curtindo ler até aqui?

Quero te parabenizar novamente por tá lendo até aqui,
poucos lerão de fato, e se você leu, é porque você tem o
perfil executor e tá interessado de fato em começar com o
pé direito na criação de páginas.

Quero te lembrar também de um bônus que deixei ao final

do E-book, uma oportunidade de você dar o próximo
passo e imergir comigo o dia inteiro no dia 18 de fevereiro
explorando todo o meu processo de criação de páginas,
desde o primeiro contato com o cliente, até o momento de
finalização e entrega de uma página.

Vou te dar um spoiler dos tópicos que vai rolar, se liga:

Fora todos os bônus. Te dou mais detalhes no final 🎖

23
AC PTURA
VENDAS

Tipos de CHECKOUT
Páginas
obr i g a d o

replay VSL
 cC cristianrick.com.br

Existem vários tipos de

páginas e cada uma delas
exerce uma função
diferente.
Dentre os principais, eu selecionei 5 e vou te mostrar a
diferença entre eles agora.

25
 cC cristianrick.com.br

Página de Captura:
É usada para formulários de captação de leads.
Normalmente, antecede um evento de lançamento
ou possui uma isca gratuita.

behance.net/gabrielrdesigner

26
 cC cristianrick.com.br

Página de Obrigado:
A Página de obrigado é quando o lead preenche os dados da
página de captura ou faz a compra de um produto, e é
redirecionada para uma página simples com algumas
informações de agradecimento e próximos passos, como a
entrada em um grupo ou link de acesso à plataforma por
exemplo.

behance.net/filipecarvalhos

27
 cC cristianrick.com.br

Página de Vendas:
É uma página extremamente persuasiva com o objetivo de
vender um produto ou serviço. Ela apresenta uma descrição
detalhada do produto, incluindo suas características e
benefícios, e incentiva os visitantes a realizarem uma
compra.

Uma página de vendas pode incluir elementos como

imagens, vídeos, depoimentos de clientes, ofertas limitadas
no tempo e chamadas para ação claras.

behance.net/israeloliveira22

28
 cC cristianrick.com.br

Página de Replay:
Página de Replay ou Blog de lançamento, é onde
basicamente vai o replay das aulas do CPL.

behance.net/gabrielrdesigner

29
 cC cristianrick.com.br

Checkout Personalizado:
É quando personalizamos o checkout do produto, com
banners persuasivos para aumentar a conversão. Esses
banners geralmente ressaltam os benefícios principais dos
produtos e depoimentos de clientes, além de deixarem claro
os selos de segurança do site para elevar a confiança do
usuário no momento dob preenchimento dos dados.

behance.net/lucasjdesigner

30
CONTR A S TE

RESPIRO

Princípios
do Design
nas páginas
p r o x i m i da d e
anlhi a
mento
REPETIÇAO
 cC cristianrick.com.br

Agora que você teve um contato mais próximo com os

termos do marketing digital e descobriu a diferença entre
os principais tipos de página, vou te fazer a seguinte
pergunta:

Você já domina os
princípios do design?
Não importa o quão bonitas tuas páginas fiquem no final,
se elas não estiverem funcionais ao ponto de transmitir
uma péssima experiência para os usuários que acessam as
páginas, tirando o potencial da copy e prejudicando a
conversão do cliente.

E é por isso que existem

os princípios, bora lá?

32
 cC cristianrick.com.br

Contraste: dê destaque ao
que deve chamar a
atenção.

Aqui você deve, através dos textos e das imagens, dar

evidência ao que realmente importa. O contraste bem feito
possibilita que o leitor compreenda a mensagem apenas
passando o olho.

Esse princípio pode ser aplicado de diversas formas em

um layout como textos em negrito, background, elementos
destacados, imagens, entre outras.

Novamente, o princípio aqui é colocar em evidência o que

realmente importa.

33
 cC cristianrick.com.br

Repetição: crie
consistência repetindo
alguns elementos.

O ato de repetir um elemento no layout faz com que o

observador siga um fluxo de leitura.

E evitar repetir alguns elementos pode deixar a arte sem

um conectivo visual, fazendo com que o observador se
sinta perdido.

34
 cC cristianrick.com.br

Alinhamento: defina o
processo de leitura do
observador.

Ao inserir textos e imagens em um layout precisamos ter

em mente que mantê-las organizadas é fundamental para
a compreensão do usuário, e o alinhamento ajuda muito
nisso.

Nós, começamos a alinhar informações desde a nossa

alfabetização, onde nossas queridas professoras nos
ensinam que devemos escrever de cima para baixo, da
esquerda para a direita (escrita e leitura ocidental).

Esse ensinamento desenvolve em nós o senso de estética,

que nos possibilita alinhar um texto à esquerda, à direita, ao
centro ou justificá-lo.

35
 cC cristianrick.com.br

Proximidade: faça grupos

com elementos que se
relacionam.

Quando aproximamos os elementos que se relacionam

conseguimos dar pistas para o usuário de qual a ordem de
leitura ele deve seguir.

Isso acontece instantaneamente, pois, primeiramente, o

nosso cérebro escaneia o layout como um todo e depois
inicia o processo de leitura das partes.

36
 cC cristianrick.com.br

Respiro: utilize espaços

vazios ao redor dos
Elementos.

Os Respiros, também são imensamente importantes. São

espaços em branco que trazem a sensação de um visual
mais limpo, criando uma área de respiro no layout onde o
olhar do seu leitor poderá descansar.

Além disso, os espaços em branco ajudam a criar uma área

de foco para o usuário, onde os elementos importantes
acabam sendo enfatizados e a leitura se torna mais limpa
e fluída.

37
PHOTO S H O P
TRANSFONTER

Programas e
Ferramentas

WEBPE X P R ESS

ELEMENTOR
 cC cristianrick.com.br

Quando se trata de criação de páginas, existem diversas

ferramentas disponíveis que podem te possibilitar uma boa
experiência de criação, e a preferência final, vai depender
da maneira como você se adapta a ela e das limitações que
cada ferramenta tem.

Hoje, existe uma parte de designers que utilizam o Figma +

Webflow para fazer a criação das páginas, já vi alguns que
utilizam o Illustrator + WordPress e outros que usam outras
ferramentas gringas.

Mas eu vou te detalhar todas as ferramentas que eu utilizo

em ordem, para fazer landing pages:

Photoshop: Utilizo para trabalhar a identidade visual do cliente e deixar

todo o layout pronto na versão de computador, incluindo tanto a diagramação
quanto todas as imagens que serão utilizadas na página.

Illustrator: Utilizo quando existem ícones e ilustrações que devem passar

pelo processo de exportação no formato SVG, que é um formato mais leve e
aconselhado para elementos vetorizados devido a sua lógica de exportação e
leitura, ser através de códigos matemáticos. Isso faz com que o mesmo
mantenha a qualidade original independente do tamanho que esteja sendo
submetido.

TinyPNG: Utilizo para dar uma leve compressão nas minhas imagens,
tirando todos os metadados e reduzindo a gama de cores sem alterar de
maneira visível a qualidade final da imagem. A compressão em alguns
momentos, chega a reduzir em até 80% o tamanho das minhas imagens. Isso
é mais um ponto que conta no desenvolvimento, saber equilibrar a qualidade
mediante o tamanho das imagens.

39
 cC cristianrick.com.br

Transfonter: Utilizo para converter as minhas fontes personalizadas no

formato TTF, para os 4 outros formatos do Elementor: WOFF, WOFF2, SVG e
EOT. Dessa forma, minhas fontes ficam compatíveis em todos os navegadores
e dispositivos.

Wordpress: Utilizo como plataforma para fazer toda a preparação da

estrutura do meu cliente, incluindo a instalação de plugins complementares ao
Wordpress, que liberam infinitas possibilidades de criação, como o Elementor.

Elementor: É o plugin principal que vamos utilizar para podermos

implementar tudo que foi criado no layout, na versão web, de maneira
responsiva e fiel. Ele nos permite tanto utilizar componentes pré-prontos,
como peças de quebra cabeça do próprio Elementor, quanto também nos
possibilita fazer uso de códigos.

WEBP Express: É o plugin que utilizo para fazer a conversão das imagens
utilizadas no site para o formato WEBP, um formato mais leve com suporte
para navegadores que permite com que a página carregue mais rápido.

WP Rocket: É o plugin que utilizo no final para fazer a otimização dos

códigos, estrutura e melhorar a velocidade de carregamento das páginas.
Nele, configurando da maneira correta, em alguns segundos, se você fez um
trabalho saudável de construção, utilizou imagens nos formatos e tamanhos
corretos, a página atinge um alto nível de velocidade.

GTMetrix: Utilizo para obter as métricas de desempenho das minhas

páginas. Essa plataforma me ajuda a encontrar precisamente os elementos
responsáveis por algum tipo de atraso no carregamento na página.

Mas tudo isso não é possível sem uma boa hospedagem

dedicada, segura e rápida.

40
 cC cristianrick.com.br

E é por isso que eu

recomendo a TurboCloud 🚀
Além de ser uma hospedagem dedicada, extremamente
segura e veloz, ela fornece plugins premium de maneira
gratuita em qualquer plano. Diferente das outras
hospedagens, o suporte é atencioso e extremamente
rápido também. Uso com todos os meus clientes.

CUPOM DE 15% OFF NO

abre.ai/cupomdaturbo PLANO ONE. USE ESSE LINK E
DIGITE NO CHECKOUT ELITE15

41
 photopea
eb hance
LOCAL WP

Passo a passo
das primeiras
páginas
TIKTOK
instagram
KEEPO
 cC cristianrick.com.br

Se eu tivesse começando a
fazer páginas hoje, sem um
tostão no bolso e com um
PC, eu faria o seguinte:
Sairia caçando layouts de páginas no Behance e no Google
e tentaria literalmente replicar as melhores estruturas,
copiar mesmo, estudando diagramação, copy, termos,
posicionamentos e como é feito, tentando reproduzir os
efeitos, mockups e elementos nas páginas. Tem um
programa gratuito idêntico ao photoshop, o Photopea, e
tem o figma. Ambos 100% gratuitos.

Isso me faria além de ter portfólio rápido, me daria uma

imensa prática e me possibilitaria ter algo a apresentar de
qualidade quando eu fosse prospectar clientes.

Faria portfólio para os estilos de páginas que citamos

anteriormente: Página de Captura, Página de Obrigado,
Página de Vendas, Página de Replay e modelos de
Checkout Personalizado.

Além disso, já pegaria tudo que foi feito e criaria diversos

estilos de conteúdos pra soltar em vários canais:

43
 cC cristianrick.com.br

Vídeos rápidos mostrando as páginas nas plataformas:

Instagram, Tik Tok, Youtube Shorts.

Tudo isso literalmente aproveitando 1 conteúdo,

multiplicando por 3 as chances de viralização ou
simplesmente aquisição de audiência nas 3 plataformas.
E quanto mais dinâmico o vídeo estiver, melhor.

Carrossel de Apresentação de Portfólio: Instagram,

Behance, Dribbble, Site Profissional.

Tudo isso também aproveitando 1 conteúdo, com capas

bem chamativas para todas as plataformas. A Capa é a
parte mais importante. Quanto mais impacto tiver, melhor.
Também preste atenção no uso de Tags corretas para
entregar o conteúdo.

Caso você não tenha domínio ou hospedagem pra expor

portfólio, utilize o keepo.

https://keepo.io/cristianrick/ criei esse site simples,

rapidamente, usando todas as ferramentas que o Keepo
disponibiliza de graça. Fica extremamente profissional.

44
 cC cristianrick.com.br

Todas essas páginas que foram feitas também

implementaria utilizando o Local WP + Pro elements,
duas ferramentas gratuitas que te possibilita testar o
Wordpress e Elementor antes de ir pra uma hospedagem
real do cliente e adquirir mais experiência prática.

Se você estava no absoluto zero e executou o conteúdo

desse E-book, agora você já entendeu o básico para
desenvolver e ganhar dinheiro com as suas páginas de
vendas.

Mas certamente agora você irá se deparar com os

seguintes problemas:

“Como eu desenvolvo uma página de vendas do zero?”

“Como eu utilizo essas ferramentas pra otimizar as
minhas páginas?”
“Como eu prospecto clientes?”
“Onde eu encontro clientes de lançamento?”
“Como eu faço uma proposta que vende?”
“Como eu posiciono o meu perfil?”
“Como eu posso cobrar 3.000 em uma página?”
“Como ter clientes fixos de páginas?”
“Onde fazer networking com clientes grandes?”

45
 cC cristianrick.com.br

E se você quer, mas somente se você quer muito se

tornar um especialista em páginas de venda e aprender
a construir landing pages de Elite, eu tenho uma
novidade pra você 🎁
Você poderá aprender toda a minha metodologia que
eu executei faturando mais de R$100.000,00 com
páginas de venda no último ano, numa imersão lado a
lado comigo.

Mas é óbvio que há um preço para isso, afinal, para se

tornar um designer de elite é preciso investir. E eu já te
dei coisa de graça demais pra tu sair daqui e fazer as
tuas primeiras vendas 🌝
Clica no botão abaixo e conheça a Imersão: Páginas
Elite. Mas atenção, só clique no botão abaixo se você
estiver pronto pra dar o próximo passo na sua carreira
como designer e alcançar os seus 5 dígitos todos os
meses.

QUERO ALCANÇAR OS 5 DÍGITOS

QUERO ENTRAR PARA A IMERSÃO