Conception et développement web

Figura Charme - Equipamentos de Estética Avançada

Site catalogue d'équipements d'esthétique avancée, connecté en temps réel à Firebase Firestore. Navigation par catégories (épilation définitive, soins du corps, soins du visage, Head Spa), recherche par caractéristiques et demandes directes de location ou d'achat. Le site comprend également des pages dédiées aux formations professionnelles et aux services d'assistance technique.

Développé avec React 19, TypeScript et Tailwind CSS, autour d'une palette de marque violette sur mesure (#ae779f), d'animations fluides Framer Motion et d'un système de demande en fenêtre modale pré-remplie avec l'équipement concerné. Design responsive mobile-first, avec Firebase Firestore pour la gestion du matériel en temps réel.

Date de réalisation : août 2026
Voir le site en ligne
Détails du projet

Vue d'ensemble

Secteur

Beauté et bien-être / Équipements esthétiques

Périmètre

Conception et développement complets du site, avec un catalogue d'équipements connecté à Firebase, des pages de formations, des informations sur l'assistance technique et un système de contact avec fenêtres de demande

Durée

3 semaines, du design initial à la mise en ligne

La problématique

Le défi

Figura Charme avait besoin d'un site moderne et professionnel pour présenter sa large gamme d'équipements et de services d'esthétique avancée. L'entreprise recherchait un catalogue dynamique, facile à mettre à jour sans complexité technique côté serveur, ainsi qu'un parcours de demande simplifié pour la location et l'achat de matériel. Le site devait s'adresser à plusieurs publics — acheteurs potentiels, participants aux formations et clients du service technique — tout en conservant une image de marque premium, à la hauteur de la qualité de ses équipements professionnels.

Notre approche

La solution

Nous avons développé une application React monopage complète, connectée à Firebase Firestore pour la gestion en temps réel des données produits. Nous avons mis en place un système de filtrage par catégorie intuitif, doublé d'une recherche instantanée, qui permet aux visiteurs de trouver rapidement un équipement par nom, catégorie ou caractéristique. Le système de demande en fenêtre modale pré-remplit intelligemment les informations du matériel selon l'action de l'utilisateur (location ou achat), ce qui simplifie la prise de contact. Le design décline la couleur violette emblématique de la marque (#ae779f) sur l'ensemble du site, avec des animations Framer Motion fluides et une approche mobile-first qui garantit une excellente expérience sur tous les appareils.

Ce qui est inclus

Fonctionnalités clés

Design responsive mobile-first
Intégration Firebase Firestore
Catalogue d'équipements dynamique
Filtrage par catégorie et recherche
Système de demande en fenêtre modale
Animations fluides avec Framer Motion
Intégration Google Maps
Architecture SPA multipage
Performance

Résultats

95+/100
Score de performance
Une stack moderne, avec l'optimisation du build Vite et les gains de performance de React 19
100%
Responsive mobile
Une approche mobile-first qui garantit un rendu parfait sur toutes les tailles d'écran
< 2s
Temps de chargement
Build Vite optimisé, avec découpage du code et chargement différé
~2,300 lines
Qualité du code
Mode strict, base de code entièrement typée, sans aucun any implicite
Technologie

Technologies utilisées

React 19
TypeScript 6
Vite 8
Tailwind CSS 3
Firebase Firestore
React Router DOM 7
Framer Motion 12
Lucide React
Se lancer

Prêt à lancer votre projet ?

Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.

Figura Charme - Equipamentos de Estética Avançada | Portfolio | low-key solutions