Hablemos
Aplicaciones a medida

De sitio web a plataforma de cursos online: cómo rehicimos Campus & Science

7 min de lectura

Ilustración en pixel art de un robot de IA con birrete frente a una pantalla con una plataforma de cursos online, certificados y tarjetas de membresía, en un parque con jacarandás al atardecer

En resumen

Campus & Science pasó de un sitio armado con Edubin, Elementor y LearnDash a una plataforma de cursos online propia, con membresías, progreso, certificados, área de alumno y una web liviana, lista para Google y las IA.

Contenido de la nota
  1. Cómo estaba armado el sitio anterior
  2. Dónde empezaba a quedar chico
  3. Qué hicimos: de sitio web a plataforma
  4. La plataforma de cursos por dentro
  5. Quién ve qué: cursos, ateneos y membresías
  6. Mi cuenta: el área del alumno
  7. Una web más liviana
  8. Pensada para Google y para las inteligencias artificiales
  9. Preguntas frecuentes
  10. ¿Querés una plataforma así?

Campus & Science es una academia online de formación en odontología neuromuscular para profesionales de la salud de habla hispana. Su web funciona hoy como una plataforma de cursos online: cada profesional entra con su cuenta, sigue su avance, hace preguntas a los docentes, rinde evaluaciones y descarga su certificado.

Con el visto bueno del cliente, te cuento cómo estaba armada antes, qué límites tenía y cómo la reconstruimos.

Cómo estaba armado el sitio anterior

El sitio original estaba construido con herramientas muy habituales en proyectos de formación online: un tema comercial, un constructor visual y un plugin de cursos.

  • Edubin, un tema pensado para academias y centros de formación, con su plugin complementario.
  • Elementor y Elementor Pro para maquetar cada página.
  • LearnDash para los cursos y las lecciones, con complementos para integrarlo con WooCommerce, con Elementor, con notificaciones y con grillas de cursos.
  • WooCommerce y WooCommerce Memberships para vender y administrar los planes de membresía.

Sobre esa base había cursos con sus clases y una evaluación, compra de cursos, membresías, páginas institucionales (Nosotros, Equipo docente, Preguntas frecuentes, Contacto) y un espacio de recursos gratuitos para profesionales.

Dónde empezaba a quedar chico

Esta combinación funciona, pero cuando el proyecto crece se nota el costo:

  • Muchas capas. El tema, el constructor y el plugin de cursos cargan cada uno su propio código, aunque cada página use solo una parte.
  • Páginas guardadas como maquetas. Cada pantalla era un diseño de Elementor almacenado en la base de datos, con cientos de registros entre páginas y revisiones.
  • Herramientas pensadas para el caso general. Adaptar la experiencia del alumno obligaba a forzar plugins que no estaban hechos para esta academia.
  • Varias licencias y actualizaciones. Elementor Pro, LearnDash y el tema dependían de licencias y de actualizaciones de terceros.
  • Detalles que costaban de corregir. Por ejemplo, el menú del celular se abría como una tarjeta que no cubría toda la pantalla, y arreglarlo implicaba pelearse con el CSS del tema.

Qué hicimos: de sitio web a plataforma

Reconstruimos el sitio sobre una base más liviana y propia, conservando los contenidos, los cursos y las URLs que importaban. Se mantuvo lo que funcionaba bien, WooCommerce y Memberships para las ventas y el acceso, y se reemplazó lo que limitaba.

PiezaAntesAhora
Diseño y páginasTema Edubin, con Elementor y Elementor ProTema propio, hijo de GeneratePress, escrito a medida
Cursos y clasesLearnDash y sus complementosPlugin propio, Campus Cursos
Ventas y accesoWooCommerce y MembershipsWooCommerce y Memberships, ahora conectados al plugin de cursos
Área del alumnoPerfil de LearnDashMi cuenta rediseñada, con Mis cursos, Ateneos y Membresía

Se migraron los 7 cursos y las 11 clases que ya existían. Además se configuraron redirecciones 301 desde las URLs viejas de LearnDash, para que los enlaces antiguos sigan funcionando y Google no pierda el rastro.

La plataforma de cursos por dentro

El corazón es un plugin propio, Campus Cursos, hecho a la medida de esta academia. Hace solo lo que la academia necesita:

  • Cursos y clases organizados en módulos, con video de Vimeo integrado.
  • Progreso por alumno: cada clase se marca como completada y la plataforma propone seguir por la primera que falta.
  • Preguntas en cada clase: el alumno pregunta y, cuando el docente responde, le llega un aviso por mail.
  • Evaluaciones sencillas: se cargan escribiendo las preguntas y marcando la respuesta correcta.
  • Certificados automáticos: al completar todas las clases y aprobar las evaluaciones, se emite un certificado con código propio, con enlace para verlo y descargarlo, y se le avisa al alumno por mail.
  • Panel de administración propio para cargar cursos y ver a los alumnos, dentro del escritorio de WordPress.

Quién ve qué: cursos, ateneos y membresías

