Los detalles que se quedaron
Una web estática, por muy original que sea su diseño, es como una revista en papel: una más. Los detalles le dan personalidad, alma y vida a un proyecto. Pero no cualquier detalle.
El cursor que escribe conmigo
Cada página de esta web abre con un titular que no termina en punto, sino en un cursor azul que aparece cuando el titular termina de subir. Es una especie de easter egg: recuerda que soy desarrollador web. Ese cursor es mi entorno cotidiano, el que va construyendo conmigo el arte del código.
El corte que se enciende
Los botones y las imágenes de proyecto llevan la misma esquina cortada a 45° que el logo. Al pasar el ratón, el corte de un botón se abre y se ilumina en Azur, y la esquina de una imagen se llena del mismo color. No hay más: ni botones que saltan ni tarjetas que flotan.
Lo que dejé fuera
Descarté los movimientos excesivos en los botones al pasar el ratón: eran más de lo mismo que se ve en otras páginas. Tampoco hay tarjetas que se levantan como si flotaran. Creo que estamos saturados de tarjetas y que su tiempo pasó. Quizás vuelvan, porque las modas tienden a regresar.
Mi regla: un detalle tiene que llevar a algún sitio
Un detalle suma cuando provoca una acción o lleva la atención del visitante a un punto de interés. Si es animar por animar, solo distrae. Por eso el Azur se enciende donde hay algo que hacer: un botón, un enlace, un proyecto que abrir.
Y hay dos límites que no negocio. El contenido nunca espera a una animación: el titular se lee desde el primer instante. Y quien tiene activado reducir el movimiento en su dispositivo ve la web quieta, con todo en su sitio.
Mi favorito: el barrido entre páginas
Al pasar de una página a otra, la nueva entra con un barrido mientras la anterior se aparta. Le da al visitante la sensación de una visita fluida, sin cortes bruscos al cambiar de página.
En los sitios de mis clientes
Los detalles también van en los proyectos de mis clientes. En ellos trato de impregnar la personalidad de cada uno: son como los accesorios de un buen outfit.
Otro detalle de esta web, la línea que dice cuánto tardó la página en aparecer, tiene su propio artículo: La web que mide su velocidad.