Application web

Francéclat Application Web

Application web de cartographie interactive pour valoriser les savoir-faire d'exception français en bijouterie, joaillerie, horlogerie et arts de la table.

Client

Francéclat

Secteur

Institutionnel / Artisanat d'art

Année

2025

Projet Francéclat - Francéclat

Le projet

Francéclat est le comité professionnel de développement de l'horlogerie, de la bijouterie, de la joaillerie, de l'orfèvrerie et des arts de la table en France. L'organisme accompagne plus de 10 000 entreprises du secteur et avait besoin d'un outil digital pour cartographier et valoriser les savoir-faire d'exception français auprès des prescripteurs, acheteurs et institutions. Nous avons conçu et développé une application web sur mesure en collaboration avec l'agence Pixels.

Une cartographie interactive pour valoriser les savoir-faire français

Le cœur de l'application est une carte interactive qui permet de localiser et découvrir les ateliers et maisons d'exception des secteurs bijouterie, joaillerie, horlogerie, orfèvrerie et arts de la table. L'interface repose sur un système de filtres avancés : métier, techniques utilisées, matériaux travaillés, labels de qualité, zone géographique et taille d'entreprise. L'utilisateur peut naviguer visuellement sur la carte, zoomer sur des clusters d'artisans regroupés par proximité, et ouvrir une fiche détaillée pour chaque entreprise.

Chaque fiche artisan présente le savoir-faire de l'entreprise, ses photos de réalisations, ses coordonnées, ses certifications et ses spécialités. La cartographie va au-delà du simple affichage de points sur une carte : elle intègre une recherche full-text performante, des suggestions géolocalisées basées sur la position de l'utilisateur, et des parcours thématiques qui permettent de découvrir des artisans par spécialité — par exemple « ateliers qui travaillent l'or », « fabricants de services de table en porcelaine » ou « joailliers labellisés EPV ».

Performance et expérience utilisateur

Le rendu de l'application est entièrement responsive, pensé pour être consulté aussi bien sur mobile (lors de déplacements professionnels, salons) que sur desktop. Les temps de chargement ont été optimisés grâce à un système de lazy loading des marqueurs cartographiques, un clustering dynamique qui regroupe les points selon le niveau de zoom, et une mise en cache intelligente des données géospatiales. L'application supporte ainsi plusieurs milliers de fiches sans dégradation des performances.

L'interface utilisateur a été conçue pour être intuitive et accessible : filtres combinables avec compteur de résultats en temps réel, vue liste alternative à la vue carte, tri par pertinence ou distance, et fiches artisan consultables sans rechargement de page grâce à un système de panneaux latéraux dynamiques.

Un back-office complet pour la gestion des données

Côté administration, nous avons livré un back-office complet permettant à l'équipe Francéclat de gérer l'ensemble de la base de données en autonomie. Les fonctionnalités incluent : ajout et modification des fiches entreprises avec éditeur riche, modération avant publication pour garantir la qualité des données, gestion des filtres et catégories, et import en masse via CSV pour intégrer rapidement des lots de nouvelles entreprises.

Le back-office propose trois niveaux de rôles utilisateurs — éditeur, modérateur et super-administrateur — chacun avec des permissions granulaires. Un journal d'activité enregistre toutes les modifications pour assurer la traçabilité, et des exports CSV/JSON permettent d'extraire les données pour des analyses ou des intégrations externes.

Architecture technique pérenne

Sur le plan technique, l'application repose sur React pour le front-end et PHP pour l'API back-end, avec une base de données relationnelle enrichie de fonctionnalités géospatiales (PostGIS) pour le géocodage et le clustering cartographique. L'API expose les données en REST, permettant au front-end de consommer les fiches artisan de manière performante avec pagination et cache.

La base de données a été conçue pour durer : indexation optimisée sur les champs de recherche et de géolocalisation, gestion des versions des fiches (historique des modifications), sauvegardes automatisées quotidiennes et procédures de restauration testées. Des tests unitaires couvrent les fonctionnalités critiques (recherche, filtres, import CSV, géocodage) pour garantir la fiabilité lors des mises à jour.

Sécurité et gouvernance

En tant qu'organisme public, Francéclat exige un niveau de sécurité élevé. Nous avons intégré l'authentification sécurisée avec gestion de sessions, le chiffrement des données sensibles, la conformité RGPD (consentement, droit de suppression, politique de confidentialité) et des headers de sécurité renforcés. Les sauvegardes automatisées et les procédures de restauration garantissent la continuité de service, tandis que les mises à jour de sécurité sont planifiées et suivies.

En résumé : une application web sur mesure pensée pour magnifier les artisans d'exception français, faciliter leur découverte par les prescripteurs et acheteurs, et construire une base de données fiable et maintenable dans le temps — un projet « made in KB-COM », au service du patrimoine et du savoir-faire français.

Projet réalisé en collaboration avec l'agence Pixels.

Résultats clés

Plus de 10 000 fiches artisan intégrées et consultables
Temps de réponse inférieur à 2 secondes avec filtres combinés
Clustering cartographique fluide sur 10 000+ points
Import CSV en masse fonctionnel (lots de 500+ fiches)
3 niveaux de rôles utilisateurs avec traçabilité complète
Application responsive consultable sur mobile en salon professionnel
Conformité RGPD et sécurité niveau institutionnel

Technologies

ReactPHPPostgreSQLPostGISREST APICSS

Services

Application webCartographieReactBack-officeSavoir-faireInstitutionnel
Francéclat Application Web - Réalisation | KBCOM