BIG DAY
Landing de un estudio de cuadros de dinero con configurador: la vista previa se renderiza entera en CSS y produce un brief listo para el gestor.
Reto
El estudio hace a mano cuadros de dinero y mesas: un producto que el cliente quiere ver antes de encargar. No hay tarifa pública, así que una calculadora clásica no servía: no hay nada que sumar, pero la pieza sí hay que mostrarla.
Solución
Una página con la anatomía de la pieza capa a capa, seis colecciones y una galería filtrable con lightbox. En el centro, el configurador: formato, moneda, artefactos dentro, marca, fondo e iluminación. La vista previa no es una imagen, sino un render CSS: marco, carbono, grabado, llave del coche, matrícula y unos 170 «billetes» colocados de forma pseudoaleatoria desde una semilla fija, para que cliente y gestor vean lo mismo. En lugar de un precio, el configurador arma un brief: los parámetros se convierten en un mensaje que se copia al portapapeles mientras se abre el chat.
Resultado
Una página de ~2 800 líneas con 53 fotografías de trabajos, desplegada como contenedor propio en un servidor compartido sin tocar los proyectos vecinos ni sus configuraciones.
Stack
Galería
