Hilo00

Créer un produit numérique qui redéfinit la consommation d’énergie

Client

Hilo

Services

Expérience numérique
— Stratégie d'expérience
— Design UX et UI
— Prototypage
— Développement web et applicatif
Données et intelligence
Branding et Design
Contenu

Hilo, la nouvelle filiale d’Hydro-Québec, a choisi LG2 pour planifier, concevoir et développer son application mobile et sa plateforme transactionnelle. Un projet aux phases multiples doté d’une vision ambitieuse : réinventer la relation des Québécois à leur énergie.

En travaillant ensemble, nous avons imaginé une maison intelligente nouveau genre où le contrôle de la technologie n’appartient plus seulement aux geeks, mais à tous.

« Hilo prend vie de plusieurs façons, mais c’est surtout par le biais du numérique que la marque se rapproche le plus de ses clients. Appuyé par l’expertise de LG2, on a créé une application mobile et une expérience e-commerce qui accompagnent l’utilisateur à toutes les étapes de son parcours. »

Vanessa Moisan-Willis

Directrice marketing chez Hilo

L’application Hilo : le contrôle à l’utilisateur

Principal point d’interaction entre l’utilisateur et le service, l’application est en quelque sorte sa tour de contrôle. Grâce à elle, il gère ses appareils intelligents, suit ses données d’utilisation et programme des tâches automatisées. Par le biais de notifications et d’interfaces judicieuses, il reçoit des conseils sur sa consommation d’énergie et la réussite de ses défis Hilo (des défis de réduction de consommation d’énergie, élément primordial au succès de la marque).

Pour que chaque client tire le plein potentiel de sa maison intelligente, le caractère accompagnateur de la marque a été placé au centre des réflexions. Tout a été mis en œuvre pour créer une application qui facilite la prise d’action où chaque utilisateur se sent chez soi.

L’illustration au cœur de l’approche UI

Pour faire d’Hilo une maison intelligente réellement accessible à tous, il fallait concevoir une application dans laquelle les gens se reconnaissent. Le choix d’une approche illustrative n’est pas anodin. Contrairement à un traitement photo, elle permet aux utilisateurs de s’identifier et de se projeter dans chacun des éléments visuels.

Hilo06 1
Hilo06 2
Hilo06 3
Hilo06 4
Hilo06 5
Hilo06 6

Des onboardings qui favorisent la compréhension

Pour bien vulgariser l’usage de la technologie, il faut savoir guider ses utilisateurs. On a donc pris le pari d’offrir un accompagnement à l’utilisateur dans les différentes étapes de son parcours. Pour toutes les fonctionnalités clés de l’application, il est donc possible de suivre des tutoriels qui accélèrent et simplifient la prise en charge.

La visualisation de données au service des utilisateurs

L’application Hilo permet aux utilisateurs d’accéder à leurs données de consommation énergétique. Et ça, c’est une mine d’or. Pour faciliter la consultation et la compréhension de ces données, des efforts ont été déployés pour rendre l’affichage interactif. Le but ? Vulgariser la donnée et la mettre en contexte pour qu’elle soit facile et rapide à assimiler.

Récompenses et micro-interactions pour générer de l’engagement

Pour donner vie au système de récompenses d’Hilo - qui remet de l’argent aux participants de ses défis -, l’expérience a été parsemée de micro-interactions. Cela permet de donner une rétroaction positive immédiate à l’utilisateur, afin de s’assurer de sa compréhension et de son engagement.

Sécurité, prototypage et tests

Hilo a développé une infrastructure technologique qui permet à la fois la création de services web avec d’autres systèmes de maison intelligente et le respect des plus hauts standards de sécurité. Pour un travail collaboratif de cette ampleur, il était aussi primordial de tirer profit des technologies qui facilitent le prototypage rapide et le déploiement de tests pour faciliter le contrôle de la qualité.

Cas Hilo Logofarm02 FR

