Caso de éxito de diseño web para formación: cuarenta programas que por fin se distinguen

Contexto y punto de partida

La escuela tenía una reputación sólida construida en el boca a boca y una web que no ayudaba a decidir. Cada programa se publicaba como una página de texto largo con el temario pegado desde un documento, sin datos comparables entre cursos ni información sobre requisitos previos, certificación o salida laboral.

El objetivo acordado fue que cualquier persona pueda saber en treinta segundos si un programa es para ella, cuánto dura y a qué le habilita, y que pueda pedir información sin tener que llamar por teléfono para lo básico.

Sector

Educación · escuela de formación técnica y certificaciones

Tamaño

40 programas · 6 áreas · 3 niveles

Periodo

8 semanas de diseño, contenido y migración

Métrica de éxito

Solicitudes de información por programa

Línea base: solicitudes y llamadas de los 6 meses anteriores, más las consultas más frecuentes recibidas por teléfono, anotadas por el equipo de admisiones durante dos semanas.

Qué encontramos

• Cuarenta páginas con la misma forma. Iniciación y programa anual compartían plantilla y extensión. El visitante no podía saber el nivel ni la carga horaria sin leer todo el texto.
• Requisitos previos, escondidos. Cada programa exigía formación previa distinta, y esa información estaba en el segundo párrafo del temario. Era la primera causa de consulta telefónica y de matrícula equivocada.
• Sin salida profesional. No se decía a qué puesto o certificación conducía cada programa. Es exactamente lo que busca quien compara formación, y lo que un asistente de IA necesita para poder citarte.
• Temario como documento pegado. Los temarios llegaban desde archivos de texto y se pegaban con formatos inconsistentes: títulos que eran párrafos, listas que eran líneas seguidas y fechas sin estructura.
• Ninguna forma de comparar. Con 40 programas en 6 áreas, no había ni buscador ni filtro por nivel, modalidad o duración. La decisión se tomaba llamando por teléfono, y eso limitaba el alcance a quien podía hacerlo en horario de oficina.

La plantilla y su estructura

Elegimos una plantilla profesional orientada a educación, con rejilla de programas y bloques de contenido estructurado, y la convertimos en tema hijo. Cada programa pasa a ser una entidad con campos propios, de modo que el catálogo se puede filtrar y comparar sin tocar plantillas.

escuela-formacion.es/programas

Decisiones de diseño

1. Un bloque de decisión al principio de cada programaAntes del temario, una franja con nivel, modalidad, horas, requisitos previos, certificación y salida profesional. En treinta segundos el visitante sabe si el programa es para él. Lo que antes era la primera llamada ahora es la primera pantalla.
2. El catálogo se puede filtrar y compararFiltros por área, nivel, modalidad y duración, con comparación de hasta tres programas en una tabla. Con cuarenta programas, encontrar el adecuado es parte del diseño, no un extra.
3. El temario deja de ser texto pegadoCada programa se estructura en módulos con horas y objetivos como datos. Se genera una tabla de contenidos consistente, se puede buscar dentro del temario y ya no se rompe al pegar desde un documento.
4. La salida profesional, explícita y honestaPuestos a los que da acceso, certificaciones que se obtienen y, cuando corresponde, qué no habilita. Declarar el límite de un programa reduce matrículas equivocadas y aumenta la confianza, que en formación es el factor decisivo.
5. Solicitud de información sin barrerasFormulario con dos campos y el programa preseleccionado, más opción de recibir el temario en PDF. El teléfono queda como alternativa, no como requisito para acceder a información básica.
6. Migración con inventario de consultasAntes de reestructurar, inventariamos las URL con tráfico y las consultas que ya posicionaban, y planificamos las redirecciones. Reorganizar cuarenta programas sin ese inventario habría tirado meses de visibilidad.

Entregables

• Tipo de contenido «programa» con campos de nivel, modalidad, horas, requisitos, certificación y salida profesional.
• Bloque de decisión reutilizable que se muestra al inicio de cada ficha de programa.
• Catálogo con filtros y comparador por área, nivel, modalidad y duración.
• Temarios estructurados en módulos con horas y objetivos, migrados desde los documentos originales.
• Datos estructurados de curso con modalidad, duración y entidad organizadora en cada programa.
• Formulario de solicitud por programa con descarga de temario y su conexión al CRM de admisiones.

Resultados

Cifras de ejemplo con el formato de entrega real. Las solicitudes se cuentan en la analítica y el CRM de admisiones del cliente, y la visibilidad en las consultas de programa y área en Search Console. Sustituye estos valores por los verificados antes de publicar.

Antes y después

Preguntas frecuentes

Los datos estructurados de curso que publicamos siguen la guía de datos estructurados de Google Search Central, y las recomendaciones de accesibilidad siguen las pautas WCAG 2.2 del W3C.

Servicio y método relacionados

Este caso corresponde al servicio de diseño y desarrollo web con WordPress. La estrategia de contenidos que lo sustenta está en el mapa de palabras clave.

Maqueta del sitio de este caso

La plantilla que se describe arriba, navegable y con su estructura completa: Escuela Técnica Albor. Es una demostración de diseño creada por nosotros para documentar el trabajo, no un sitio real publicado ni indexado.