FETRANSPER
Una empresa de transporte de residuos con cuarenta años a la espalda y una web que la hacía parecer una startup que no conocía nadie. Esta es la reconstrucción.
La web de verdad, funcionando dentro de esta página. Haz un clic y ya puedes bajar y navegar por ella.
El problema
FetransPer mueve residuo industrial por Madrid y Castilla-La Mancha. Flota propia desde 1996, dentro de un grupo que lleva en esto desde 1986, con clientes como Urbaser, Pladur o Smurfit Kappa. Nada de eso se entendía en su web antigua, que parecía una plantilla que alguien rellenó una vez y no volvió a abrir.
El encargo que me puse a mí mismo era simple: que cualquiera que entre entienda en cinco segundos qué mueve la empresa, dónde y con qué. Y que el equipo pudiera seguir editándolo después, así que la rehice en WordPress en lugar de entregar algo que solo pudiera tocar yo.
Dibujar la flota en lugar de fotografiarla
Las fotos de stock de camiones parecen fotos de stock de camiones. Las que tenía el cliente eran dispares y no pegaban unas con otras, así que las descarté todas y dibujé la flota en plano y en vectorial: ocho tipos de camión y quince formatos de contenedor, todos con la misma línea y la misma paleta.
Eso resolvió dos cosas a la vez. Las páginas de servicio por fin parecen de la misma empresa, y un cliente que está decidiendo si necesita un contenedor de 10 metros cúbicos o un bidón de 200 litros ahora ve la diferencia en lugar de tener que leerla.
Ordenar la home como la gente la lee de verdad
La primera versión abría con tres bloques de credenciales antes de decir a qué se dedica la empresa: certificaciones, años de actividad, estructura del grupo. Todo cierto y todo prematuro.
Así que lo reordené: qué hacen, con qué flota lo hacen, cómo funciona el proceso, para quién trabajan y, solo después de eso, las pruebas. Las credenciales funcionan cuando alguien ya quiere creerte.
Verde, y un solo verde
La marca había derivado en tres o cuatro verdes más un turquesa que no venía de ningún sitio. Elegí uno, lo saqué de su propio logo, y dejé un lima de acento solo donde algo tenía que destacar de verdad. Cada servicio tiene su portada animada con su propio motivo, así el sitio tiene vida sin un solo vídeo en reproducción automática.
El móvil, que es donde se lee casi todo
La mitad de su tráfico es alguien de pie en una nave. La versión móvil se hizo con el mismo cuidado que la de escritorio, hasta los estados hover, que en pantalla táctil dejaban una sombra pegada a lo último que habías tocado.