Portada de miriamgonzalez.es tal y como se ve hoy. Captura propia del 3 de septiembre de 2026.
El punto de partida
Qué nos encontramos.
El contenido ya lo tenía y era mucho: 44 vídeos de portfolio, tres packs, decenas de marcas, reseñas y su parte legal. El encargo era rehacer el diseño entero sin quitar ni añadir nada, y sin mover el gigabyte largo de vídeos que ya vivía en su alojamiento.
En móvil, que es por donde entra casi todo el mundo.
Lo que hicimos
Punto por punto.
Una sola página estática generada por un script propio: cualquier cambio se vuelve a generar, nunca se toca el HTML a mano.
Contenido íntegro de su web anterior: los 44 vídeos del portfolio con filtros, los packs, el proceso paso a paso, la marquesina de marcas, el «sobre mí», las reseñas, el contacto y el aviso legal completo.
Dirección de arte con su propia paleta y sus propias tipografías: el granate como color dominante, con crema y azul encima; Anton en titulares, Fraunces en el cuerpo y Alex Brush en las firmas.
Los vídeos se sirven desde su propio alojamiento y las miniaturas se generan aparte con ffmpeg, así no hubo que mover 1,1 GB de sitio.
Portada en WebP con srcset: la imagen del hero pasó de 408 KB a 98 KB, y la página de 1.035 KB a 725 KB en escritorio y 458 KB en móvil.
Auditoría responsive a 360, 390, 430 y 768 px sin desbordes, con los botones a 44 px y el CTA dentro del menú móvil.
Animaciones por todas partes —blobs, marquesinas, parallax, subrayados que se dibujan— y todas apagadas si el navegador pide menos movimiento.
Entregada en un zip con guía de subida para que la publicara ella en su alojamiento, que no es el nuestro.
Con qué está hecha
HTML / CSS / JS estático
Generador propio en Python
ffmpeg para las miniaturas
Alojamiento de la clienta
Sin porcentajes ni gráficas de visitas: no publicamos números que no podamos enseñar.
Lo que sí puedes hacer es
abrir miriamgonzalez.es y juzgar tú.
