
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.
Trilha de aprendizado · Nível 4 · Tutorial 1
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.
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
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
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
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
Facilite a leitura no celular
2 min
Planeje uma estrutura acessível
Planeje ajustes de acessibilidade na estrutura textual da landing page antes da implementação. 2 min
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

Passo 1 de 7
Diferencie landing page e página institucional para escolher o destino adequado a uma divulgação com objetivo específico.
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.

Esboço ilustrativo: a landing page concentra uma oferta; a página institucional abre caminhos para conhecer a organização.
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.
Use esta comparação como referência para decidir o destino de cada divulgação.
| Situação de divulgação | Intenção provável | Destino mais adequado |
|---|---|---|
| Convite para uma oficina com tema e data definidos | Avaliar uma oferta específica | Landing page |
| Post sobre a história e os serviços do Estúdio Aurora | Conhecer a organização e explorar opções | Página institucional |
| Anúncio de uma campanha temporária com proposta própria | Entender e decidir sobre a campanha | Landing page |
| Conteúdo que apresenta áreas de atuação da marca | Navegar por informações diversas | Página institucional |
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
Planeje uma abertura que confirme a oferta anunciada e permita reconhecer rapidamente o destino esperado.
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.

Esboço ilustrativo: a abertura confirma a proposta e as condições que apareceram na divulgação.
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
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.
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 da landing page por função, usando a Amostra do roteiro como evidência do conteúdo da oficina.
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.

Esboço ilustrativo: a página é percorrida em blocos, da compreensão da oferta até a ação prioritária.
Exemplo
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
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.
Organize os blocos abaixo em uma sequência-base coerente para a landing page da oficina.

Passo 4 de 7
Planeje posições e destinos consistentes para a chamada para ação da landing page.
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.

Esboço ilustrativo: o mesmo CTA pode aparecer na abertura e após os blocos de decisão, sempre com o mesmo destino.
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.
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.
| Bloco | Função | Conteúdo | Destino |
|---|---|---|---|
| Apresentação da oferta | Confirmar a oferta anunciada | Oficina 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ícios | Mostrar o que será praticado | Praticar fundo, iluminação e enquadramento para fotos de produtos com o celular. | Não se aplica |
| Provas | Tornar o conteúdo concreto | Amostra do roteiro: fundo, iluminação e enquadramento. | Não se aplica |
| Dúvidas | Esclarecer condições práticas | Para acompanhar a prática: celular com câmera e produto próprio. | Não se aplica |
| Chamada para ação | Oferecer a inscrição após a decisão | CTA `Quero me inscrever` após as informações relevantes. | Formulário de inscrição |
Qual distribuição de CTAs é mais coerente para uma landing page mais longa da oficina?

Passo 5 de 7
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.

Esboço ilustrativo: uma sequência vertical deixa clara a prioridade entre oferta, informações de apoio e CTA.
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.

Esboço ilustrativo: reduzir a densidade preserva a clareza sem eliminar condições importantes.
Cenário fictício — este esboço mantém uma única coluna e distribui a informação sem tentar colocar tudo na primeira tela.
| Bloco | Função | Conteúdo | Destino |
|---|---|---|---|
| Apresentação da oferta | Confirmar a proposta | Oficina 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ícios | Mostrar o que será praticado | Praticar fundo, iluminação e enquadramento para fotos de produtos com o celular. | Não se aplica |
| Provas | Evidenciar o conteúdo | Amostra do roteiro: fundo, iluminação e enquadramento. | Não se aplica |
| Dúvidas | Retomar condições práticas | Para acompanhar a prática: celular com câmera e produto próprio. Sem gravação. | Não se aplica |
| Chamada para ação | Convidar para a inscrição | CTA `Quero me inscrever` após as informações relevantes. | Formulário de inscrição |
Dica
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.
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 ajustes de acessibilidade na estrutura textual da landing page antes da implementação.
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: a ordem de leitura deve continuar compreensível mesmo sem depender da posição visual dos elementos.
Exemplo
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.

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
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.
Qual ajuste deve constar no esboço da landing page do cenário para favorecer a acessibilidade?

Passo 7 de 7
Consolide as decisões do tutorial em um esboço textual completo e revisável para a oferta do Cenário fictício.
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.
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: blocos em sequência vertical; as CTAs apontam para o mesmo destino.
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.
| Bloco | Função | Conteúdo | Destino |
|---|---|---|---|
| Apresentação da oferta | Confirmar a proposta anunciada | Oficina 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ícios | Mostrar o que será praticado | 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 | Para 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ção | Oferecer a inscrição após as informações relevantes | CTA `Quero me inscrever` após os blocos de decisão. | Formulário de inscrição |
Dica
Antes de considerar o esboço pronto, confira:
Quero me inscrever e aponta para Formulário de inscriçã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:
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).
Resumo
Use estes pontos para revisar seu planejamento antes de uma implementação futura.
Quero me inscrever e aponta para Formulário de inscrição em todas as posições.Parabéns! Você concluiu: Estrutura de landing pages para uma oferta
Milhares de cursos online em vídeo, ebooks e áudiobooks.
Para testar seus conhecimentos no decorrer dos cursos online
Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail
Baixe nosso aplicativo pelo QR Code ou pelos links abaixo:.
+ de 10 milhões
de alunos
Certificado grátis e
válido em todo o Brasil
60 mil exercícios
gratuitos
4,8/5 classificação
nas lojas de apps
Cursos gratuitos em
vídeo, ebooks e audiobooks