Home Energy Adventure

Touchstone Energy Cooperatives est une fédération de plus de 750 coopératives d’électricité locales réparties dans 46 États, desservant plus de 30 millions de membres-propriétaires. En tant que marque nationale, elle fournit des ressources, des communications et des programmes qui aident ses coopératives membres à approfondir l’engagement auprès des consommateurs et à promouvoir l’efficacité énergétique. L’un de leurs programmes phares de sensibilisation des consommateurs est Home Energy Adventure : une expérience éducative interactive conçue pour aider les utilisateurs à évaluer l’efficacité énergétique de leur maison et à découvrir comment améliorer leur empreinte environnementale et leurs économies.

Étendue et objectifs du projet

Ce projet était centré sur l’automatisation des flux de travail d’évaluation énergétique pour les coopératives et les administrateurs, en leur permettant de téléverser les données de questionnaires via de simples feuilles de calcul CSV/Excel. Le système a été conçu pour analyser et transformer automatiquement ces données au sein de WordPress, les structurant en types de contenu et en questions-réponses. Ce contenu structuré alimentait ensuite une expérience interactive et multi-étapes qui guidait les utilisateurs finaux à travers une série de questions sur la consommation énergétique de leur maison. La valeur fondamentale de l’outil était de calculer une cote d’efficacité énergétique basée sur ces entrées, présentant aux utilisateurs des conseils personnalisés et servant de ressource éducative pour la conservation d’énergie. Il est à noter que ce projet a été développé en 2017, où nous étions des précurseurs fiers d’utiliser Redux pour la gestion d’état dans React, démontrant comment coordonner de manière fiable l’état utilisateur multi-étapes, les flux conditionnels et les interactions basées sur des données.

Architecture technique et implémentation

L’application a été développée en utilisant une architecture hybride, comprenant une interface React + Redux dédiée pour une expérience utilisateur compilée et multi-étapes, soutenue par un plugin WordPress sur mesure. Ce plugin a été conçu pour analyser automatiquement les questionnaires CSV/Excel téléversés, interprétant l’ensemble du schéma (questions, règles de notation, etc.) et le transformant en types de contenu structuré et en champs méta, avec une interface d’administration disponible dans WordPress pour modifier ou outrepasser la logique de base. Redux gérait la logique d’état complexe, conservant les réponses de l’utilisateur, dérivant les résultats intermédiaires, exécutant la logique conditionnelle et calculant le score d’efficacité énergétique final via des modules intégrés qui pondéraient les réponses et mappaient les seuils aux recommandations. L’interface utilisateur était intentionnellement guidée et progressive, comportant un suivi clair de la progression, une aide contextuelle, un retour visuel et des commentaires sur le score, avec une attention portée aux cas limites tels que les utilisateurs sautant des questions, revenant en arrière pour changer des réponses, et assurant le recalcul précis de toutes les implications en aval.

Résultats clés

Ce projet a permis aux coopératives Touchstone Energy de fournir un outil d’éducation aux consommateurs qui s’adapte de manière flexible à différents ensembles de questionnaires. Il a également servi de démonstration d’une architecture avancée pour son époque (2017), tirant parti de Redux pour la gestion d’état déclarative dans React afin de prendre en charge de manière fiable des formulaires conditionnels et multi-étapes à grande échelle. Cette architecture a prouvé avec succès comment les applications axées sur le contenu peuvent être alimentées par une intégration hybride CMS + découplée/plugin, ce qui améliore considérablement la flexibilité pour les mises à jour de contenu, la personnalisation et l’expansion future de la plateforme.