Web institucional del Instituto de Investigación en Nutrición y Seguridad Alimentaria (UB)

CLIENTE

Instituto de Investigación en Nutrición y Seguridad Alimentaria (UB)

Audiovisuales Web

INSA es un centro de investigación multidisciplinar que lidera la investigación, la formación y la innovación en nutrición y seguridad alimentaria. El proyecto nace con el objetivo de transformar su presencia digital mediante un nuevo diseño web institucional capaz de comunicar mejor su actividad científica, mejorar la gestión de contenidos a través de un nuevo CMS y reforzar su identidad digital.

Diseño responsive del sitio web del INSA-UB adaptado a dispositivos móviles dentro de la nueva experiencia digital

El reto: transformar una web científica en una herramienta de comunicación estratégica

La dirección del INSA-UB y su equipo de comunicación nos encargaron la renovación completa del sitio web, que presentaba limitaciones tanto funcionales como comunicativas. Por un lado, el CMS no permitía actualizar los contenidos con agilidad, dificultando la gestión diaria del sitio. Por otro, la imagen visual no reflejaba el nivel de innovación e investigación pionera desarrollado en el centro.

El reto consistía en crear una web institucional capaz de organizar grandes volúmenes de información científica, facilitar la edición de contenidos y construir un relato digital coherente, accesible y alineado con el posicionamiento del centro.

Fotografía corporativa realizada durante la sesión fotográfica para humanizar la comunicación digital del INSA
Ilustraciones personalizadas creadas para representar las áreas de investigación dentro del sitio web del INSA

La solución: arquitectura de contenidos, UX/UI y un nuevo lenguaje visual digital

Tras analizar las necesidades del cliente, iniciamos el proyecto definiendo una nueva arquitectura de contenidos orientada a mejorar la navegación y la comprensión de la información. A continuación, desarrollamos wireframes que permitieron validar la experiencia de usuario antes de iniciar la fase de diseño visual.

Una vez aprobada esta estructura, abordamos el diseño UX/UI definitivo, creando un nuevo código gráfico digital adaptado al entorno web. El manual de identidad existente era limitado y no contemplaba directrices específicas para entornos digitales, lo que nos llevó a ampliar el sistema tipográfico mediante una combinación de tipografías serif y sans serif para mejorar la jerarquía informativa y la legibilidad.

Paralelamente, propusimos una sesión fotográfica en las distintas sedes del centro para reforzar la calidad visual del proyecto y transmitir una imagen cercana, humana y profesional.

Para comunicar las tres grandes áreas de investigación, desarrollamos un conjunto de ilustraciones a medida que aportan personalidad propia al sitio web y ayudan a explicar contenidos científicos complejos de forma más accesible y distintiva.

Imagen de la sesión fotográfica realizada para reforzar la identidad visual del sitio web del INSA-UB
Imagen de los equipos de investigación del INSA-UB capturada para reforzar la comunicación visual del nuevo sitio web institucional

Resultados: una identidad digital más clara, accesible y alineada con la investigación

El nuevo sitio web dota al INSA-UB de una plataforma digital flexible, fácilmente gestionable y preparada para evolucionar junto a sus necesidades comunicativas. La nueva experiencia de usuario mejora el acceso a la información, refuerza la comprensión de la actividad científica y proyecta una imagen coherente con el prestigio del centro.

Con este proyecto, el INSA-UB consolida una identidad digital más sólida y contemporánea, capaz de comunicar la ciencia con claridad y proximidad, impulsando su visibilidad institucional y su proyección internacional.