Annuaire numérique pour l'éco-construction
Développement d'un annuaire professionnel interactif pour REVA Network, le réseau d'éco-construction de la Vallée de l'Aude. Mission technique centrée sur l'expérience utilisateur.
-
106+
Professionnels
-
<40ms
Filtrage
-
0
Framework
REVA Network nous confie le développement de son annuaire
REVA Network (Réseau Écoconstruction en Vallée de l'Aude) regroupe les professionnels de la construction et rénovation écologique sur les territoires du Limouxin et des Pyrénées Audoises. Ce réseau met en relation les particuliers, les collectivités et les professionnels engagés dans les pratiques de construction durable utilisant des matériaux biosourcés tels que le bois, la pierre, la terre crue ou la paille. Le réseau cartographie et valorise plus de 106 acteurs du territoire comprenant artisans, architectes, organismes de formation et distributeurs de matériaux écologiques.
Le site internet de REVA Network existait déjà mais nécessitait l'ajout d'un annuaire professionnel permettant aux visiteurs de trouver facilement les compétences dont ils ont besoin. Le défi consistait à intégrer cet annuaire dans l'architecture existante du site sans le refondre entièrement. Nous avons développé une fonctionnalité autonome s'intégrant au site actuel. Notre mission se concentrait sur deux composants principaux nécessitant une attention particulière côté expérience utilisateur et performance.
Nous avons développé un système de filtres multicritères permettant de chercher par catégorie professionnelle et par domaine de spécialité. Les 106 professionnels peuvent être filtrés instantanément entre artisans, maîtres d'œuvre, associations ou distributeurs, puis affinés par compétences techniques comme le bois, le chauffage, les énergies renouvelables ou la terre crue. Chaque fiche professionnel s'affiche dans un accordéon qui se déploie pour révéler les coordonnées détaillées et les informations de contact. Cette architecture permet de présenter un grand volume d'informations de manière organisée tout en maintenant une navigation fluide. Le tout a été développé en JavaScript vanilla sans dépendance externe pour garantir légèreté et performance optimale.
-
01
Créer un système de filtrage rapide et intuitif
Nous avons implémenté un système de filtres combinés permettant de croiser catégorie professionnelle et spécialités techniques. Le filtrage s'effectue côté client en JavaScript vanilla pour un affichage instantané des résultats sans rechargement de page. Cette réactivité immédiate améliore considérablement l'expérience de recherche.
-
02
Organiser l'affichage de 106 professionnels
Pour éviter une page surchargée présentant 106 fiches simultanément, nous avons développé un système d'accordéons. Chaque professionnel s'affiche sous forme compacte avec nom et activité. Un clic déploie la fiche complète avec coordonnées détaillées. Cette organisation hiérarchise l'information et facilite le parcours visuel.
-
03
Garantir performance et légèreté sans framework
Le choix du JavaScript vanilla sans bibliothèque externe garantit un poids minimal et un temps de chargement optimal. Cette approche technique évite toute dépendance tierce et assure une maintenance simplifiée. Le code reste léger, performant et compatible avec tous les navigateurs modernes sans surcharge inutile.
Les technologies et outils utilisés
L'annuaire a été développé en JavaScript natif sans framework pour garantir performance maximale et légèreté du code. Cette approche technique permet un filtrage instantané et une navigation fluide sans surcharge. L'absence de dépendances externes assure une maintenance simplifiée et une compatibilité durable.
