Una plataforma que se ve como la institución genera confianza y reduce el soporte: el estudiante sabe que está en el sitio correcto. El problema aparece cuando la personalización se hace tocando código del tema y, un año después, bloquea la actualización de Moodle. Somos el Moodle Certified Partner del Perú y esta guía marca el límite entre personalizar bien y complicarse.
Qué personalizar y en qué orden
No todo aporta lo mismo. El orden que recomendamos es: primero el logotipo y los colores principales, porque resuelven el reconocimiento inmediato; después la página de inicio y el panel del estudiante, porque determinan si la gente encuentra sus cursos; y solo al final los detalles visuales.
Invertir semanas en la tipografía de los encabezados mientras el estudiante no encuentra su aula es el error clásico de un proyecto de imagen mal priorizado.
Elegir el tema base
Moodle incluye un tema estándar moderno y responsivo que admite personalización desde el propio panel de administración. Para la mayoría de instituciones es suficiente y tiene una ventaja decisiva: se mantiene al día con cada versión de Moodle.
Los temas de terceros ofrecen más opciones visuales de fábrica, pero heredan el riesgo de cualquier plugin: si el mantenedor abandona el proyecto, la plataforma queda atada a una versión. Antes de adoptar uno, revisa su historial de actualizaciones con el mismo criterio que aplicamos a cualquier plugin de Moodle.
Tema hijo: la forma correcta de modificar
Cuando la personalización supera lo que el panel permite, la regla es no tocar el tema original. Se crea un tema hijo que hereda todo y solo sobrescribe lo necesario.
Así, al actualizar Moodle, el tema base se renueva y los ajustes propios se mantienen en un paquete pequeño y revisable. Modificar el tema original directamente significa rehacer el trabajo en cada actualización y, en la práctica, quedarse sin actualizar.
Colores y contraste
La paleta institucional casi nunca se puede trasladar tal cual a una plataforma educativa. Los colores de marca están pensados para piezas gráficas, no para pantallas con texto denso que se leen durante horas.
Define un color principal para acciones, uno secundario para elementos informativos y una escala de grises para el texto. Verifica el contraste entre texto y fondo: si no se lee con comodidad en un celular a plena luz, el color está mal elegido por bonito que sea.
Logotipos y espacios de marca
Necesitarás al menos tres versiones del logotipo: una completa para la cabecera en escritorio, una compacta para móvil y una cuadrada para el ícono y las notificaciones. Usa formatos livianos; una cabecera con una imagen pesada ralentiza cada página de la plataforma.
Define también la imagen de la página de inicio de sesión, que suele ser la primera impresión, y evita cargar el encabezado con varios logotipos. Cuando hay convenios, un pie de página resuelve mejor que una cabecera saturada.
Tipografía legible antes que distintiva
La tipografía institucional puede usarse en títulos, pero el cuerpo de texto necesita una fuente pensada para lectura en pantalla y buen rendimiento de carga. Si la fuente de marca no cumple, úsala solo en encabezados.
Respeta también los tamaños mínimos. Reducir el cuerpo de texto para que quepa más contenido es una decisión que se paga en consultas de soporte y en abandono.
Página de inicio y panel del estudiante
La portada debe responder tres preguntas en pantalla: dónde están mis cursos, dónde pido ayuda y qué está pasando ahora. Todo lo demás compite con eso.
El panel personal con la vista de cursos, la línea de tiempo de entregas y el calendario suele ser más útil como pantalla de llegada que una portada con mucho contenido institucional. Revisa cómo se ve con una cuenta real de estudiante y no solo con la de administrador.
Accesibilidad como requisito, no como extra
La personalización es el momento en que más fácilmente se rompe la accesibilidad: contrastes insuficientes, textos sobre imágenes, botones sin etiqueta. El tema estándar de Moodle parte de una base correcta y los ajustes mal hechos la deshacen.
Verifica contraste, navegación con teclado, tamaños de pulsación en móvil y textos alternativos de las imágenes institucionales. El detalle está en accesibilidad en Moodle.
Coherencia con la aplicación móvil
Si la institución usa la app, la identidad debe verse igual en ambos lados. Los colores, el logotipo y el nombre visible deben coincidir para que el estudiante reconozca el servicio sin pensarlo.
Cuando se requiere una app con la marca institucional en las tiendas, hay un camino específico que explicamos en app de Moodle con marca propia.
Varias marcas en una misma plataforma
Instituciones con varias sedes, escuelas o unidades de negocio a veces necesitan identidades distintas sobre una misma base. Hay dos caminos: personalización por categoría dentro de un solo sitio, o instancias separadas con administración común.
La decisión depende de cuánto deben diferenciarse y de quién administra cada unidad. Comparamos ambos enfoques en Moodle multisitio.
Mantener la personalización en el tiempo
Documenta en una página los valores usados: códigos de color, archivos de logotipo y su ubicación, fuentes y cualquier ajuste aplicado en el tema hijo. Esa página es lo que evita que el siguiente cambio de versión, o el siguiente administrador, empiece de cero.
Y prueba la personalización en el entorno de pruebas antes de cada actualización mayor. Es parte del mantenimiento preventivo incluido en nuestro soporte Moodle.