El acceso se resuelve con una regla simple: entra quien es parte del equipo, quien compró el curso o quien tiene un plan de membresía activo que lo incluye. Así conviven en la misma plataforma tres tipos de contenido:

  • Cursos gratuitos con solo crear una cuenta.
  • Cursos que se compran de forma individual.
  • Contenido incluido en la membresía del Club Neuromuscular, con un plan Básico y uno Premium, mensuales o anuales.

En la home, cada curso muestra de entrada cuál de esos tres casos es, y una tabla compara lo que incluye cada plan. La tienda cobra en dólares, con conversión de moneda, y acepta Mercado Pago y PayPal.

Mi cuenta: el área del alumno

Mi cuenta, que era el panel genérico de una tienda, tiene ahora secciones propias: Mis cursos, con el avance de cada uno; Ateneos, con los encuentros del Club; y Membresía, con el plan del alumno. Cada curso aparece como una tarjeta y, si el alumno todavía no tiene un plan pago, ve un aviso para sumarse.

Inicio de Mi cuenta en Campus & Science: menú lateral, bloque para seguir donde el alumno dejó, invitación al Club Neuromuscular y contadores de cursos, ateneos y certificados
Inicio de Mi cuenta, con el avance y los accesos del alumno.
Sección Mis cursos de Campus & Science con dos tarjetas de curso, una con 100 % completado y botón de certificado
Mis cursos: el progreso de cada curso y el certificado al completarlo.
Ateneos disponibles en Mi cuenta de Campus & Science, con barra de progreso y atajos a cursos, datos y ayuda por WhatsApp
Ateneos del Club y accesos rápidos dentro de Mi cuenta.

También se sumó una Red de profesionales, un directorio que va creciendo y que forma parte de los beneficios de los planes.

Una web más liviana

Al sacar el constructor visual y el plugin de cursos de terceros, la web carga mucho menos código. Algunos datos concretos de la home:

  • Una sola hoja de estilos combinada y tres scripts: jQuery, Google Analytics y uno con el código del tema.
  • Unos 78 KB de HTML.
  • Tipografías alojadas en el propio sitio, con precarga de la principal.
  • 11 de las 14 imágenes de la home se cargan de forma diferida, a medida que el visitante baja.
  • El código de la página de producto solo se carga en los productos, y se quitaron funciones de la tienda que no se usaban, como pestañas, productos relacionados y zoom de galería.
  • Caché de LiteSpeed y compresión Brotli en el servidor.

Cargar menos código y hacer menos pedidos le deja menos trabajo al navegador, y de eso dependen las Core Web Vitals. En una medición de PageSpeed Insights en celular, la home sacó 100 en Rendimiento, 100 en Accesibilidad, 100 en Recomendaciones y 100 en SEO, y pasó las 3 verificaciones de Navegación con agentes. Son valores estimados y pueden variar de una medición a otra, pero reflejan que la base tiene poco código y está bien cargada.

Resultado de PageSpeed Insights en celular para campusandscience.com: 100 en Rendimiento, 100 en Accesibilidad, 100 en Recomendaciones y 100 en SEO
Medición de PageSpeed Insights en celular de la home de Campus & Science: 100 en las cuatro categorías.

Pensada para Google y para las inteligencias artificiales

Una plataforma de cursos sirve si la encuentran. Esto es lo que ya está resuelto:

  • Rank Math SEO con títulos y meta descripciones propios en cada página.
  • Open Graph, para que al compartir un enlace se vea con su imagen y su título.
  • Datos estructurados (schema) que le explican a Google y a las IA qué es la academia y qué cursos ofrece.
  • Estructura de títulos ordenada, con un solo H1 por página, y el idioma declarado en el código.
  • Un sitemap y un robots.txt que indican qué indexar y dejan afuera los archivos internos de la tienda.
  • Un archivo llms.txt, que le entrega a las IA una lista limpia de las notas del sitio, con su resumen.
  • Redirecciones 301 desde las URLs anteriores, para conservar el posicionamiento.
  • Google Site Kit conectado para medir el tráfico.
  • HTML limpio, sin las capas de maquetación que agrega un constructor visual.

Se conservó lo que ya funcionaba y se reemplazó solo lo que limitaba. Una herramienta a medida vale cuando hace exactamente lo que el negocio necesita y nada más.

Preguntas frecuentes

¿Se perdieron cursos o enlaces al migrar?

No. Se migraron todos los cursos y las clases, y las URLs viejas de LearnDash redirigen a las nuevas.

¿Por qué un plugin propio y no otro sistema de cursos?

Porque la academia necesitaba una parte de lo que ofrece un sistema general, y quería que el acceso, el progreso y los certificados funcionaran con sus membresías. Hacerlo a medida evita cargar funciones sin uso y depender de otra licencia.

¿El cliente puede cargar cursos por su cuenta?

Sí. Los cursos y las clases se cargan desde un panel propio del plugin, dentro del escritorio de WordPress.

¿Se puede hacer algo así para otra academia o comunidad?

Sí. La estructura de cursos, membresías y área de alumno se adapta a otros rubros: formación, comunidades, clubes o servicios con contenido para socios.

¿Querés una plataforma así?

Si tenés una academia, una comunidad o un negocio que necesita cursos, membresías y un área para tus alumnos, es el tipo de proyecto que armo dentro del servicio de aplicaciones y plataformas a medida. Contame tu caso.