Half moon
Passer les menus de navigation
Logo Acorn

Groupe Atlantic

 Refondre l’application Cozytouch pour 5 marques, 10 langues et des milliers d’utilisateurs

Le Groupe Atlantic propose partout dans le monde une large gamme de produits et services couvrant tous les besoins en confort thermique : chauffage, climatisation, ventilation, pompe à chaleur, ballon d’eau chaude, sèche-serviette.

En 2016, le groupe accélère sur la domotique et décide de refondre Cozytouch, son application mobile qui permet de piloter à distance ses équipements connectés.

Le défi ? L’application doit fonctionner pour 5 marques différentes (dont Sauter, Thermor et Atlantic), être déployée dans 10 langues, et rester simple à utiliser pour des utilisateurs qui, eux, ne connaissent pas la complexité qui se cache derrière.

Concept Image est missionné pour repenser les parcours utilisateur, l’ergonomie (UX) et le design (UI). Un partenaire spécialisé prend en charge le développement iOS et Android.

Repartir du besoin utilisateur

Une refonte, ce n’est pas juste un changement des couleurs et de style graphique.  C’est une réelle opportunité de se confronter à ce que les utilisateurs font vraiment  et à ce qu’ils voudraient faire.

Avant de toucher au moindre écran, nous avons compilé les remontées terrain :

  • Analyse des avis clients sur les stores : les commentaires d’utilisateurs sont une mine d’or brute.
  • Échanges avec le service client du Groupe Atlantic : ces équipes sont en contact direct avec les problèmes réels, les blocages, incompréhensions, demandes récurrentes.
  • Sessions de brainstorming chez Concept Image : pour imaginer des fonctionnalités nouvelles
  • Ateliers avec les équipes marketing, produit et connectivité d’Atlantic : pour centraliser les idées internes et s’assurer que rien d’essentiel ne passe à la trappe.

 

Résultat : une liste exhaustive de fonctionnalités possibles. Enthousiasmante sur le papier. Irréaliste face à un budget et un planning réels. Il faut prioriser. Mais comment choisir sans se tromper ?

L'atelier "Buy a Feature" : prioriser avec les utilisateurs

Qu’est-ce que le « Buy a Feature » ?

Le « Buy a Feature » est une méthode de priorisation participative. On attribue un coût fictif à chaque fonctionnalité (en fonction de sa complexité de réalisation), puis on donne aux participants un budget limité sous forme de billets de Monopoly. À eux de choisir ce qu’ils « achètent ».

Le principe force de vrais arbitrages : on ne peut pas tout avoir. Et c’est précisément là que ça devient intéressant.

 

Comment nous l’avons appliqué chez Atlantic

Nous avons d’abord soumis la liste complète de fonctionnalités aux équipes du Groupe Atlantic pour évaluer leur difficulté de réalisation et fixer un « prix » pour chacune. Puis nous avons organisé plusieurs ateliers avec des utilisateurs réels de l’application.

Munis de leurs billets de Monopoly et d’un budget limité, les participants devaient acheter les fonctionnalités qui les intéressaient le plus. Ce qui comptait autant que leurs choix ? Les conversations autour de ces choix : pourquoi tel utilisateur dépense son dernier billet sur une programmation horaire plutôt que sur des alertes ? Pourquoi tel autre abandonne une fonctionnalité qu’on pensait indispensable ?

Ces ateliers ont permis de construire un périmètre fonctionnel fondé sur des besoins réels, et non sur des hypothèses internes.

Atomic design : construire une cohérence visuelle qui résiste aux évolutions

 Le défi UX/UI d’une application multimarque

Une fois le périmètre fonctionnel arrêté, le travail de design peut commencer.

Sur Cozytouch, la complexité est double :

  • Les écrans sont denses, avec des éléments très variés : information, alertes, actions utilisateur (programmation, démarrage ou mise en pause d’un équipement…)
  • Il faut une direction artistique cohérente pour Cozytouch et une déclinaison pour chaque marque (version rouge Thermor, version verte Atlantic, version violette Sauter…)

L’enjeu : que chaque marque soit reconnaissable, sans repartir de zéro à chaque déclinaison.

Comment fonctionne l’atomic design sur ce projet

L’atomic design consiste à décomposer une interface en composants élémentaires (bouton, titre, notification, jauge, indicateur lumineux) puis à les organiser en système. Comme des briques modulaires qu’on assemble, décline et fait évoluer sans tout reconstruire.

Sur Cozytouch, cette approche a permis :

  • D’assurer la cohérence visuelle au sein d’une application complexe
  • De faciliter les déclinaisons par marque sans multiplier les efforts de design
  • De préparer les évolutions futures : chaque nouveau produit connecté intégré à Cozytouch peut s’appuyer sur des composants existants
Création d'une application mobile pour Atlantic

Un partenariat qui dure : ateliers annuels et nouvelles fonctionnalités

La livraison d’une application, ce n’est pas une fin. C’est le début d’un cycle.

Les années qui ont suivies, nous avons organisé des ateliers avec les équipes Atlantic pour faire évoluer Cozytouch : intégrer de nouveaux produits connectés, tester de nouvelles fonctionnalités, challenger les tendances UX et visuelles via des benchmarks.

Ce qui a démarré comme un projet de refonte est devenu une collaboration structurée dans le temps parce que la valeur d’une application, elle se construit dans la durée.