Dia 21: A montagem final
Parabéns por chegar ao final da Semana 3! Agora é hora de juntar todas as peças e ver sua landing page completa ganhar vida.
Você construiu uma página do zero!
Nesta semana, você transformou um conceito em um design tangível, seção por seção. Você agora tem um projeto de landing page completo, que demonstra sua habilidade de pensar em uma narrativa visual do começo ao fim. Este é um marco gigantesco na sua jornada!
A importância do fluxo e da narrativa
Uma landing page não é apenas um conjunto de seções empilhadas. Ela deve contar uma história e guiar o usuário em uma jornada lógica. A ordem que construímos não foi por acaso:
- Hero: Captura a atenção.
- Proposta de Valor: Desperta o interesse.
- Prova Social: Gera confiança.
- Apresentação Visual: Cria desejo.
- Oferta: Apresenta a solução.
- Contato/CTA: Convida à ação.
Ao montar a página final, seu trabalho é garantir que a transição entre cada uma dessas "cenas" seja suave e consistente.
Mas, não podemos nos esquecer do que vem aofinal de uma página: o rodapé
Muitas vezes negligenciado, o rodapé (ou "footer") é uma das áreas mais importantes de um site. É para onde o usuário vai quando não encontra o que procura no menu principal. Ele serve como um mapa do site secundário, um local para informações legais e um ponto de contato final.
O que um bom rodapé deve ter?
Um rodapé eficaz é organizado e contém informações úteis. Os elementos mais comuns são:
- Identidade da marca: O logo e uma breve descrição sobre a empresa/projeto.
- Navegação: Links para páginas importantes que talvez não estejam no menu principal (ex: "Carreiras", "Imprensa", "Política de Privacidade").
- Contato e redes sociais: Links diretos para os perfis sociais e informações de contato.
- Informações legais: O copyright (©), termos de serviço e outras informações obrigatórias.
Seu desafio de hoje: o grande quebra-cabeça
Sua missão é criar a versão final da sua landing page, consolidando todas as seções que você projetou ao longo da Semana 3 em um único layout coeso. Ah, inclua um rodapé.
Checklist do desafio:
- Crie um novo frame de desktop no Figma (ex: 1440px de largura) com a altura que for necessária.
- Copie e cole cada uma das seções que você criou (Hero, Proposta de Valor, Prova Social, etc.) na ordem correta, uma abaixo da outra.
- Faça o ajuste fino dos espaçamentos verticais entre cada seção para garantir um bom ritmo de rolagem.
- Verifique a consistência visual: todos os títulos, textos e cores estão seguindo seu Design System?
Concluiu a Semana 3? Mostre sua obra completa!
Ter uma landing page inteira projetada é um grande feito e uma peça incrível para o seu portfólio.
Confira como ficou a página completa que criamos essa semana!
