Trilha de aprendizado · Nível 4 · Tutorial 1

Estrutura de landing pages para uma oferta

Organize uma landing page que conduza o visitante de uma oferta clara à ação desejada. Ao concluir, você terá um esboço textual dos blocos da página, considerando leitura no celular, acessibilidade e coerência com a divulgação, sem precisar contratar um construtor de sites ou publicar a página.

  • Nível: Iniciante
  • Duração: 18 min
  • 7 passos
Estrutura de landing pages para uma oferta

O que você vai percorrer

  1. Escolha o destino adequado para a oferta Diferencie landing page e página institucional para escolher o destino adequado a uma divulgação com objetivo específico. 2 min
  2. Conecte a divulgação à abertura da página Planeje uma abertura que confirme a oferta anunciada e permita reconhecer rapidamente o destino esperado. 3 min
  3. Organize os blocos que apoiam a decisão Organize os blocos da landing page por função, usando a Amostra do roteiro como evidência do conteúdo da oficina. 4 min
  4. Defina onde o CTA aparece e para onde leva Planeje posições e destinos consistentes para a chamada para ação da landing page. 3 min
  5. Facilite a leitura no celular 2 min
  6. Planeje uma estrutura acessível Planeje ajustes de acessibilidade na estrutura textual da landing page antes da implementação. 2 min
  7. Monte e revise o esboço da landing page Consolide as decisões do tutorial em um esboço textual completo e revisável para a oferta do Cenário fictício. 3 min

O que você vai aprender

  • Distinguir quando uma oferta precisa de uma landing page dedicada ou de uma página institucional.
  • Organizar oferta, benefícios, provas e respostas a dúvidas em uma sequência coerente.
  • Definir a posição e o destino da chamada para ação, mantendo uma ação prioritária.
  • Revisar o esboço para identificar obstáculos de leitura no celular e de acessibilidade.

Antes de começar

  • Jornada do cliente e função dos canais digitais
  • Posicionamento e proposta de valor com provas
  • Títulos, argumentos e chamadas para ação
  • Identidade visual mínima no Canva gratuito

Passo 1 de 7

Escolha o destino adequado para a oferta

Diferencie landing page e página institucional para escolher o destino adequado a uma divulgação com objetivo específico.

Entenda o papel de cada página

Dois destinos, duas intenções

Cenário fictício — O Estúdio Aurora divulga a Oficina Fotos de Produtos com o Celular para pequenos empreendedores que fotografam os próprios produtos.

Uma landing page é um destino dedicado a uma oferta delimitada. Ela ajuda quem veio de uma divulgação específica a entender a proposta e avançar em uma chamada para ação (CTA) prioritária.

Uma página institucional apresenta a organização de forma mais ampla: quem ela é, o que faz, contatos, serviços e outros caminhos possíveis. Ela é útil quando a intenção do visitante é conhecer a marca, e não somente uma oferta.

Compare os destinos

Diagrama comparando uma página focada em uma oferta e ação prioritária com um site institucional que distribui o visitante entre várias áreas da organização.

Esboço ilustrativo: a landing page concentra uma oferta; a página institucional abre caminhos para conhecer a organização.

Aplique o critério à divulgação

Escolha pelo objetivo da visita

A escolha não é automática: uma landing page não é obrigatória para toda divulgação.

Use a intenção de quem chega como critério. Se a divulgação convida para uma oferta específica e a pessoa precisa decidir sobre ela, um destino dedicado reduz desvios. Se a divulgação desperta interesse geral pela organização ou por opções variadas, uma página institucional pode atender melhor.

Foco não significa esconder o necessário. Mesmo em uma página dedicada, informações essenciais sobre a oferta, meios de contato e links de apoio podem permanecer disponíveis sem competir com a ação principal.

Critério prático

Use esta comparação como referência para decidir o destino de cada divulgação.

