SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
Une solution cross-canal
et multi-supports
par La Haute Société
Présentation
Trouver facilement sa solution alarme et automatisme…
en magasin, chez soi ou en mobilité !
Problématique
Diagral
Diagral est un fabricant français de
systèmes de sécurité et d’automatismes
pour la maison, commercialisés dans
l’ensemble des Grandes Surfaces de
Bricolage.
Problématique
Guider l’utilisateur
Les outils présents en GSB étaient
alors un catalogue papier couplé à
une brochure d’aide. Le catalogue
et la brochure présents en magasin
présentaient des inconvénients
majeurs : peu attirants, complexes,
impossibles à mettre à jour, incapables
de proposer une solution personnalisée,
et nécessitant la présence d’un vendeur
pas forcément disponible.
Comprendre
Les solutions produits
En premier lieu, il s’agissait de comprendre l’offre Diagral, les fonctionnalités et la
complémentarité des produits entre eux (gamme, pack, compatibilité…).
Il fallait aussi comprendre les enjeux commerciaux pour la Force de vente, pour
ses prospects et évidemment les enjeux pratiques et marketing des responsables
de rayons en GSB.
Identifier
Les besoins utilisateurs
Identifier les cibles et définir leurs attentes : voici les lignes directrices qui ont
guidé nos premiers ateliers.
Leurs situations diverses (en magasin, sur un desktop à la maison, en mobilité)
commes les contraintes d’installation en magasin GSB (facilité d’accès, sécurité,
verrouillage, énergie, mises à jour...) ont dû être passées au peigne fin. Sans
oublier les contraintes « logicielles » des devices à installer en magasin.
Itération
Simplification
L’analyse des produits nous a montré
rapidement que les questions de la
brochure d’aide étaient trop détaillées,
abordant des problématiques de mise
en œuvre nécessitant des prises de
mesure chez soi.
Nous avons donc simplifié le
cheminement en recentrant les
questions sur les besoins des
utilisateurs avec des critères moins
discriminants et en hiérarchisant les
recommandations.
Itération
Opter pour le
cross-platforme
Les ateliers et scénarios utilisateurs,
ainsi que la réflexion sur les enjeux de
communication et de marketing de la
marque, nous ont amenés à proposer
à Diagral un projet plus global. De la
demande initiale « iPad en GSB », le
projet a évolué pour porter l’application
également sur desktop, App Store
pour iPad et iPhone, Google Play pour
tablette et smartphone.
Concevoir l’interface
Un parcours simple et intuitif
Concevoir l’interface, c’était se plier à une contrainte : être le plus direct et
simple possible. Un prospect dans une grande surface de bricolage est forcément
moins « captif » que lorsqu’il est chez lui. L’ergonomie devait être relayée par un
rédactionnel clair et incitatif.
Design
Faciliter
l’expérience
utilisateur
Dans le design de l’interface
(notamment la gabarisation des fiches
produit et le parcours de choix) une
attention particulière a été portée sur
la facilitation de l’expérience utilisateur
: gros boutons et sliders proches des
codes du design «physique», et menu
en doublon sur l’accueil permettant un
choix via les «spots» ou les icônes.
Design
Nous avons réalisé des modélisations 3D pour simplifier
la présentation de certains produits et fonctionnalités.
Technologie
Un framework maison
Le développement des applications s’est adossé à « Swapp », notre framework
Action Script 3 maison, particulièrement adapté pour une présentation de
contenu de haute qualité et fortement animés.
Le moteur d’exécution Adobe® AIR® utilisé par l’application offre un
développement cross-platform iOS et Android avec des performances optimales,
et permet la mutualisation du code tout en générant des applications natives
pouvant fonctionner sur tous types de terminaux.
Nous avons enfin procédé à toutes les étapes techniques et administratives
nécessaires à la publication des applications sur l’Apple Store et sur Google Play.
Technologie
Installation
Pour l’installation des devices en magasin nous avons pris en charge le
chargement des applications sur tous les appareils, et procédé à tous les
réglages permettant d’assurer leur sécurité, ainsi qu’une gestion optimisée de
l’alimentation et de la veille.
« Ce qui est appréciable avec LHS c’est une gestion
de projet simplifiée et adaptée à la compréhension
du client. Tout est clair, on sait où on va, comment
on y va, tout nous est expliqué. On se sent bien,
maître de son projet. »
Célia Metsu, responsable communication chez Diagral
Résultat
+12 000
téléchargements sur les stores
200
appareils déployés en GSB
La flotte initiale de 60 iPads est livrée en magasin. Le stand obtient un
succès immédiat auprès du public comme des responsables de rayon en
GSB, à tel point que la flotte est rapidement triplée, passant à 200
appareils. Les Forces de vente Diagral sont également séduites.
VOIR L’ÉTUDE DE CAS SUR LE SITE
W W W. L A H A U T E S O C I E T E . C O M / C O N TA C T @ L A H A U T E S O C I E T E . C O M
2 8 C O U R S J E A N J A U R È S , 3 8 0 0 0 G R E N O B L E - F R A N C E - T É L : + 3 3 4 7 6 9 2 0 7 9 8
C O N S U LT E Z L’ É T U D E D E C A S C O M P L È T E S U R N O T R E S I T E

