AIM
Ordenar la movilidad. También en la web.
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.
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
Cerdanyola del Vallès · Ripollet
Pacificación de la N-150
- Cliente
- Àrea Metropolitana de Barcelona
- Año
- 2025
- Estado
- Finalizado
Barcelona
Accesos a las cocheras de Zona Franca
- Cliente
- Transports Metropolitans de Barcelona
- Año
- 2024
- Estado
- Finalizado
El proyecto en cifras
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
Galería · el proyecto en imágenes (clica para ampliar)
Los ámbitos llegan a las piezas.
La misma clasificación aparece en la presentación de especialidades y en el archivo de proyectos. Estas dos vistas originales muestran ese vínculo.
"Mobilitat activa · Transport · Seguretat viària · Planificació"aimsl.com
¿Quieres un resultado así para tu proyecto?




