Proyectos · Caso

AIM

Ordenar la movilidad. También en la web.

Diseño webIdentidad digitalWordPress 2022
Black and White Minimalist Desktop Mockup Instagram Post
aimsl.com · consultoría de movilidad · Barcelona

El encargo

AIM lleva más de veinte años ayudando a que Cataluña se mueva mejor: peatones, bicicletas, transporte colectivo, vehículo privado y aparcamiento, mercancías, seguridad viaria, planificación y Big Data. Sus clientes son ayuntamientos, diputaciones, la Generalitat, el área metropolitana, operadores de transporte. Gente que no compra por impulso.

Nos encargaron el diseño, la web y la programación desde cero. Con una condición que ordenaba todo lo demás: un técnico municipal tenía que llegar a su tema —el suyo, el concreto— sin leerse la web entera.

Qué hicimos

Empezamos por las fotos. Una consultora de movilidad se explica con la calle, no con iconos. La portada abre con fotografía real a sangre —un carril bici, una avenida metropolitana— y encima cuatro palabras: mobilitat activa, transport, seguretat viària, planificació. El índice del negocio, y lo primero que se ve.

Ordenamos el trabajo en ocho ámbitos de actuación, cada uno con su tarjeta fotográfica y su página propia: peatones, bicicletas y VMP, transporte colectivo, vehículo privado y aparcamiento, mercancías y logística, seguridad viaria, planificación de la movilidad, Big Data y Smart Cities. Ocho puertas, y el técnico entra por la suya.

El catálogo de proyectos lo programamos como un archivo filtrable. Cada obra lleva ficha con tres campos fijos —cliente, año, estado— y las etiquetas de los ámbitos que toca, así que un proyecto puede aparecer a la vez en seguridad viaria y en transporte colectivo. Las miniaturas no son renders bonitos: son los planos.

Y rematamos con lo que cierra un encargo público: la página de equipo, con la titulación de cada técnico; el carrusel de clientes; y un pie de contacto en tres bloques: formulario, teléfono con horario y dirección. Todo en catalán, el idioma en el que se firman sus contratos.

La decisión de diseño

Del ámbito al proyecto.

Una consultora técnica no vende servicios: vende criterio sobre un tema concreto. La clave fue convertir los ámbitos de actuación en la estructura de la web, y no en una lista dentro de «Servicios». Quien entra buscando carril bici llega en un clic; quien entra buscando Big Data, también.

AIM · arquitectura del contenido

Un proyecto. Más de una puerta de entrada.

Una actuación puede combinar bicicleta, transporte público y peatones. El archivo permite encontrarla por esos ámbitos y llegar a una ficha común: cliente, año y estado.

01 / Ámbitos de actuación

  • PeatonesA
  • Bicicletas y VMPA
  • Transporte colectivoAB
  • Vehículo privado y aparcamiento
  • Mercancías y logística
  • Seguridad vialB
  • Planificación de la movilidad
  • Big Data y Smart Cities

A y B señalan los ámbitos de cada ejemplo.

02 / Dos ejemplos del archivo

A

Cerdanyola del Vallès · Ripollet

Pacificación de la N-150

  • Peatones
  • Bicicletas y VMP
  • Transporte colectivo
Cliente
Àrea Metropolitana de Barcelona
Año
2025
Estado
Finalizado
Ver ficha original
B

Barcelona

Accesos a las cocheras de Zona Franca

  • Transporte colectivo
  • Seguridad vial
Cliente
Transports Metropolitans de Barcelona
Año
2024
Estado
Finalizado
Ver ficha original

El ámbito orienta. La ficha concreta.

Lectura editorial de la web de AIM. Ejemplos y clasificación consultados el 24/09/2026.

El proyecto en cifras

8
ámbitos de actuación, cada uno con su página
10
proyectos en el catálogo, filtrables por ámbito
9
personas en la página de equipo
28
logotipos en el carrusel de clientes
3
datos fijos en cada ficha: cliente, año, estado
1
idioma: el catalán, el de sus contratos

Cómo está hecho

El archivo de proyectos es un tipo de contenido propio, no una galería: cada obra es una ficha con tres campos fijos (cliente, año, estado) y una o varias etiquetas de ámbito. De ahí salen solas dos cosas: los filtros del catálogo y los proyectos que aparecen dentro de cada ámbito. Publicar una obra nueva es rellenar la ficha; no hay que tocar ninguna página.

La parte menos vistosa es la que más se nota con los años: el vídeo del equipo no carga hasta que el visitante da su consentimiento, el formulario pasa por un filtro antispam y las fotos de los ámbitos se sirven en diferido. Una web de consultoría no tiene que ser espectacular: tiene que estar siempre disponible y no caducar. Cuatro años después sigue en pie, con los mismos ocho ámbitos y más proyectos dentro.

Nota de la casa: el pie de aimsl.com firma «Disseny i programació: estic.online». Es una de nuestras marcas; el encargo, el diseño y el código son los mismos.

Cómo fue

01EstructuraOcho ámbitos, ocho puertas
02DiseñoLa calle como imagen, no iconos
03DesarrolloWordPress y archivo de proyectos filtrable
04ContenidoEquipo, clientes y traspaso

Galería · el proyecto en imágenes (clica para ampliar)

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

¿Quieres un resultado así para tu proyecto?