De 55 espacios digitales dispersos a un ecosistema: siete años como socio digital del Port de Barcelona

El Port de Barcelona es una de las grandes infraestructuras logísticas del Mediterráneo y el primer puerto de la península para tráficos internacionales, gestionado por la Autoritat Portuària de Barcelona, un organismo público con un equipo de más de 500 personas. Mueve casi una cuarta parte del comercio marítimo del Estado y a su alrededor trabaja una comunidad portuaria de miles de empresas: operadores logísticos, navieras, importadores y exportadores, transportistas, terminales de cruceros y ferris. Pero el Port es mucho más que un puerto: es un vertebrador de actividad económica, un referente en sostenibilidad e innovación con su modelo Smart Port y una pieza de la ciudad de Barcelona, con la que comparte litoral, usos urbanos y ciudadanos. Cada una de esas vertientes tiene sus públicos y sus necesidades digitales, y en 2019 la Autoritat Portuària sacó a concurso la conceptualización y el diseño de todo su ecosistema web. Lo ganamos, y desde entonces somos su socio en todas las decisiones y acciones sobre su presencia digital.

Como pasa en muchas organizaciones grandes, el ecosistema digital del Port se había construido al calor de las necesidades de cada área: cuando una unidad necesitaba una web, compraba el dominio, buscaba un proveedor y la ponía en marcha. El resultado, en 2019, era un volumen casi ingestionable de sites, microsites, aplicaciones y espacios privados, con gestores de contenidos distintos, proveedores distintos, estilos gráficos distintos y usabilidades distintas, alrededor de una web corporativa que ya no respondía a lo que el Port es ni a lo que sus públicos esperan de él.

Y es que el Port no cabe en una web. Tiene mil vertientes, mil clientes y mil funciones: opera como puerto, hace negocio, innova, cuida su entorno y convive con la ciudad. Cada una de esas facetas necesita sus espacios digitales, con sus herramientas, sus contenidos y sus públicos, y todos ellos tienen que sentirse parte de una misma institución.

El reto no era rediseñar una web, sino ayudar al Port a decidir qué espacios digitales deben existir, cuáles se integran, cuáles tienen entidad propia y cuáles desaparecen, y cómo tiene que ser cada uno en concepto, uso, diseño, desarrollo, contenidos, hosting y arquitectura. Y después construirlo, mantenerlo y hacerlo crecer de forma coherente durante años, con el nivel de exigencia de una institución pública de esta relevancia.

Empezamos por auditar el ecosistema entero. Rastreamos webs satélite, aplicaciones y espacios privados hasta reunir un inventario de 85 entradas, analizamos en profundidad más de 55 espacios digitales y mantuvimos más de 30 entrevistas con los responsables internos de cada uno. Con el comité operativo web del Port, en sesiones de cocreación, fijamos los pilares del nuevo ecosistema: una arquitectura de información intuitiva y escalable, un universo visual homogéneo, productos multidispositivo y una arquitectura de datos consistente, al servicio de cuatro ejes estratégicos: orientación al cliente, innovación, sostenibilidad y ciudad.

De ahí salió la hoja de ruta: qué espacios se integran en la web corporativa (herramientas como la calculadora de costes, los tiempos de acceso o las escalas de barcos, subsites y espacios satélite), cuáles conservan entidad propia (microsites como PierNext o Smart Ports y espacios privados como la Seu Electrònica), a cuáles se hace referencia y cuáles varían o desaparecen. Y una decisión de base: estandarizar la solución técnica sobre Drupal para reducir y consolidar el ecosistema.

En la conceptualización y el diseño de la nueva web corporativa definimos públicos y temas, la arquitectura de información, el plan de contenidos, la navegación, los wireframes y el funcional de interacción, y creamos el sistema gráfico y una guía de estilo web pensada para que cualquier proyecto del Port, lo haga quien lo haga, mantenga la misma identidad.

En el desarrollo asumimos la dirección técnica del proyecto: la web se construyó sobre Drupal con un integrador externo que ejecutó lo que nosotros definimos, con front y back a medida, cuatro idiomas, gobernanza editorial y las integraciones con los sistemas del Port: avisos, llegadas y salidas de barcos, calculadora de costes, líneas regulares, el CRM y las plataformas de newsletters y traducción. Preparamos el lanzamiento con la migración a la versión actual de Drupal, la analítica y la optimización de rendimiento, y la web se publicó a principios de 2024. Desde entonces los sites nuevos o migrados del ecosistema se construyen sobre Drupal, en instancias únicas o multisite según cómo se vayan a gestionar y explotar y según sus costes operativos.

En 2025 el Port sacó a concurso la gestión integral de servicios y proyectos web de todo su ecosistema, un acuerdo plurianual, y volvimos a ganarlo. Desde entonces operamos el servicio gestionado, con infraestructura cloud gestionada, mantenimiento y actualización del CMS, seguridad, monitorización, auditorías de rendimiento e informes bimestrales de analítica y SEO, y trabajamos codo con codo con el equipo de transformación digital del Port para priorizar y poner en marcha sus proyectos: la nueva integración de Líneas Regulares, la migración de PierNext a Drupal, la estrategia tecnológica del ecosistema, la remediación de accesibilidad de la web corporativa, de PierNext y de la Seu Electrònica, la migración a Drupal 11, el proyecto de SEO y GEO, la integración de formularios con Salesforce, la reconceptualización de los contenidos de sostenibilidad y transición energética, la traducción automática, el estudio de viabilidad de un modelo SaaS y un sistema de diseño para las aplicaciones a medida del Port. Y ya preparamos los de 2027: Efficiency Network, el Port Center, el portal de selección, el portal de transparencia y el Servei d'Atenció al Client.