Interacción 03
Un titular que se lee quitándole los números de encima.
La página de inicio de este sitio, desarmada. La demo de abajo es la versión real con el ancho de un laptop pequeño — el mismo código, el mismo campo, el mismo easter egg.
01 · De dónde salió
Vi un sitio cuyo titular estaba hecho de estrellas. El texto y el fondo estaban construidos con lo mismo, en lugar de ser capas separadas.
Quise explorar esa idea con algo más personal: números. Como llevo años diseñando con números, construí el titular a partir de miles de dígitos dispuestos con la forma de la frase.
02 · Cómo funciona la interacción
El titular empieza oculto tras un campo de números en movimiento. Al mover el puntero por la página, los números se apartan y revelan las palabras que hay debajo.
El efecto está pensado para sentirse como destapar el titular y no como simplemente hacerlo aparecer con un fundido. La interacción también se adapta a los dispositivos táctiles, donde presionar y arrastrar revela el texto.
El resultado es una idea simple: un campo denso de datos se vuelve legible con un pequeño gesto. A tamaño completo es la puerta de entrada.
03 · Accesibilidad
La página respeta las preferencias de movimiento reducido manteniendo el campo quieto y mostrando el titular con claridad desde el principio. Un ajuste de mayor contraste también elimina las capas adicionales que podrían dificultar la lectura del texto.
La interacción es una mejora, no algo que haya que usar para entender la página.
04 · Por qué lo mantengo lúdico
Llevo años escondiendo un easter egg en mis sitios personales, cambiándolo cada vez para que encaje con el sitio. Esta versión usa el código Konami para lanzar el campo hacia afuera y revelar «Contrátame, porfa» en el centro de la página.
Es un chiste pequeño, pero también es parte de cómo pienso la creatividad. Mantenerse lúdico abre espacio a ideas inesperadas, y a veces las partes más memorables de un proyecto nacen de experimentar sin una razón práctica.