De 55 espais digitals dispersos a un ecosistema: set anys com a soci digital del Port de Barcelona

El Port de Barcelona és una de les grans infraestructures logístiques de la Mediterrània i el primer port de la península per a tràfics internacionals, gestionat per l'Autoritat Portuària de Barcelona, un organisme públic amb un equip de més de 500 persones. Mou gairebé una quarta part del comerç marítim de l'Estat i al seu voltant hi treballa una comunitat portuària de milers d'empreses: operadors logístics, navilieres, importadors i exportadors, transportistes, terminals de creuers i ferris. Però el Port és molt més que un port: és un vertebrador d'activitat econòmica, un referent en sostenibilitat i innovació amb el seu model Smart Port i una peça de la ciutat de Barcelona, amb la qual comparteix litoral, usos urbans i ciutadans. Cadascuna d'aquestes vessants té els seus públics i les seves necessitats digitals, i el 2019 l'Autoritat Portuària va treure a concurs la conceptualització i el disseny de tot el seu ecosistema web. El vam guanyar, i des de llavors som el seu soci en totes les decisions i accions sobre la seva presència digital.

Com passa en moltes organitzacions grans, l'ecosistema digital del Port s'havia construït a l'escalf de les necessitats de cada àrea: quan una unitat necessitava una web, comprava el domini, buscava un proveïdor i la posava en marxa. El resultat, el 2019, era un volum gairebé inabastable de llocs, microsites, aplicacions i espais privats, amb gestors de continguts diferents, proveïdors diferents, estils gràfics diferents i usabilitats diferents, al voltant d'una web corporativa que ja no responia al que el Port és ni al que els seus públics n'esperen.

I és que el Port no cap en una web. Té mil vessants, mil clients i mil funcions: opera com a port, fa negoci, innova, té cura del seu entorn i conviu amb la ciutat. Cadascuna d'aquestes facetes necessita els seus espais digitals, amb les seves eines, els seus continguts i els seus públics, i tots ells han de sentir-se part d'una mateixa institució.

El repte no era redissenyar una web, sinó ajudar el Port a decidir quins espais digitals han d'existir, quins s'integren, quins tenen entitat pròpia i quins desapareixen, i com ha de ser cadascun en concepte, ús, disseny, desenvolupament, continguts, hosting i arquitectura. I després construir-ho, mantenir-ho i fer-ho créixer de manera coherent durant anys, amb el nivell d'exigència d'una institució pública d'aquesta rellevància.

Vam començar per auditar tot l'ecosistema. Vam rastrejar webs satèl·lit, aplicacions i espais privats fins a reunir un inventari de 85 entrades, vam analitzar en profunditat més de 55 espais digitals i vam mantenir més de 30 entrevistes amb els responsables interns de cadascun. Amb el comitè operatiu web del Port, en sessions de cocreació, vam fixar els pilars del nou ecosistema: una arquitectura d'informació intuïtiva i escalable, un univers visual homogeni, productes multidispositiu i una arquitectura de dades consistent, al servei de quatre eixos estratègics: orientació al client, innovació, sostenibilitat i ciutat.

D'aquí va sortir el full de ruta: quins espais s'integren a la web corporativa (eines com la calculadora de costos, els temps d'accés o les escales de vaixells, subsites i espais satèl·lit), quins conserven entitat pròpia (microsites com PierNext o Smart Ports i espais privats com la Seu Electrònica), a quins es fa referència i quins varien o desapareixen. I una decisió de base: estandarditzar la solució tècnica sobre Drupal per reduir i consolidar l'ecosistema.

En la conceptualització i el disseny de la nova web corporativa vam definir públics i temes, l'arquitectura d'informació, el pla de continguts, la navegació, els wireframes i el funcional d'interacció, i vam crear el sistema gràfic i una guia d'estil web pensada perquè qualsevol projecte del Port, el faci qui el faci, mantingui la mateixa identitat.

En el desenvolupament vam assumir la direcció tècnica del projecte: la web es va construir sobre Drupal amb un integrador extern que va executar el que nosaltres vam definir, amb front i back a mida, quatre idiomes, governança editorial i les integracions amb els sistemes del Port: avisos, arribades i sortides de vaixells, calculadora de costos, línies regulars, el CRM i les plataformes de newsletters i traducció. Vam preparar el llançament amb la migració a la versió actual de Drupal, l'analítica i l'optimització de rendiment, i la web es va publicar a principis de 2024. Des de llavors els llocs nous o migrats de l'ecosistema es construeixen sobre Drupal, en instàncies úniques o multisite segons com es vagin a gestionar i explotar i segons els seus costos operatius.

El 2025 el Port va treure a concurs la gestió integral de serveis i projectes web de tot el seu ecosistema, un acord plurianual, i el vam tornar a guanyar. Des de llavors operem el servei gestionat, amb infraestructura cloud gestionada, manteniment i actualització del CMS, seguretat, monitorització, auditories de rendiment i informes bimestrals d'analítica i SEO, i treballem colze a colze amb l'equip de transformació digital del Port per prioritzar i posar en marxa els seus projectes: la nova integració de Línies Regulars, la migració de PierNext a Drupal, l'estratègia tecnològica de l'ecosistema, la remediació d'accessibilitat de la web corporativa, de PierNext i de la Seu Electrònica, la migració a Drupal 11, el projecte de SEO i GEO, la integració de formularis amb Salesforce, la reconceptualització dels continguts de sostenibilitat i transició energètica, la traducció automàtica, l'estudi de viabilitat d'un model SaaS i un sistema de disseny per a les aplicacions a mida del Port. I ja preparem els de 2027: Efficiency Network, el Port Center, el portal de selecció, el portal de transparència i el Servei d'Atenció al Client.