Irrational Web

Irrational ya tenía web, tráfico y páginas posicionadas en buscadores. También tenía una identidad nueva, hecha unos meses antes, que la web antigua no reflejaba: seguía pareciendo la de cualquier consultora.

El encargo era cambiarlo todo sin romper nada. Llevar la identidad a la web, ordenar los servicios y convertir cada visita en una llamada, pero conservando las direcciones, los títulos y los textos que ya funcionaban.

Y hacerlo de verdad: diseño, textos, animación y montaje en el WordPress del cliente, para que su equipo pueda seguir tocándola el día después.

La web está hecha de láminas. Cada una ocupa la pantalla entera y dice una sola cosa: qué hacemos, cómo trabajamos, con quién, quiénes somos. Los fondos alternan papel, lino, musgo y tinta, los cuatro tonos de la identidad, y marcan el cambio de tema sin necesidad de líneas ni cajas.

El titular siempre tiene dos mitades: la primera en tinta y la segunda en gris. Es el recurso más repetido de la marca y resuelve la jerarquía sin negritas ni tamaños distintos. La fotografía va en bitono cálido, a sangre, y se mueve un poco más despacio que el resto al hacer scroll.

El menú tiene cinco entradas y ninguna sorpresa: Servicios, Método, Casos, Equipo y Contactar. Cada página cuenta su parte con las mismas láminas que la portada y termina en el mismo sitio, la llamada. Las dos páginas de suscripción, que llevan los precios, quedan fuera del menú y se enlazan solo desde el pie: así lo pidió el cliente.

Las páginas que ya estaban posicionadas conservan su dirección, su título, su descripción y el orden de sus encabezados. Los textos que existían se mantienen palabra por palabra; donde el diseño pedía uno nuevo, se entregó marcado como propuesta en un informe para que el cliente lo validase.

Toda la web empuja hacia una sola acción: una llamada gratuita de treinta minutos con Luis. La web antigua mandaba a un enlace externo. Ahora la reserva ocurre dentro, en cuatro pasos: en qué momento está tu marca, qué te preocupa, cómo te encontramos y qué día te va bien.

Las tres primeras preguntas no son un trámite. Lo que respondes viaja con la reserva, así que Luis llega a la llamada sabiendo de qué va. El cuarto paso es su agenda real, con los datos ya rellenos. A la izquierda, un resumen recuerda en todo momento lo que has elegido.

Las láminas se apilan y dejan de medir una pantalla exacta: en el móvil manda el texto, no el encuadre. La cabecera del logotipo tiene su propia versión vertical, grabada aparte, para que los puntos y las curvas no se queden diminutos.

El menú se abre a pantalla completa, con las cinco entradas a tamaño de titular y el logotipo cerrando abajo. La transición entre páginas es la misma que en el escritorio.

El de la identidad, sin añadidos. Cuatro tonos de fondo que nunca son blanco ni negro puros, una sola tipografía de palo para todo lo que se lee y el logotipo con remates como única serif de la casa.

El naranja aparece en un punto: el de la i del logotipo y, a partir de ahí, en los detalles que piden un clic o una mirada. Si hubiera más naranja, dejaría de señalar.

La web está montada en el WordPress que el cliente ya tenía, página a página, sin plantillas de terceros. Cada página es un bloque propio de diseño, y las animaciones no dependen de ninguna librería: son unas pocas líneas de código hechas a medida.

Quien prefiere menos movimiento lo tiene: si el sistema pide reducir animaciones, la web las desactiva y enseña todo de golpe. Las fotos se cargan solo cuando van a verse.