Objetivo
Criamos uma landing page de currículo acadêmico para a Profª Dra. Patrícia Chagas, pesquisadora e docente de Nutrição Clínica na UFSM. A copy foi enviada pela própria professora; nossa missão foi organizá-la em um fluxo que:
- apresente rapidamente quem ela é e suas linhas de pesquisa;
- destaque titulação, formação e experiência docente;
- facilite o download do CV Lattes e o contato para parcerias ou palestras.
Identidade visual
| Elemento | Escolha | Função |
|---|---|---|
| Paleta | Gradiente verde-esmeralda (#009F8A → #005F4A) | Remete a saúde, vitalidade e tema nutricional. |
| CTAs | Botões teal intenso (“Ver Currículo Completo”, “Entre em Contato”) | Contraste que chama o clique. |
| Tipografia | Cinza-escuro & branco | Máxima legibilidade. |
| Ícones | Linha fina em verde-claro | Representam áreas de atuação (DXA, cardiologia, etc.). |
| Elementos lúdicos | Cerejas “flutuando” no hero | Alusão direta à Nutrição Clínica. |
Estrutura exata da página
| Bloco | Conteúdo | Propósito |
|---|---|---|
| Hero | Headline + foto da profª em bata + CTA “Ver Currículo Completo” | Impacto inicial & ação imediata |
| Marquee de áreas | Roda de palavras-chave (DXA, Saúde Cardiovascular, Longevidade…) | Mostrar espectro de pesquisa |
| Quem é | Foto circular + mini-bio em 3 linhas | Autoridade rápida |
| Formação Acadêmica | Carrossel de cards (Doutorado, Mestrado, Graduação) | Validação de títulos |
| Experiência Profissional | Lista de cargos + “Áreas de Atuação” em bullet | Profundidade de carreira |
| Formulário de Contato | Nome, WhatsApp, E-mail + CTA “Enviar Mensagem” | Captar leads para convites |
| Rodapé | Link extra para CV, direitos autorais | Encerrar mantendo ação visível |
Experiência mobile & UX
- Mobile first: carrossel de formação desliza em swipe; blocos empilham-se verticalmente.
- Botões ≥ 44 px – ideais para toque.
- Tipografia base 16 px + contraste AA garantem leitura sem zoom.
- Campos do formulário grandes e com máscara de telefone/WhatsApp.
SEO & performance aplicados
| Fator | Implementação |
|---|---|
| Velocidade | Imagens WebP + lazy-loading; CSS crítico inline. |
| Semântica | H1 único (nome + título), H2 para cada seção; listas em <ul>. |
| Palavra-chave foco | “gerontologia e nutrição clínica” distribuída (~1 %) em título, meta, intro e subtítulos. |
| Links | Botões para CV Lattes e e-mail com rel="nofollow". |
| Acessibilidade | Alt-text detalhado nas imagens; contraste elevado nos CTAs. |
Resultado visual
A landing page une sobriedade acadêmica (gradiente verde, layout clean) com toques de leveza (cerejas animadas). O visitante avança por perfil → formação → experiência → contato, sempre com CTAs claros. O design reforça credibilidade, enquanto a estrutura diminui atrito para quem deseja convidar a Profª Dra. Patrícia Chagas para pesquisas, bancas ou palestras.
