Saltar al contenido
Proyecto

Landing page de CV académico

Landing page de CV académico

Objetivo

Creamos un Landing page del currículum académico para el Prof. Dra. Patricia Chagas, investigador y profesor de Nutrición Clínica de la UFSM. La copia fue enviada por la propia profesora; nuestra misión era organizarlo en un flujo que:

  • presentar rápidamente quién es ella y sus líneas de investigación;
  • resaltar las cualificaciones, la formación y la experiencia docente;
  • Facilite la descarga del CV Lattes y póngase en contacto para colaboraciones o conferencias.

Identidad visual

ElementoEscolaFunción
paletaDegradado verde esmeralda (#009F8A → #005F4A)Se refiere a temas de salud, vitalidad y nutrición.
CTABotones de color verde azulado (“Ver currículum completo”, “Contáctenos”)Contraste que requiere el clic.
tipografíaGris oscuro y blancoMáxima legibilidad.
IconosLínea delgada verde claroRepresentan áreas de actividad (DXA, cardiología, etc.).
Elementos juguetonesCerezas “flotando” sobre el héroeReferencia directa a Nutrición Clínica.

Estructura de página exacta

BloquearContenidoPropósito
héroeTitular + foto de la profesora en bata + CTA “Ver CV completo”Impacto inicial y acción inmediata
Marquesina de áreaRueda de palabras clave (DXA, Salud Cardiovascular, Longevidad…)Mostrar espectro de búsqueda
quien esFoto circular + mini-bio en 3 líneasautoridad rapida
Formación AcadémicaCarrusel de tarjetas (Doctorado, Maestría, Pregrado)Validación de título
Experiencia profesionalLista de puestos + “Áreas de Actividad” en viñetaProfundidad de carrera
Formulario de contactoNombre, WhatsApp, Email + CTA “Enviar Mensaje”Captar clientes potenciales para invitaciones
Pie de páginaEnlace adicional al CV, copyrightCerrar manteniendo la acción visible

Experiencia móvil y UX

  • Móvil primero: carrusel de entrenamiento se desliza al deslizar; Los bloques se apilan verticalmente.
  • Botones ≥ 44 px: ideales para tocar.
  • La tipografía base de 16 px + contraste AA garantiza una lectura sin zoom.
  • Campos de formulario grandes con máscara de teléfono/WhatsApp.

SEO y rendimiento aplicados

factoresImplementación
VelocidadImágenes WebP + carga diferida; CSS crítico en línea.
SemánticaH1 único (nombre + título), H2 para cada sección; listas en <ul>.
Palabra clave de enfoque“gerontología y nutrición clínica” distribuido (~1%) en título, meta, introducción y subtítulos.
EnlacesBotones para CV Lattes y correo electrónico con rel="no seguir".
AccesibilidadTexto alternativo detallado en imágenes; alto contraste en las CTA.

Resultado visual

La landing page une sobriedad académica (degradado verde, diseño limpio) con toques de ligereza (cerezas animadas). El visitante avanza perfil → formación → experiencia → contacto, siempre con CTA claros. El diseño refuerza la credibilidad, mientras que la estructura reduce la fricción para quienes desean invitar a la Prof. Dra. Patrícia Chagas a investigaciones, paneles o conferencias.

Compartir:

¿Trabajamos juntos?

Contáctenos y reciba una cotización hoy. ¡Haz clic en el botón de abajo y sé una historia de éxito!