Contenu connexe

Plus de La Haute Société

Hachette Livre lance Hachette.fr : étude de cas sur la refonte du site Internet
Hachette Livre lance Hachette.fr : étude de cas sur la refonte du site InternetHachette Livre lance Hachette.fr : étude de cas sur la refonte du site Internet
Hachette Livre lance Hachette.fr : étude de cas sur la refonte du site InternetLa Haute Société
 
Piloter l'expérience client en temps réel : étude de cas de l'application "Co...
Piloter l'expérience client en temps réel : étude de cas de l'application "Co...Piloter l'expérience client en temps réel : étude de cas de l'application "Co...
Piloter l'expérience client en temps réel : étude de cas de l'application "Co...La Haute Société
 
e-commerce UI/UX : nouveau site pour Bongénie-Grieder
e-commerce UI/UX : nouveau site pour Bongénie-Griedere-commerce UI/UX : nouveau site pour Bongénie-Grieder
e-commerce UI/UX : nouveau site pour Bongénie-GriederLa Haute Société
 
Webmastering site botanic® : étude de cas
Webmastering site botanic® : étude de casWebmastering site botanic® : étude de cas
Webmastering site botanic® : étude de casLa Haute Société
 
Application max / Crédit Mutuel Arkea / Étude de cas / fintech
Application max / Crédit Mutuel Arkea / Étude de cas / fintechApplication max / Crédit Mutuel Arkea / Étude de cas / fintech
Application max / Crédit Mutuel Arkea / Étude de cas / fintechLa Haute Société
 
Application botanic® : étude de cas
Application botanic® : étude de casApplication botanic® : étude de cas
Application botanic® : étude de casLa Haute Société
 
La Haute Société : agence conseil en stratégie digitale
La Haute Société : agence conseil en stratégie digitaleLa Haute Société : agence conseil en stratégie digitale
La Haute Société : agence conseil en stratégie digitaleLa Haute Société
 

Plus de La Haute Société (8)

Hachette Livre lance Hachette.fr : étude de cas sur la refonte du site Internet
Hachette Livre lance Hachette.fr : étude de cas sur la refonte du site InternetHachette Livre lance Hachette.fr : étude de cas sur la refonte du site Internet
Hachette Livre lance Hachette.fr : étude de cas sur la refonte du site Internet
 
Piloter l'expérience client en temps réel : étude de cas de l'application "Co...
Piloter l'expérience client en temps réel : étude de cas de l'application "Co...Piloter l'expérience client en temps réel : étude de cas de l'application "Co...
Piloter l'expérience client en temps réel : étude de cas de l'application "Co...
 
e-commerce UI/UX : nouveau site pour Bongénie-Grieder
e-commerce UI/UX : nouveau site pour Bongénie-Griedere-commerce UI/UX : nouveau site pour Bongénie-Grieder
e-commerce UI/UX : nouveau site pour Bongénie-Grieder
 
Webmastering site botanic® : étude de cas
Webmastering site botanic® : étude de casWebmastering site botanic® : étude de cas
Webmastering site botanic® : étude de cas
 
Application max / Crédit Mutuel Arkea / Étude de cas / fintech
Application max / Crédit Mutuel Arkea / Étude de cas / fintechApplication max / Crédit Mutuel Arkea / Étude de cas / fintech
Application max / Crédit Mutuel Arkea / Étude de cas / fintech
 
Application botanic® : étude de cas
Application botanic® : étude de casApplication botanic® : étude de cas
Application botanic® : étude de cas
 
La Haute Société : agence conseil en stratégie digitale
La Haute Société : agence conseil en stratégie digitaleLa Haute Société : agence conseil en stratégie digitale
La Haute Société : agence conseil en stratégie digitale
 
Renouveau digital pour PETZL
Renouveau digital pour PETZLRenouveau digital pour PETZL
Renouveau digital pour PETZL
 