Comparação entre intenções de visita e destinos adequados.
Situação de divulgaçãoIntenção provávelDestino mais adequado
Convite para uma oficina com tema e data definidosAvaliar uma oferta específicaLanding page
Post sobre a história e os serviços do Estúdio AuroraConhecer a organização e explorar opçõesPágina institucional
Anúncio de uma campanha temporária com proposta própriaEntender e decidir sobre a campanhaLanding page
Conteúdo que apresenta áreas de atuação da marcaNavegar por informações diversasPágina institucional

Verifique sua decisão

Escolha o destino

Uma marca divulga inscrições para uma oficina específica, com tema, condições e data definidos. A pessoa que clica quer avaliar se participa dessa oferta. Qual destino é mais adequado?

Passo 2 de 7

Conecte a divulgação à abertura da página

Planeje uma abertura que confirme a oferta anunciada e permita reconhecer rapidamente o destino esperado.

Reconhecimento imediato da oferta

Confirme a expectativa criada pela divulgação

Cenário fictício — A divulgação do Estúdio Aurora apresenta a Oficina Fotos de Produtos com o Celular para pequenos empreendedores que fotografam os próprios produtos. A proposta é praticar fundo, iluminação e enquadramento usando o celular.

Ao chegar à landing page, a pessoa precisa reconhecer rapidamente que encontrou a oferta anunciada. A abertura preserva o nome, a promessa e as condições: Gratuito, online e ao vivo, em 15/09/2026, às 19h (horário de Brasília), com 60 min de duração e sem gravação. Para participar da prática, é necessário um celular com câmera e um produto próprio.

A chamada para ação (CTA) pode conduzir a pessoa adiante, mas não substitui essas informações essenciais.

Da divulgação à abertura

Esquema mostrando uma divulgação e a primeira tela de uma landing page com as mesmas informações essenciais da oficina.

Esboço ilustrativo: a abertura confirma a proposta e as condições que apareceram na divulgação.

Preserve o que foi anunciado

Completar não é alterar

A abertura pode complementar a divulgação com contexto útil: dizer que a oficina é voltada a pequenos empreendedores ou lembrar os materiais necessários para a prática. Isso ajuda a decisão sem mudar a oferta.

Já alterar preço, formato, disponibilidade ou promessa cria uma expectativa incompatível. Se a divulgação informa que não haverá gravação, a página não pode sugerir que a pessoa assistirá depois.

A primeira tela é a área visível em um momento; ela orienta o visitante, mas não precisa conter a página inteira. O restante da página pode aprofundar informações depois da rolagem. Não comprima nem esconda as condições essenciais para tentar fazer tudo caber nessa tela.

Exemplo

Duas versões de abertura

Abertura coerente

Oficina Fotos de Produtos com o Celular
Pratique fundo, iluminação e enquadramento para fotografar seus produtos com o celular.

Para pequenos empreendedores. Gratuito • online e ao vivo • 15/09/2026, às 19h (horário de Brasília) • 60 min • sem gravação.

Para acompanhar a prática, tenha um celular com câmera e um produto próprio.

CTA: Quero me inscrever

---

Alteração incompatível

“Participe ao vivo ou assista à gravação quando quiser.”

Essa frase contradiz a condição anunciada de que a oficina não terá gravação.

Pratique a correspondência

Confira a coerência da abertura

Relacione cada informação ou mudança na abertura ao efeito correspondente.

Toque em um item e depois no par correspondente.

Passo 3 de 7

Organize os blocos que apoiam a decisão

Organize os blocos da landing page por função, usando a Amostra do roteiro como evidência do conteúdo da oficina.

Uma sequência para orientar a decisão

Cenário fictício: blocos que apoiam a decisão

No Cenário fictício, a landing page do Estúdio Aurora não precisa repetir toda a mensagem em todos os pontos. Distribua as informações para que cada bloco responda a uma pergunta do visitante.

Uma sequência-base é: Apresentação da oferta (o que é e para quem), Benefícios (o que a prática permite desenvolver), Provas (o que torna a entrega mais concreta), Dúvidas (condições práticas) e Chamada para ação (CTA) (o próximo passo prioritário).

