Workflow

1. Análise

Objetivo: O objetivo da fase de análise é entender as necessidades do projeto, identificar o público-alvo, e definir as metas da landing page. Nesta fase, é crucial coletar todas as informações relevantes para garantir que o design final atenda às expectativas dos usuários e aos objetivos de negócios.

Passos:

• Entendimento do Produto: Compreender o curso de Marketing em Saúde, seu conteúdo, público-alvo e benefícios.

• Análise da Concorrência: Estudar LPs de concorrentes para identificar boas práticas e lacunas a serem exploradas.

• Pesquisa de Usuário: Entrevistar potenciais alunos e stakeholders para entender suas necessidades, dúvidas e expectativas.

• Definição de Objetivos: Estabelecer metas claras para a LP, como aumentar as inscrições, melhorar a visibilidade do curso, etc.

2. Wireframe

Objetivo: O wireframe serve como um esqueleto da página, ajudando a estruturar os elementos principais sem se preocupar ainda com a estética.

Passos:

• Estruturação: Organizar as seções principais da página, como cabeçalho, seções de benefícios, conteúdo do curso, instrutores, depoimentos e FAQs.

• Hierarquia da Informação: Definir a hierarquia de informações para garantir que os elementos mais importantes sejam destacados.

• Navegação: Planejar a navegação e a disposição dos call-to-actions (CTAs) para guiar o usuário de forma intuitiva.

  
  

  

Exemplo na LP:

• Cabeçalho: Introdução ao curso com foto da instrutora e botões flutuantes.

• Benefícios: Seção destacando os benefícios do curso.

• Conteúdo do Curso: Explicação detalhada dos módulos.

• Depoimentos: Feedback de alunos anteriores.

• FAQs: Respostas às perguntas frequentes.

3. Style Guide

Objetivo: O style guide define a identidade visual da Landing page, garantindo consistência e coerência no design.

Componentes:

• Paleta de Cores: Definição das cores principais e secundárias. Exemplo: Utilização de cores neutras com detalhes em verde para destacar CTAs e seções importantes.

• Tipografia: Escolha de fontes para títulos, subtítulos e corpo de texto. Exemplo: Fontes legíveis e modernas para facilitar a leitura.

• Iconografia: Definição de ícones que serão usados para representar informações visualmente.

• Botões e CTAs: Design e estados (normal, hover, ativo) dos botões e CTAs.

Aplicação na LP:

• Cores: Uso de verde para botões de ação e destaques.

• Fontes: Fontes claras e de fácil leitura.

• Estilo Visual: Fotos profissionais e ícones simples para melhorar a comunicação visual.

  
  

  

4. Protótipo

Objetivo: O protótipo é uma versão interativa e quase final da LP, permitindo testar a usabilidade e a experiência do usuário antes do lançamento.

Passos:

• Desenvolvimento do Protótipo: No Figma para criar uma versão interativa.

• Teste de Usabilidade: Conduzir testes com usuários reais para identificar problemas de navegação e compreensão.

• Refinamento: Ajustar o design com base no feedback dos testes.

Ver Landing Page