Web educativa institucional para instituto de secundaria y FP
Web del INS La Guineueta
Desarrollo de la web para el instituto La Guineueta, instituto de enseñanza secundaria y formación profesional de Barcelona, en un proyecto realizado junto al diseñador Allan Bruch para renovar por completo la presencia digital del centro y facilitar la comunicación con alumnado, familias y profesorado.
Contexto
¿Cómo abordé el proyecto?
El INS La Guineueta es un instituto de Barcelona que imparte educación secundaria obligatoria, bachillerato y ciclos de formación profesional, con una comunidad formada por alumnado, familias, profesorado y personal de administración. El centro necesitaba una web que superara el enfoque meramente informativo y se convirtiera en un canal claro de comunicación institucional, publicación de noticias, acceso a documentación y presentación de la oferta educativa. Junto a Allan Bruch, que se encargó del diseño y la dirección de arte, se desarrolló una nueva web basada en Wordpress que reorganiza contenidos, mejora la legibilidad y facilita que cualquier persona encuentre con rapidez la información que necesita sobre estudios, secretaría, proyectos y vida de instituto.
Proyecto conjunto con Allan Bruch
Allan Bruch definió la identidad visual, la jerarquía de diseño y el tono gráfico del sitio, mientras que el desarrollo técnico se encargó de plasmar ese diseño en una web funcional, rápida y fácil de mantener.
Enfoque en la oferta educativa y la comunidad
La web se organiza alrededor de la oferta educativa del centro (ESO, bachillerato, ciclos de FP), la presentación del instituto, la comunicación con familias y alumnado y la publicación de noticias y proyectos.
Claridad en información práctica y trámites
Se dio especial importancia a secciones como secretaría, calendarios, procesos de preinscripción y matrícula, horarios y documentación, para que las familias y el alumnado tuvieran un punto único de referencia.
Diseño centrado en lectura y accesibilidad
El diseño prioriza tipografías legibles, una estructura de menús clara y páginas que evitan la sobrecarga, pensando en una amplia gama de usuarios con diferentes niveles de familiaridad con la tecnología.
Proceso
Mi workflow
Entender el centro y sus necesidades de comunicación
El primer paso fue conocer cómo funciona el INS La Guineueta: qué niveles educativos imparte, cómo se relaciona con familias y alumnado y qué tipo de información necesitaba publicar de forma estructurada y accesible.
Definir la arquitectura de contenidos
Se diseñó una arquitectura de información que ordena la oferta educativa, la presentación institucional, los servicios de secretaría, los proyectos del centro y las noticias, evitando duplicidades y secciones confusas.
Alinear diseño y desarrollo con Allan Bruch
Se trabajó en estrecha colaboración con Allan Bruch para implementar el diseño previsto, respetando márgenes, jerarquías tipográficas, uso de color y distribución de contenidos en la interfaz.
Desarrollar un sitio pensado para uso diario
La web se desarrolló con un enfoque práctico: debía soportar actualizaciones frecuentes de noticias, cambios en calendarios y publicación de documentos, manteniendo siempre una estructura estable y comprensible.
Facilitar la gestión de contenidos por parte del centro
Se cuidó el backoffice y la forma de editar páginas y entradas para que el equipo del instituto pudiera mantener y actualizar la web sin depender constantemente de soporte técnico.
Preparar la web para crecer con el instituto
El proyecto se dejó listo para incorporar nuevas secciones (proyectos, programas específicos, recursos) sin romper la estructura principal, permitiendo que la web acompañe la evolución del centro.
Tecnologías
Stack técnico
La web del INS La Guineueta se construyó sobre una base CMS preparada para publicación frecuente, con desarrollo a medida adaptado al diseño de Allan Bruch y a las necesidades educativas del centro.
- CMS (WordPress) como base para gestión de contenidos educativos y noticias
- Plantillas personalizadas para páginas de niveles educativos y secciones institucionales
- HTML, CSS y Javascript orientados a una experiencia clara y accesible
- Estructura preparada para actualización frecuente por parte del centro
- Integración básica de documentos descargables, calendarios y enlaces externos
FAQ
Preguntas frecuentes
¿Qué tipo de información ofrece la web del INS La Guineueta?
La web ofrece información sobre la oferta educativa (ESO, bachillerato, FP), la organización del centro, los servicios de secretaría, calendarios, procesos de preinscripción y matrícula, noticias y proyectos, además de recursos útiles para alumnado y familias.
¿Qué papel tuvo Allan Bruch en el proyecto?
Allan Bruch fue el partner de diseño responsable de la identidad visual, el layout y la jerarquía gráfica de la web. Su trabajo definió cómo debía verse y sentirse el sitio, mientras que el desarrollo técnico se centró en hacer que ese diseño funcionara en la práctica.
¿Por qué era importante renovar la web del instituto?
La renovación era necesaria para que la web reflejara mejor la realidad del centro, facilitara los trámites y la comunicación y ofreciera una experiencia ordenada a una comunidad amplia, desde familias hasta estudiantes y profesorado.
¿Cómo se pensó la web para usuarios con distintos niveles digitales?
Se optó por una estructura de menús simple, páginas claras y textos directos, pensando en personas con diferentes niveles de familiaridad con la tecnología. La prioridad fue que cualquier usuario pudiera encontrar lo que busca con pocos clics.
¿Qué ventajas aporta este tipo de web al día a día del centro?
La web facilita la difusión de información importante, reduce dudas recurrentes, centraliza documentación y permite que el centro comunique su proyecto educativo de forma más clara y accesible, mejorando la relación con su comunidad.
¿Qué puede esperar alguien que visita la web por primera vez?
Quien entra por primera vez encontrará una presentación clara del instituto, de sus estudios y servicios, y caminos fáciles hacia la información que más suele necesitar: cómo matricularse, qué se estudia y cómo contactar con el centro.