A sequência não é uma fórmula fixa. Se uma dúvida for decisiva para o público, ela pode aparecer mais cedo. Ainda assim, mantenha as condições essenciais visíveis e deixe cada evidência perto da afirmação que ela ajuda a sustentar.

Sequência-base de blocos

Esquema vertical de uma landing page com cinco caixas empilhadas, representando apresentação da oferta, benefícios, provas, dúvidas e CTA.

Esboço ilustrativo: a página é percorrida em blocos, da compreensão da oferta até a ação prioritária.

Dê uma função diferente a cada bloco

Exemplo

Esboço textual do cenário

Bloco | Função | Conteúdo | Destino
Apresentação da oferta | Situar a oportunidade | Oficina Fotos de Produtos com o Celular, para pequenos empreendedores; online e ao vivo em 15/09/2026, às 19h (horário de Brasília); valor: Gratuito | Não se aplica
Benefícios | Mostrar o que a pessoa praticará | Praticar fundo, iluminação e enquadramento para fotos de produtos com o celular | Não se aplica
Provas | Tornar o conteúdo verificável | Amostra do roteiro: fundo, iluminação e enquadramento | Não se aplica
Dúvidas | Esclarecer condições práticas | 60 min, sem gravação; para acompanhar a prática, celular com câmera e produto próprio | Não se aplica
Chamada para ação | Indicar o próximo passo | Quero me inscrever | Formulário de inscrição

Dica

Leia a prova com precisão

A Amostra do roteiro comprova o escopo da oficina: ela mostra quais tópicos serão abordados. Não a apresente como prova de resultados, vendas ou transformação dos participantes, porque o cenário não oferece esse tipo de evidência.

Por isso, ela fica no bloco Provas, logo depois dos benefícios que ajuda a tornar concretos.

Pratique a sequência-base

Organize o esboço

Organize os blocos abaixo em uma sequência-base coerente para a landing page da oficina.

  1. Provas — Amostra do roteiro: fundo, iluminação e enquadramento
  2. Dúvidas — 60 min, sem gravação e material necessário
  3. Apresentação da oferta — oficina, público, promessa e condições essenciais
  4. Benefícios — o que a prática permite aprender
  5. Chamada para ação — Quero me inscrever

Passo 4 de 7

Defina onde o CTA aparece e para onde leva

Planeje posições e destinos consistentes para a chamada para ação da landing page.

Registre cada CTA como parte do esboço

Ação, posição e destino precisam concordar

Cenário fictício — o Estúdio Aurora divulga a Oficina Fotos de Produtos com o Celular. Registre cada chamada para ação (CTA) no esboço com três informações juntas: rótulo, posição na página e destino.

No cenário, o rótulo é Quero me inscrever e o destino planejado é Formulário de inscrição. Um CTA na abertura atende quem já decidiu participar. Em uma página mais longa, o mesmo CTA pode reaparecer após informações relevantes, como benefícios, provas ou dúvidas.

Repetir não é criar novas ações: cada ocorrência deve preservar o mesmo próximo passo. Aqui, o planejamento termina no destino do CTA; o formulário não será construído neste tutorial.

Posições coerentes para o CTA

Esquema vertical de uma página com um CTA na abertura e outro ao final, ambos apontando para um único formulário de inscrição.

Esboço ilustrativo: o mesmo CTA pode aparecer na abertura e após os blocos de decisão, sempre com o mesmo destino.

Aplique ao esboço do cenário

Uma prioridade, com apoio sem disputa

Links de apoio podem permanecer na página, por exemplo para conhecer o Estúdio Aurora ou acessar um canal de contato. Porém, eles não devem receber a mesma ênfase do CTA prioritário nem desviar a pessoa da inscrição.

No esboço, registre a posição do CTA no campo Conteúdo. Quando um bloco não trouxer elemento acionável, preencha o campo Destino com Não se aplica.

Exemplo de esboço textual

