Institut Ferrer i Guàrdia
Cambiar de tecnología. Conservar la memoria.
El encargo
El Institut Francesc Ferrer i Guàrdia es un centro público de Sant Joan Despí que funciona desde el curso 1977/78: casi cincuenta años y tres edificios. Da ESO, bachillerato, tres familias de formación profesional y programas de inserción, y se define como instituto plurilingüe e internacionalizador. Su web llevaba once años en Drupal, con un subtema hecho a medida para el centro.
Un instituto no tiene un público: tiene dos. Las familias buscan el aviso de los libros o del comedor, y el alumnado busca entrar en Moodle antes de que suene el timbre; en medio hay once apartados de información —estudios, secretaría, departamentos, proyectos— que nadie debería tener que recorrer para encontrar una fecha.
Qué hicimos
Montamos la portada como el tablón de la entrada. Primero los trámites abiertos —plazas vacantes, cola virtual—, después los accesos que se usan cada día (XTEC, Moodle, iEduca, correo, intranet) y solo entonces la presentación del centro. Debajo, los destacados del curso —libros, armarios, comedor— en cinco tarjetas iguales: foto, titular y botón.
Migramos páginas, noticias y archivos de Drupal a WordPress. La nueva estructura conserva contenido del centro y permite consultar registros de mediateca anteriores al rediseño de 2023. La fecha del registro ayuda a situar su historia; no equivale por sí sola a la fecha de creación de cada imagen. No se reescribió el centro desde cero: se trasladó su contenido a una nueva estructura.
Ordenamos diez secciones y tres niveles de menú. Institut, Estudis, Secretaria, Actualitat, Projectes, Departaments, Coordinació TIC, AFA, Empresa y Contacte. Cada etapa tiene su tablón en secretaría, los documentos de centro van en PDF, los planos van por planta y hay un buzón propio para las empresas que acogen prácticas.
Un solo rojo, el del escudo. #DA251C manda en la cabecera, los botones, los enlaces y el apartado activo del menú; el resto es gris de papel, esquinas casi rectas y un cuerpo de 16/28 pensado para leer textos largos. En el pie, los sellos obligatorios del Departament, el FEDER y el Plan de Recuperación.
La información de hoy y el archivo de ayer.
La web de un instituto no se juzga por la portada. Se juzga por si una familia encuentra el aviso de los armarios sin llamar por teléfono. Por eso lo primero de la pantalla no es quiénes somos, sino qué está abierto hoy: los trámites con caducidad arriba, y la historia del centro —que es larga y buena— una pantalla más abajo.
Institut Francesc Ferrer i Guàrdia · archivo
Cambiar de web. Conservar la memoria.
Una migración también consiste en conservar el contexto: qué es cada contenido, dónde se consulta y qué fecha tiene en el registro. Este ejemplo del fondo del centro lo hace visible.
Fecha del registro de la mediateca
No es la fecha en que se tomó la fotografía.
- Una página de contexto
- Historia del centro
- Un archivo consultable
- La imagen originalimagen10.png · 923 × 632
El contenido mantiene su propia historia.
La fotografía puede consultarse en la mediateca de WordPress y se identifica en la página que explica la historia del centro. El registro conserva una fecha anterior al cambio de web de 2023.
El proyecto en cifras
Qué hay debajo
El sistema visual es corto a propósito: contenedor de 1140 px, fondo de página #F7F7F7, pie #EFEFEF y un cuerpo de 16 px con interlineado de 28 —relación 1,75— porque aquí se leen textos largos: un proyecto educativo, las vías de acceso a un ciclo, el calendario del curso. Los titulares de bloque van a 24 px en negrita y las esquinas son casi rectas: 1 px en los botones de aviso, 6 px en los de trámite. El rojo #DA251C aparece 265 veces y es lo único que decide jerarquía.
Una prueba concreta es la imagen imagen10.png: la mediateca pública conserva un registro fechado el 5 de mayo de 2022 y la página «Història del centre» referencia esa imagen. El archivo se puede consultar en su ruta de WordPress. Conservar contenido y metadatos requiere comprobar también los enlaces antiguos: este ejemplo no demuestra que todas las direcciones anteriores sigan funcionando.
Lo demás es fontanería con el ecosistema de la Generalitat: trece accesos directos a XTEC, Moodle, iEduca, SAGA, Esfera, Qbid y el resto de plataformas donde vive de verdad la gestión; tablones incrustados por etapa en secretaría; planos del centro por planta en PDF; y el bloque de financiación europea con la referencia del programa, que en un centro público no es decoración sino obligación.
Cómo fue
Galería · el proyecto en imágenes (clica para ampliar)
"Té una història de gairebé 50 anys, ja que funciona des del curs 1977/78."iesffg.cat
Créditos · quién lo hizo
¿Quieres un resultado así para tu proyecto?
