Alba Pérez la joya, bajo el foco

El encargo: que la web vendiera como vende el mostrador

Alba Pérez vende plata de ley 925 con punzón, acero y baño de oro en un stand del pasillo central de un centro comercial. Su web vivía en Webflow como un catálogo más: la pieza perdida en el fondo de la foto, el precio escondido y ni rastro de lo que mejor hace la tienda, que es atender. El objetivo tenía dos mitades que casi siempre se estorban: una web a la altura de un premio de diseño y una tienda que no pierda una venta. Y a mitad de camino, una tercera: la portada tenía que vender — menos texto, las joyas delante y el catálogo a un gesto.

Setenta y una reseñas, leídas una a una

La web vieja hablaba de la plata. Las clientas, no: hablan de regalar, de las dependientas y del precio. Leímos la ficha de Google entera y contamos de qué habla la gente cuando le pone nota a la tienda. De ahí salió el orden de la página, y dos hallazgos que no estaban en ninguna parte de la web: la tienda graba con láser, y las dos únicas reseñas malas de 71 son por cambiar una talla.

Cómo se llegó a la portada que vende

Antes del escaparate hubo cinco portadas completas, funcionando. Cuatro se descartaron, y cada una dejó una regla; la quinta, la etiqueta, funcionaba como página de marca, pero la clienta pidió una home para vender. La de ahora cumple todas esas reglas sin excepción. Es la parte del trabajo que no se ve, y la que más pesa en lo que sí se ve.

Dieciocho portadas en vivo para llegar a la etiqueta

La quinta portada se decidió igual que el resto: con todas las opciones en vivo, una al lado de otra, y cambiando una sola cosa cada vez. Cinco ideas, cinco variantes de la ganadora, cuatro pastillas y cuatro etiquetas.

Ninguna foto se toca: solo se decide qué parte se enseña

El archivo de Alba Pérez son 84 fotografías de 720 × 1080 de dos sesiones: unas sobre papel neutro, otras sobre rosa, lila y tierra. En casi todas la joya ocupa una esquina del fotograma: una rejilla hecha con ellas tal cual es una cuadrícula de campos de color con una mota de plata dentro. Retocarlas estaba prohibido, así que un script encuentra la pieza en cada foto y devuelve tres números — el centro y el acercamiento — que se escriben en el HTML. La fotografía llega intacta; lo único que cambia es el marco.

El escaparate, capa a capa

La portada que vende es un muro curvo con las nueve joyas que más se regalan, dibujado a mano en WebGL: ni una librería 3D ni un vídeo. Cada joya es un plano con la misma ventana 2:3 y el mismo encuadre del resto del sitio, y encima van cinco capas que convierten un carrusel en un escaparate. Apágalas una a una: es la forma más rápida de ver qué hace cada una. La fotografía no está en ninguna capa: ninguna la toca.

El único efecto fuerte, donde no hay ninguna foto

La lección de la segunda versión fue que un efecto repartido sobre veinte fotos es papilla. Así que la única pieza con un efecto de verdad está donde no hay ninguna fotografía debajo: tres anillos que no son fotos, sino un degradado cónico de 48 paradas en el que cada parada es la luz en ese ángulo. Al pasar el tiempo, la plata se oscurece, el baño se aclara por el roce y el acero casi no se entera. Ninguno se pone por encima de otro: venden los tres, y cada uno es para una cosa.

Qué hace cada parte, y por qué está ahí

Capturas reales de la web nueva. Al lado de cada una, la decisión y lo que la sostiene por dentro.

En el móvil, que es donde se regala

El regalo se busca con el teléfono en la mano, muchas veces a última hora. En 390 píxeles la joya del escaparate ocupa casi todo el ancho y se arrastra con el dedo, las categorías quedan a un pulgar, y en la ficha el precio y «Añadir a la cesta» se quedan fijos abajo.

Las seis decisiones que sostienen el proyecto

Ninguna es un efecto: cada una traduce algo de la tienda, o de quien compra en ella, a una regla que el código cumple.

Cómo se construyó

Primero leer, después descartar, construir, y volver a la portada cuando la clienta pidió que vendiera. Cada fase cerró algo que condicionaba a la siguiente.

Con qué está hecho