No Cenário fictício, a inscrição aparece na abertura e volta depois das informações que ajudam a decidir. Os dois CTAs têm o mesmo rótulo e o mesmo destino.

Esboço ilustrativo
BlocoFunçãoConteúdoDestino
Apresentação da ofertaConfirmar a oferta anunciadaOficina Fotos de Produtos com o Celular, para pequenos empreendedores. Gratuito; online e ao vivo em 15/09/2026, às 19h (horário de Brasília); 60 min; sem gravação. CTA `Quero me inscrever` na abertura.Formulário de inscrição
BenefíciosMostrar o que será praticadoPraticar fundo, iluminação e enquadramento para fotos de produtos com o celular.Não se aplica
ProvasTornar o conteúdo concretoAmostra do roteiro: fundo, iluminação e enquadramento.Não se aplica
DúvidasEsclarecer condições práticasPara acompanhar a prática: celular com câmera e produto próprio.Não se aplica
Chamada para açãoOferecer a inscrição após a decisãoCTA `Quero me inscrever` após as informações relevantes.Formulário de inscrição

Verifique a coerência dos CTAs

Escolha a distribuição

Qual distribuição de CTAs é mais coerente para uma landing page mais longa da oficina?

Passo 5 de 7

Facilite a leitura no celular

Organize a leitura em uma coluna

Uma página pensada para rolagem

Cenário fictício — Estúdio Aurora

No celular, a página é percorrida em uma coluna: o visitante lê um bloco após o outro e rola quando precisa de mais detalhes. A primeira tela orienta; ela não precisa conter a página inteira.

Dê prioridade ao título principal da oferta. Logo abaixo, mantenha as condições que ajudam a decidir: Gratuito, online e ao vivo, em 15/09/2026, às 19h (horário de Brasília), com 60 min e sem gravação. O conteúdo de apoio vem depois, em blocos curtos. O CTA pode aparecer na abertura e novamente após informações relevantes, sem se tornar uma ação diferente.

Da abertura à ação

Esboço ilustrativo de uma landing page em uma tela de celular, com blocos empilhados, informações da oferta no início e CTA no começo e perto do fim.

Esboço ilustrativo: uma sequência vertical deixa clara a prioridade entre oferta, informações de apoio e CTA.

Revise o esboço sem comprimir a oferta

Reduza a densidade, não a clareza

A leitura rápida não é sinônimo de retirar informações. É escolher o que cada bloco precisa dizer e apresentá-lo de modo fácil de percorrer.

Prefira parágrafos curtos, listas quando houver vários pontos e espaço entre blocos. Evite várias colunas estreitas, muitos avisos concentrados na abertura ou elementos flutuantes que cubram o conteúdo. As condições decisivas devem estar legíveis perto da oferta e do momento de inscrição, não em letras pequenas no fim.

Compare a densidade dos blocos

Comparação entre dois esboços em celular: à esquerda, conteúdo comprimido em colunas estreitas e parcialmente encoberto; à direita, blocos em uma coluna com espaço e informações legíveis.

Esboço ilustrativo: reduzir a densidade preserva a clareza sem eliminar condições importantes.

Um esboço revisado para celular

Cenário fictício — este esboço mantém uma única coluna e distribui a informação sem tentar colocar tudo na primeira tela.

Esboço ilustrativo
BlocoFunçãoConteúdoDestino
Apresentação da ofertaConfirmar a propostaOficina Fotos de Produtos com o Celular, para pequenos empreendedores. Gratuito, online e ao vivo em 15/09/2026, às 19h (horário de Brasília), com 60 min e sem gravação. CTA `Quero me inscrever` na abertura.Formulário de inscrição
BenefíciosMostrar o que será praticadoPraticar fundo, iluminação e enquadramento para fotos de produtos com o celular.Não se aplica
ProvasEvidenciar o conteúdoAmostra do roteiro: fundo, iluminação e enquadramento.Não se aplica
DúvidasRetomar condições práticasPara acompanhar a prática: celular com câmera e produto próprio. Sem gravação.Não se aplica
Chamada para açãoConvidar para a inscriçãoCTA `Quero me inscrever` após as informações relevantes.Formulário de inscrição

