Projectes · Cas

AIM

Ordenar la mobilitat. També al web.

Disseny webIdentitat digitalWordPress 2022
Black and White Minimalist Desktop Mockup Instagram Post
aimsl.com · consultoria de mobilitat · Barcelona

L’encàrrec

AIM fa més de vint anys que ajuda Catalunya a moure’s millor: vianants, bicicletes, transport col·lectiu, vehicle privat i aparcament, mercaderies, seguretat viària, planificació i Big Data. Els seus clients són ajuntaments, diputacions, la Generalitat, l’àrea metropolitana, operadors de transport. Gent que no compra per impuls.

Ens van encarregar el disseny, la web i la programació des de zero. Amb una condició que ordenava tota la resta: un tècnic municipal havia d’arribar al seu tema —el seu, el concret— sense llegir-se la web sencera.

Què vam fer

Vam començar per les fotos. Una consultora de mobilitat s’explica amb el carrer, no amb icones. La portada obre amb fotografia real a sang —un carril bici, una avinguda metropolitana— i a sobre quatre paraules: mobilitat activa, transport, seguretat viària, planificació. Aquest és l’índex del negoci i és el primer que es veu.

Vam ordenar la feina en vuit àmbits d’actuació, cadascun amb la seva targeta fotogràfica i la seva pàgina pròpia: vianants, bicicletes i VMP, transport col·lectiu, vehicle privat i aparcament, mercaderies i logística, seguretat viària, planificació de la mobilitat, Big Data i Smart Cities. Vuit portes, i el tècnic entra per la seva.

El catàleg de projectes el vam programar com un arxiu filtrable. Cada obra porta fitxa amb tres camps fixos —client, any, estat— i les etiquetes dels àmbits que toca, de manera que un projecte pot sortir alhora a seguretat viària i a transport col·lectiu. Les miniatures no són renders bonics: són els plànols.

I ho vam rematar amb el que tanca un encàrrec públic: la pàgina d’equip, amb la titulació de cada tècnic; el carrusel de clients; i un peu de contacte en tres blocs, formulari, telèfon amb horari i adreça. Tot en català, que és l’idioma en què se signen els seus contractes.

La decisió de disseny

De l’àmbit al projecte.

Una consultora tècnica no ven serveis: ven criteri sobre un tema concret. La clau va ser convertir els àmbits d’actuació en l’estructura de la web, i no en una llista dins de «Serveis». Qui hi entra buscant carril bici hi arriba en un clic; qui hi entra buscant Big Data, també.

AIM · arquitectura del contingut

Un projecte. Més d’una porta d’entrada.

Una actuació pot combinar bicicleta, transport públic i vianants. L’arxiu permet trobar-la per aquests àmbits i arribar a una fitxa comuna: client, any i estat.

01 / Àmbits d’actuació

  • VianantsA
  • Bicicletes i VMPA
  • Transport col·lectiuAB
  • Vehicle privat i aparcament
  • Mercaderies i logística
  • Seguretat viàriaB
  • Planificació de la mobilitat
  • Big Data i Smart Cities

A i B assenyalen els àmbits de cada exemple.

02 / Dos exemples de l’arxiu

A

Cerdanyola del Vallès · Ripollet

Pacificació de la N-150

  • Vianants
  • Bicicletes i VMP
  • Transport col·lectiu
Client
Àrea Metropolitana de Barcelona
Any
2025
Estat
Finalitzat
Veure fitxa original
B

Barcelona

Accessos a les cotxeres de Zona Franca

  • Transport col·lectiu
  • Seguretat viària
Client
Transports Metropolitans de Barcelona
Any
2024
Estat
Finalitzat
Veure fitxa original

L’àmbit orienta. La fitxa concreta.

Lectura editorial del web d’AIM. Exemples i classificació consultats el 24/09/2026.

El projecte en xifres

8
àmbits d’actuació, cadascun amb la seva pàgina
10
projectes al catàleg, filtrables per àmbit
9
persones a la pàgina d’equip
28
logotips al carrusel de clients
3
dades fixes a cada fitxa: client, any, estat
1
idioma: el català, el dels seus contractes

Com està fet

L’arxiu de projectes és un tipus de contingut propi, no una galeria: cada obra és una fitxa amb tres camps fixos (client, any, estat) i una o més etiquetes d’àmbit. D’aquí en surten soles dues coses: els filtres del catàleg i els projectes que apareixen dins de cada àmbit. Publicar una obra nova és omplir la fitxa; no cal tocar cap pàgina.

La part menys vistosa és la que més es nota amb els anys: el vídeo de l’equip no carrega fins que el visitant hi dona el consentiment, el formulari passa per un filtre antibrossa i les fotos dels àmbits se serveixen en diferit. Una web de consultoria no ha de ser espectacular: ha d’estar sempre disponible i no caducar. Quatre anys després continua dreta, amb els mateixos vuit àmbits i més projectes a dins.

Nota de la casa: el peu d’aimsl.com signa «Disseny i programació: estic.online». És una de les nostres marques; l’encàrrec, el disseny i el codi són els mateixos.

Com va anar

01EstructuraVuit àmbits, vuit portes
02DissenyEl carrer com a imatge, no icones
03DesenvolupamentWordPress i arxiu de projectes filtrable
04ContingutEquip, clients i traspàs

Galeria · el projecte en imatges (clica per ampliar)

"Mobilitat activa · Transport · Seguretat viària · Planificació"aimsl.com

Vols un resultat així per al teu projecte?