Une expérience e-commerce sur mesure

Pour soutenir la commercialisation, l’expérience en ligne facilite la compréhension et stimule l’adhésion au service de maison intelligente. La flexibilité de la technologie choisie (Episerver) a permis de créer une plateforme de première classe, autant pour son expérience client, que pour sa puissance marketing.

Hilo11

Un site bâti pour grandir

Une approche par phases est fondamentale pour tout projet numérique de cette ampleur. En collaboration avec Yaksa, nous avons choisi Episerver pour sa puissance marketing et ses capacités d’évolution pour accompagner la croissance d’un client comme Hilo. Le site a d’abord eu une fonction informative pour susciter l’engouement autour de la nouvelle marque, puis a évolué pour supporter le recrutement des participants à une phase bêta du service. La plateforme est maintenant complètement transactionnelle et continue d’évoluer.

Hilo13 1
Hilo13 2
Hilo13 3
Cas Hilo Logofarm01 FR

Le storytelling au cœur de la stratégie de marchandisage

Afin de bien vulgariser la profondeur du service, trois ensembles de produits ont été imaginés autour de cas fictifs. Les utilisateurs ont ainsi le loisir de s’inspirer des histoires de Léo, Martina et Daniel pour préciser leurs besoins, estimer leurs gains potentiels et faire leur choix.

Un tunnel de conversion personnalisé

L’adhésion à une solution de maison intelligente est rarement un achat impulsif. Pour répondre à cette réalité, les outils offerts par Episerver et Microsoft Dynamics ont permis de concevoir un site qui s’adapte en fonction du cycle d’achat de ses visiteurs. Que ce soit dans la personnalisation des appels à l’action ou encore des formulaires, le site web propose toujours un tunnel de conversion optimal, et ce, pour chaque utilisateur.

Hilo14
Hilo15 1
Hilo15 2
Hilo15 3

Des plateformes en cohésion grâce au design system

La typographie, les couleurs, les différentes composantes de l’interface : tout a été pensé pour créer un langage de marque évolutif et modulable. Un bon design system permet aux équipes de conception de travailler plus efficacement et de maintenir une harmonie naturelle entre tous les produits numériques.

Une fois créé, ce système est repris par les développeurs chargés de donner vie au site web et à l’application. Cela permet de réduire le temps de contrôle qualité et d’augmenter le rendement durant toutes les phases de développement. Pour l’édition de contenus, le développement des blocs composant le CMS s’est basé sur le système de conception afin de faciliter la création de pages dynamiques, flexibles et fidèles à la marque.

Hilo19

Collaborer pour démocratiser

La collaboration avec le consommateur est un ingrédient clé quand on parle de démocratisation. Tout au long du processus, nous avons conduit une série de tests utilisateurs pour nous assurer de la performance et de la pertinence des expériences numériques développées.

La collaboration étroite avec les équipes d’Hilo a aussi été cruciale à la réussite du mandat, et ce, de la stratégie à la conception, en passant par le développement. Le talent des stratèges, chargés de projets, experts UX, designers, architectes de solution, développeurs, ingénieurs et analystes a été mis à contribution. Dans les coulisses de la création d’Hilo, c’est une seule grande équipe aux expertises multiples qui a travaillé pour augmenter la synergie et l’efficacité du produit.

Client

Hilo est une filiale d’Hydro-Québec dont la mission est de développer des produits et services innovants à valeur ajoutée pour les clients, contribuant à inscrire Hydro-Québec comme un acteur majeur des nouveaux services énergétiques. En plus de la maison intelligente, Hilo offrira bientôt des services aux entreprises pour les aider à réduire les coûts liés à la consommation d’énergie et les émissions de GES. D’autres produits et services s’ajouteront de manière évolutive, notamment dans les secteurs de la mobilité électrique, du stockage intelligent et de l’autoproduction solaire.

Les commandes en ligne peuvent être effectuées dès aujourd’hui au hiloenergie.com.