Dica

Critério de revisão

Rolagem é parte normal da experiência no celular. Uma página pode ser mais longa e ainda assim ser fácil de usar quando cada bloco tem função, respiro e ordem. A meta não é uma página curta a qualquer custo; é uma página em que as informações decisivas não competem entre si.

Escolha a melhor organização

Compare os esboços

Qual esboço é mais adequado para a landing page no celular, considerando hierarquia clara, condições legíveis e acesso ao CTA?

Passo 6 de 7

Planeje uma estrutura acessível

Planeje ajustes de acessibilidade na estrutura textual da landing page antes da implementação.

Planeje a ordem e os títulos

Ordem que comunica sentido

Cenário fictício: o Estúdio Aurora vai apresentar a Oficina Fotos de Produtos com o Celular em uma landing page.

A estrutura precisa fazer sentido na ordem em que o conteúdo é lido, e não apenas pela posição visual dos elementos. Planeje uma sequência clara: título principal, condições da oferta, blocos de apoio e CTA.

Use títulos descritivos e em uma hierarquia coerente. O título principal identifica a oferta; os títulos de seção indicam o assunto de cada bloco, como Benefícios, Provas e Dúvidas. Assim, a pessoa entende onde está e o que encontrará em seguida.

Informações essenciais devem existir como texto na página: oficina Gratuito, online e ao vivo, em 15/09/2026, às 19h (horário de Brasília), com 60 min, sem gravação e com necessidade de celular com câmera e produto próprio para a prática.

Esboço ilustrativo

Diagrama de uma landing page no celular com blocos empilhados e setas indicando uma ordem de leitura de cima para baixo.

Esboço ilustrativo: a ordem de leitura deve continuar compreensível mesmo sem depender da posição visual dos elementos.

Torne ações e informações identificáveis

Exemplo

Textos que orientam

Compare estas anotações para o esboço:

Título principal: Oficina Fotos de Produtos com o Celular.
Título de seção: Amostra do roteiro da oficina.
Link de apoio: Conheça o Estúdio Aurora.

Esses textos informam o que a pessoa encontrará. Já termos como Saiba mais, Clique aqui ou Leia isto não explicam o destino quando aparecem isolados.

Para o botão prioritário, mantenha o rótulo Quero me inscrever e o destino Formulário de inscrição. O botão precisa ser reconhecível pelo rótulo e pela apresentação; cor, formato ou ícone não podem ser a única pista de que ele é acionável.

Ação identificável

Comparação entre um controle circular identificado apenas por cor e ícone e um botão retangular de alto contraste com área de rótulo visível.

Esboço ilustrativo: cor e ícone podem apoiar uma ação, mas o rótulo claro e uma apresentação reconhecível ajudam a identificá-la.

Dica

O que registrar antes de implementar

No campo de ajustes do esboço, registre também: contraste suficiente entre texto e fundo; tamanho e espaçamento que preservem a legibilidade; conteúdo importante escrito em texto; e descrição textual quando uma imagem trouxer informação relevante.

Esses registros orientam a implementação, mas um esboço não comprova tecnicamente que a página é acessível.

Aplique a revisão de acessibilidade

Revise uma decisão de estrutura

Qual ajuste deve constar no esboço da landing page do cenário para favorecer a acessibilidade?

Passo 7 de 7

Monte e revise o esboço da landing page

Consolide as decisões do tutorial em um esboço textual completo e revisável para a oferta do Cenário fictício.

Consolide a estrutura

Da decisão ao esboço

Cenário fictício: o Estúdio Aurora divulgará a Oficina Fotos de Produtos com o Celular. Agora, reúna as decisões tomadas em um esboço textual da landing page.

O esboço é um plano da página completa, não uma publicação. Para cada bloco, registre: Bloco | Função | Conteúdo | Destino. Assim, você pode revisar a sequência, a coerência da oferta e a CTA antes de implementar qualquer elemento.

