El brief
Una marca de cuidado botánico cuyo argumento es la sobriedad: fórmulas cortas, ingredientes legibles, nada que no se pueda nombrar. Un sitio recargado habría contradicho el producto antes de la primera frase.
Solo tres referencias: un sérum, una crema, un aceite. Un catálogo tan breve no se presenta como una tienda: se cuenta.
Las restricciones
- Tres productos. Demasiado pocos para una cuadrícula, demasiados para una página única cada uno.
- Vender sin rebajas. El posicionamiento prohibía la banda roja y la cuenta atrás.
- La primera compra se juega en la confianza, no en la promoción: había que dar a entender qué hay en el frasco.
Las decisiones
El ritual antes que el catálogo.
Los tres productos no están alineados uno junto a otro: se presentan como tres gestos —limpiar, tratar, hidratar—. Quien visita ya no arbitra entre tres artículos rivales, descubre una secuencia en la que cada pieza tiene su lugar. El carrito medio cambia de naturaleza: no se compra un producto, se completa una etapa.
El ingrediente nombrado, no la alegación.
Cada referencia lleva su activo con claridad: vitamina C estabilizada y camelia para el sérum, ácido hialurónico y aloe para la crema, rosa mosqueta y bakuchiol para el aceite. Una sección entera detalla esos activos. Es la traducción directa de la promesa de «fórmulas cortas»: si la fórmula es corta, se puede leer.
Astro en lugar de un framework de aplicación.
El sitio es contenido con un carrito, no una aplicación. Astro no entrega ningún JavaScript en las páginas de contenido y solo lo carga para las islas realmente interactivas: el carrito, el formulario. Una ficha de producto llega, por tanto, en HTML puro: es la decisión que más hace por la velocidad percibida, y es invisible.
El resultado
Un recorrido de compra completo: descubrimiento por el ritual, fichas de producto con activos y precios (38 €, 34 €, 42 €), carrito lateral con total, paso por caja, captación de correo al final de la página. Las opiniones y las preguntas frecuentes cierran las últimas objeciones antes del pago.
Qué haría de otra manera
La prueba social anunciada en la parte alta de la página procede de un contenido de demostración. En un sitio real la desplazaría después de la presentación de los activos: una nota media mostrada antes de que quien visita sepa qué le venden no prueba nada, decora.