Lueur — Landing de cosmética botánica

Contexto

Lueur es una marca de concepto, creada desde cero como proyecto de demostración. El objetivo: salir de mi registro habitual —SaaS, dashboards, interfaces oscuras— para demostrar que también domino el lenguaje del marketing de producto: una marca de cosmética clara, editorial y sensorial.

Objetivos

• Construir una identidad de marca coherente, del logo al packaging, sin partir de una plantilla.
• Demostrar una stack diferente de mi día a día: Astro en lugar de Next.js, para un sitio estático de máximo rendimiento.
• Ir más allá del escaparate: ofrecer un verdadero recorrido de compra, del producto a la confirmación de pedido.

Solución

Una landing page editorial, pensada como una revista de belleza: entradilla en serif de alta costura, paleta porcelana y verde botánico, fotografías de producto cuidadas.

• El ritual — tres cuidados esenciales presentados en tres gestos claros.
• La colección — un flat-lay de la gama y luego cada producto detallado (sérum, crema, aceite).
• El recorrido de compra — un carrito en cajón que se desliza desde la derecha, la gestión de cantidades, un checkout completo y una confirmación de pedido con número. Todo persistente, sin backend.

Stack y rendimiento

• Astro en renderizado estático: ningún framework JavaScript del lado del cliente para la visualización, solo lo justo para el carrito.
• Imágenes optimizadas automáticamente a WebP, en varios tamaños según la pantalla.
• Animaciones al scroll, navegación móvil y atención a la accesibilidad y el contraste.

Un proyecto de demostración, pero construido con las mismas exigencias que un sitio entregado a un cliente: rápido, limpio y pensado hasta el mínimo detalle.