A página tem uma ação prioritária: levar a pessoa ao Formulário de inscrição. O formulário não será construído neste tutorial.

Sequência planejada

Leia de cima para baixo: a pessoa reconhece a oferta, entende o que praticará, vê a evidência disponível, confere as condições e encontra novamente a mesma CTA.

Esboço ilustrativo de uma página vertical no celular, com os blocos Apresentação da oferta, Benefícios, Provas, Dúvidas e Chamada para ação nessa ordem. A mesma CTA aparece na abertura e no final.

Esboço ilustrativo: blocos em sequência vertical; as CTAs apontam para o mesmo destino.

Use os quatro campos em todos os blocos

Esboço textual de referência

Use este modelo para registrar uma estrutura consistente. Ele mantém a proposta anunciada e não inventa resultados, depoimentos ou promessas além da evidência disponível.

Esboço ilustrativo — a página completa pode ter rolagem; não é necessário concentrar todo o conteúdo na primeira tela.
BlocoFunçãoConteúdoDestino
Apresentação da ofertaConfirmar a proposta anunciadaOficina Fotos de Produtos com o Celular, para pequenos empreendedores. Gratuito; online e ao vivo em 15/09/2026, às 19h (horário de Brasília); 60 min; sem gravação. CTA `Quero me inscrever` na abertura.Formulário de inscrição
BenefíciosMostrar o que será praticadoPraticar fundo, iluminação e enquadramento para fotos de produtos com o celular.Não se aplica
ProvasTornar o conteúdo verificávelAmostra do roteiro: fundo, iluminação e enquadramento.Não se aplica
DúvidasEsclarecer condições práticasPara acompanhar a prática: celular com câmera e produto próprio. A oficina não terá gravação.Não se aplica
Chamada para açãoOferecer a inscrição após as informações relevantesCTA `Quero me inscrever` após os blocos de decisão.Formulário de inscrição

Dica

Checklist de revisão

Antes de considerar o esboço pronto, confira:

  • A oferta preserva público, proposta, gratuidade, formato, data, horário, duração e ausência de gravação.
  • A única evidência é a Amostra do roteiro; ela mostra o conteúdo da oficina, não resultados de participantes.
  • Toda CTA usa o rótulo Quero me inscrever e aponta para Formulário de inscrição.
  • No celular, os blocos seguem uma coluna, com títulos, conteúdo curto e espaço entre seções.
  • A ordem faz sentido sem depender da posição visual; títulos e botões são descritivos, e informações essenciais existem como texto.

Sua entrega planejada

Aplique: escreva e revise o esboço

Registre seu esboço curto para a landing page do Cenário fictício. Escreva cinco linhas, uma para cada bloco, no formato Bloco | Função | Conteúdo | Destino.

Depois das cinco linhas, acrescente:

  1. um ajuste específico para leitura no celular;
  2. um ajuste específico de acessibilidade.

Mantenha uma única ação prioritária, use somente a evidência disponível e não construa formulário nem publique uma página.

Escreva pelo menos 450 caracteres (0/450).

Fechamento

Resumo

Revise antes de implementar

Use estes pontos para revisar seu planejamento antes de uma implementação futura.

  • A landing page é planejada como uma sequência de blocos, não como uma única tela.
  • O esboço textual registra Bloco, Função, Conteúdo e Destino para tornar as decisões revisáveis.
  • A abertura preserva a proposta: oficina para pequenos empreendedores, Gratuito, online e ao vivo em 15/09/2026, às 19h (horário de Brasília), com 60 min e sem gravação.
  • A Amostra do roteiro é a evidência disponível; ela não deve ser apresentada como resultado ou depoimento de participantes.
  • A CTA prioritária permanece Quero me inscrever e aponta para Formulário de inscrição em todas as posições.
  • Leitura no celular e acessibilidade entram no planejamento, mas o esboço não substitui publicação, formulário funcional ou validação técnica.

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso