FIFTY es un estudio ficticio de diseño digital con sedes en Lisboa y Berlín. Construí el concepto en torno a una idea: juzgamos una web en unos cincuenta milisegundos, así que la web de un estudio tiene que decir lo suyo antes de que el visitante lea una sola palabra.

También tenía que ser pequeña. La web de un estudio funciona como tarjeta de visita: quiénes son, qué han hecho, dónde están y cómo empezar un proyecto. El reto era meter todo eso en unas pocas páginas, con movimiento, vídeo y un fondo en vivo, sin que pesaran demasiado.

7 páginas: portada, Work, página de proyecto, Studio, Contact con generador de briefs, aviso legal y una página 404. La portada se abre con un precargador que cuenta de 00 a 50 ms; después llegan un titular manifiesto sobre un fondo WebGL en vivo y una cuadrícula informativa con relojes en directo de los dos estudios, servicios, contacto y disponibilidad. El showreel se abre en un reproductor a pantalla completa.

El índice muestra 8 proyectos en lista, con una vista previa en vídeo que sigue al cursor, o en cuadrícula, con filtros por categoría. Cada página de proyecto tiene un vídeo a pantalla completa, un resumen que se ilumina al hacer scroll, el reto y el enfoque, los resultados y un enlace al siguiente proyecto; la página de contacto arma un brief con servicios, presupuesto, plazos y detalles.

El fondo es un shader WebGL escrito para esta web: ruido fractal con deformación de dominio en tonos de brasa que se inclina hacia el cursor, con una alternativa en CSS. Cada enlace interno barre la página con un panel negro que cuenta hasta 50 ms; los titulares aparecen letra a letra y las imágenes se revelan con clip-path. El resto es HTML, CSS y JavaScript con GSAP, ScrollTrigger y Lenis, y no se envía nada a ningún sitio.

El concepto existe como 7 páginas con 8 proyectos y los relojes de dos estudios. Lighthouse midió la portada el 22 de septiembre de 2026. En móvil, con la limitación por defecto: rendimiento 89, accesibilidad 94, buenas prácticas 77 y SEO 100, con un LCP de 2,7 s y un CLS de 0. En escritorio: rendimiento 100, accesibilidad 94, buenas prácticas 77 y SEO 100, con un LCP de 0,5 s. La página pesa 2,1 MB en 13 solicitudes: las mejores puntuaciones de rendimiento entre las webs conceptuales medidas ese día.

Las comprobaciones sobre las 6 páginas renderizadas en Chrome (sin la 404) encontraron un título único y un solo H1 en cada página, el atributo lang con valor en, un diseño que cabe en 390 px sin scroll horizontal, texto alternativo en el 100 % de las imágenes y 0 enlaces internos rotos. Canonical, Open Graph y datos estructurados están en 0 de 6 páginas, y no hay sitemap.xml ni robots.txt.