Saltar al contenido

01 · En producción

Douceur Cosmetics

Landing page para una marca de cosmética natural, con carrito de compras y enfoque mobile first.

LIVE_INTERFACE PRODUCTION_CAPTURE
Vista principal del sitio Douceur Cosmetics

Contexto

Douceur Cosmetics es una landing publicada para una marca de cosmética natural. El proyecto se planteó como una experiencia de compra clara en móvil, desde la presentación de la propuesta de valor hasta la selección de productos en el carrito.

Objetivo

Construir una interfaz mobile first que mantuviera una identidad visual cuidada, una navegación directa y un carrito comprensible sin sacrificar rendimiento ni accesibilidad.

Decisiones verificables

  • React para estructurar la experiencia interactiva y el estado del carrito.
  • TypeScript para mantener contratos explícitos en los datos y componentes.
  • Tailwind CSS para construir una interfaz responsive con una escala visual consistente.

Este resumen evita atribuir métricas de negocio o restricciones del cliente que no están documentadas públicamente.

Resultado

La medición móvil reportada para la versión publicada fue 100 en rendimiento, 91 en accesibilidad, 100 en buenas prácticas y 92 en SEO. Estas cifras representan una captura técnica puntual y pueden variar entre ejecuciones.

Qué haría distinto

Documentaría desde el inicio las condiciones de la medición y los objetivos del proyecto con evidencia comparable antes/después. Eso permitiría explicar el impacto con más precisión que una captura aislada de Lighthouse.