01 · En producción
Douceur Cosmetics
Landing page para una marca de cosmética natural, con carrito de compras y enfoque mobile first.
- React
- TypeScript
- Tailwind CSS
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.