READY GO — Un sitio de agencia donde el titular es el showreel
READY GO es una agencia digital. Su sitio tenía que demostrar amplitud creativa en los primeros tres segundos, así que el titular es la demostración: una frase fija cuya última palabra no para de cambiar.
El reto
Todos los sitios de agencia dicen tener amplitud y todos lo dicen en un párrafo. La prueba tiene que ser la pieza, no el texto, pero una página de inicio igual debe decir con claridad a qué se dedica la empresa o se convierte en un portafolio que nadie sabe clasificar.
El enfoque
El titular enuncia el hecho —una agencia digital— y después rota su última palabra por los servicios que ofrece: producción, estrategia, merchandising, creatividad. La afirmación y la demostración ocupan la misma frase, y las imágenes de los proyectos se dispersan alrededor en lugar de formar una grilla debajo.
Un titular que actúa
«Somos una agencia digital. Nos buscan por —» y ahí la última palabra cambia. Cada variante está dibujada como letras a medida en lugar de compuesta con una fuente, así que cada estado de la frase es una pieza tipográfica propia.
Responde la pregunta de clasificación en la primera línea y demuestra amplitud en la segunda, sin una sola frase de autodescripción.
Las letras dibujadas como identidad
Las palabras grandes son trazos vectoriales, no tipografía compuesta. Eso es lo que le da a cada rotación su peso y su deformación propios, y por eso el titular se lee como un objeto diseñado y no como un efecto de animación aplicado a un texto.
El costo es deliberado y conviene decirlo: como esas palabras son contornos, son imágenes y no texto seleccionable, así que el texto que las rodea carga el significado para todo lo que lea la página de forma automática.
Obra dispersa, no en grilla
Las imágenes de los proyectos flotan en los bordes del titular, en tamaños y rotaciones distintos, y van cambiando a medida que cambia la frase. Una grilla convencional habría dicho «plantilla de agencia»; la dispersión dice que la composición se hizo para este contenido.
Contención en todo lo demás
La navegación son tres enlaces simples. No hay video de portada, ni indicador de scroll, ni teatro de consentimiento de cookies compitiendo con el titular. Todo lo que el sitio tiene para gastar lo gasta en un solo lugar.
Desarrollo
Next.js detrás de nginx. El titular rotativo precarga el dibujo de la palabra siguiente para que el cambio nunca caiga en un cuadro vacío.
Qué entregamos
- Titular rotativo con letras dibujadas a medida para cada variante
- Imágenes de proyectos dispersas que cambian junto con el titular
- Navegación de tres enlaces, sin elementos que compitan con la portada
- Build en Next.js y Tailwind CSS sobre un servidor Node.js propio
Preguntas frecuentes
Porque una agencia tiene que demostrar amplitud en lugar de afirmarla. Rotar la última palabra de una frase fija dice a qué se dedica la empresa y muestra el trabajo en la misma línea.
Cada variante está dibujada para tener su propio peso y su propia deformación. El costo es que esas palabras son imágenes y no texto seleccionable, así que el texto que las rodea carga el significado para la lectura automática.
Con Next.js y React más Tailwind CSS, sobre un servidor Node.js propio.
Por dentro del sitio
«Queríamos que el sitio mismo mostrara lo que puede hacer nuestra agencia, y Sakura clavó esa idea. La tipografía en movimiento y la composición le dan mucha personalidad sin volverlo confuso.»