DIAGRAL : solution cross-canal et multi-supports

  • 1. Une solution cross-canal et multi-supports par La Haute Société
  • 2. Présentation Trouver facilement sa solution alarme et automatisme… en magasin, chez soi ou en mobilité !
  • 3. Problématique Diagral Diagral est un fabricant français de systèmes de sécurité et d’automatismes pour la maison, commercialisés dans l’ensemble des Grandes Surfaces de Bricolage.
  • 4. Problématique Guider l’utilisateur Les outils présents en GSB étaient alors un catalogue papier couplé à une brochure d’aide. Le catalogue et la brochure présents en magasin présentaient des inconvénients majeurs : peu attirants, complexes, impossibles à mettre à jour, incapables de proposer une solution personnalisée, et nécessitant la présence d’un vendeur pas forcément disponible.
  • 5. Comprendre Les solutions produits En premier lieu, il s’agissait de comprendre l’offre Diagral, les fonctionnalités et la complémentarité des produits entre eux (gamme, pack, compatibilité…). Il fallait aussi comprendre les enjeux commerciaux pour la Force de vente, pour ses prospects et évidemment les enjeux pratiques et marketing des responsables de rayons en GSB.
  • 6. Identifier Les besoins utilisateurs Identifier les cibles et définir leurs attentes : voici les lignes directrices qui ont guidé nos premiers ateliers. Leurs situations diverses (en magasin, sur un desktop à la maison, en mobilité) commes les contraintes d’installation en magasin GSB (facilité d’accès, sécurité, verrouillage, énergie, mises à jour...) ont dû être passées au peigne fin. Sans oublier les contraintes « logicielles » des devices à installer en magasin.
  • 7. Itération Simplification L’analyse des produits nous a montré rapidement que les questions de la brochure d’aide étaient trop détaillées, abordant des problématiques de mise en œuvre nécessitant des prises de mesure chez soi. Nous avons donc simplifié le cheminement en recentrant les questions sur les besoins des utilisateurs avec des critères moins discriminants et en hiérarchisant les recommandations.
  • 8. Itération Opter pour le cross-platforme Les ateliers et scénarios utilisateurs, ainsi que la réflexion sur les enjeux de communication et de marketing de la marque, nous ont amenés à proposer à Diagral un projet plus global. De la demande initiale « iPad en GSB », le projet a évolué pour porter l’application également sur desktop, App Store pour iPad et iPhone, Google Play pour tablette et smartphone.
  • 9. Concevoir l’interface Un parcours simple et intuitif Concevoir l’interface, c’était se plier à une contrainte : être le plus direct et simple possible. Un prospect dans une grande surface de bricolage est forcément moins « captif » que lorsqu’il est chez lui. L’ergonomie devait être relayée par un rédactionnel clair et incitatif.
  • 10. Design Faciliter l’expérience utilisateur Dans le design de l’interface (notamment la gabarisation des fiches produit et le parcours de choix) une attention particulière a été portée sur la facilitation de l’expérience utilisateur : gros boutons et sliders proches des codes du design «physique», et menu en doublon sur l’accueil permettant un choix via les «spots» ou les icônes.
  • 11. Design Nous avons réalisé des modélisations 3D pour simplifier la présentation de certains produits et fonctionnalités.
  • 12. Technologie Un framework maison Le développement des applications s’est adossé à « Swapp », notre framework Action Script 3 maison, particulièrement adapté pour une présentation de contenu de haute qualité et fortement animés. Le moteur d’exécution Adobe® AIR® utilisé par l’application offre un développement cross-platform iOS et Android avec des performances optimales, et permet la mutualisation du code tout en générant des applications natives pouvant fonctionner sur tous types de terminaux. Nous avons enfin procédé à toutes les étapes techniques et administratives nécessaires à la publication des applications sur l’Apple Store et sur Google Play.
  • 13. Technologie Installation Pour l’installation des devices en magasin nous avons pris en charge le chargement des applications sur tous les appareils, et procédé à tous les réglages permettant d’assurer leur sécurité, ainsi qu’une gestion optimisée de l’alimentation et de la veille.
  • 14. « Ce qui est appréciable avec LHS c’est une gestion de projet simplifiée et adaptée à la compréhension du client. Tout est clair, on sait où on va, comment on y va, tout nous est expliqué. On se sent bien, maître de son projet. » Célia Metsu, responsable communication chez Diagral
  • 15. Résultat +12 000 téléchargements sur les stores 200 appareils déployés en GSB La flotte initiale de 60 iPads est livrée en magasin. Le stand obtient un succès immédiat auprès du public comme des responsables de rayon en GSB, à tel point que la flotte est rapidement triplée, passant à 200 appareils. Les Forces de vente Diagral sont également séduites. VOIR L’ÉTUDE DE CAS SUR LE SITE
  • 16. W W W. L A H A U T E S O C I E T E . C O M / C O N TA C T @ L A H A U T E S O C I E T E . C O M 2 8 C O U R S J E A N J A U R È S , 3 8 0 0 0 G R E N O B L E - F R A N C E - T É L : + 3 3 4 7 6 9 2 0 7 9 8 C O N S U LT E Z L’ É T U D E D E C A S C O M P L È T E S U R N O T R E S I T E