ELISAVA, nueva web

ELISAVA es una escuela universitaria de diseño e ingeniería de la ciudad de Barcelona. Es uno de los centros referentes en su ámbito de especialización a nivel internacional y engloba tanto estudios universitarios como post-universitarios o de especialización en el ámbito del diseño. Hace un tiempo, Ymbra recibió el encargo de renovar su sitio web (también desarrollado por nosotros en 2012) y prepararlo para resolver algunas de las necesidades que tenían en el antiguo sistema:

  • Adaptación del sitio a la nueva imagen de la escuela.
  • Web responsive para facilitar la lectura desde los nuevos canales de consumo
  • Revisión de la ficha de un estudio y otras páginas para adaptarse a las nuevas necesidades comunicativas

Para solucionar esta necesidad, y aprovechando que ELISAVA ya conoce Drupal de su anterior sitio web y de la bolsa de trabajo desarrollada por Ymbra en el 2014 para ELISAVA Alumni, se desarrolló la nueva web usando la misma versión del gestor de contenidos añadiendo las mejoras requeridas por la escuela.

Una de las características principales del proyecto es la adaptación del sitio a los distintos dispositivos y resoluciones. Se han usado de base cinco puntos de corte o breakpoints (normalmente se usan solo tres) para poder proporcionar los contenidos adaptados a cualquier tamaño de pantalla.

Al mismo tiempo se ha trabajado en base a componentes para reaprovechar todos los elementos y cargar menos código en cada página. Se creó una guía de estilo que se usó durante el desarrollo del proyecto. Esto permitió seguir estándares de código y metodologías como BEM o SMACSS y construir la mayor parte de las interacciones sobre las mismas librerías JavaScript. Gracias al desarrollo personalizado de ciertos elementos y el uso intensivo del módulo Panels, buena parte de los componentes que se utilizan en distintas páginas son los mismos.

Otro de los puntos, y uno de los más importantes, era que no se quería perder todo el trabajo hecho en todos estos años de posicionamiento web en buscadores. Es por eso que se desarrolló un módulo que migraba todo el contenido histórico de la web, además de las direcciones indexadas en los buscadores para permitir redirecciones al nuevo formato de las direcciones. De la misma forma se tuvo un especial cuidado en la gestión del SEO de la página para poder mantener, y mejorar aún más, todos los metadatos ofrecidos por la web, así como su conexión con las distintas redes sociales que usa la escuela.

Desde la salida de la nueva web, ELISAVA ha podido reconducir toda la comunicación de la escuela usando las nuevas herramientas disponibles en la web. El departamento usa intensivamente la plataforma como medio de comunicación con toda su base de alumnos, ex-alumnos y futuros estudiantes. Desde la propia escuela se han mostrado muy satisfechos con la nueva plataforma porque les ofrece muchas posibilidades editoriales. De hecho, desde que se publicó la nueva web, ya se han ido añadiendo funcionalidades para adaptarse a las nuevas necesidades del departamento.