Figura Charme - Equipamentos de Estética Avançada
Web de catálogo de equipamiento de estética avanzada con integración en tiempo real con Firebase Firestore. Permite navegar por categorías (depilación permanente, tratamientos corporales, tratamientos faciales y Head Spa), buscar por especificaciones y enviar consultas directas de alquiler o compra. Incluye páginas dedicadas a los cursos de formación profesional y a los servicios de asistencia técnica.
Creada con React 19, TypeScript y Tailwind CSS, con una paleta de marca en morado (#ae779f), animaciones fluidas de Framer Motion y un sistema de consultas mediante ventanas modales que rellena automáticamente los datos del equipo. Diseño responsive mobile-first con Firebase Firestore para gestionar el catálogo en tiempo real.
Resumen
Sector
Belleza y Bienestar / Equipamiento Estético
Alcance
Diseño y desarrollo web completo con catálogo de equipos integrado con Firebase, páginas de cursos de formación, información de asistencia técnica y sistema de contacto con ventanas modales de consulta
Plazo
3 semanas desde el diseño inicial hasta el lanzamiento
El Reto
Figura Charme necesitaba una web moderna y profesional para mostrar su amplia gama de equipos y servicios de estética avanzada. Necesitaba un sistema de catálogo dinámico fácil de actualizar sin la complejidad de un backend, junto con procesos de consulta simplificados para el alquiler y la compra de equipos. La web debía servir a varios públicos (posibles compradores de equipos, alumnos de los cursos de formación y clientes del servicio técnico) manteniendo una imagen de marca premium acorde con la calidad de su equipamiento profesional.
La Solución
Desarrollamos una completa aplicación de una sola página basada en React con integración de Firebase Firestore para gestionar los datos de los equipos en tiempo real. Implementamos un sistema intuitivo de filtrado por categorías con búsqueda en vivo, que permite a los visitantes encontrar rápidamente un equipo por nombre, categoría o especificaciones. Creamos un sistema de consultas mediante ventanas modales que rellena de forma inteligente la información del equipo según la acción del usuario (alquilar o comprar), simplificando el proceso de contacto. El diseño utiliza el morado característico de la marca (#ae779f) en toda la web, con animaciones fluidas de Framer Motion y un enfoque mobile-first que garantiza una experiencia excelente en cualquier dispositivo.
Características Clave
Resultados
Stack Tecnológico
¿Listo para Empezar Tu Proyecto?
Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.