VisualyScan, la refonte de la landing page d'une application de pointage par QR code
Une application mobile de gestion des présences dont le site, lui, ne fonctionnait pas sur mobile. Nous avons refondu sa landing page - contenu, design, blocs tarifs et contact - et créé les visuels de l'application pour le site comme pour les stores.
Ce qui bloquait
- Des boutons d'appel à l'action non optimisés et non cliquables : le visiteur convaincu n'avait aucun moyen d'agir.
- Un site non compatible mobile, alors que le produit vendu est une application mobile - avec un taux de rebond conséquent à la clé.
- Des fonctionnalités jamais exploitées, comme l'accès rapide à l'application, qui aurait pourtant pu déclencher l'achat.
- Une navigation qui ne guidait pas, sur les pages mêmes dont dépendaient les abonnements au logiciel.
Notre réponse
- Une refonte de landing page menée sur le contenu comme sur le design, plutôt qu'un simple rhabillage.
- Des blocs tarifs et contact reconstruits pour améliorer le parcours de conversion : cliquables, animés, lisibles.
- Les boutons App Store et Play Store posés directement sur le site, pour que personne n'ait à chercher l'application ailleurs.
- Les visuels de l'application créés de A à Z - captures et mockups iPad et iPhone - pour le site et pour les fiches des stores.
Ce que nous avons pris en charge
De la refonte de la page aux visuels publiés sur les stores.
Une application mobile dont le site ne fonctionnait pas sur mobile
Visualy est une application mobile de gestion de la présence des employés au sein d'une entreprise : via un badge QR code, les salariés s'identifient simplement avec leur téléphone. Une activité entièrement numérique, donc, où le site n'est pas une vitrine d'appoint mais le point de vente lui-même - c'est là que se signent les abonnements au logiciel.
Le site de VisualyScan existait déjà. Il ne s'agissait pas de le créer, mais de le refondre : améliorer son contenu et lever tout ce qui empêchait un visiteur intéressé d'aller au bout. Une brève inspection a suffi à mettre en lumière les points à améliorer, et le plus embarrassant d'entre eux tenait en une phrase : le site d'une application mobile n'était pas consultable correctement sur mobile.
La landing page reprise sur le fond et sur la forme
La landing page a été l'étape structurante de la refonte, parce que c'est elle qui reçoit les visiteurs et qu'elle concentrait l'essentiel des problèmes. Plusieurs fonctionnalités indispensables y étaient tout simplement indisponibles : des boutons qui ne réagissaient pas au clic, une mise en forme qui laissait passer l'information sans la hiérarchiser.
Nous avons donc repris le contenu et le design de la page ensemble, et non l'un après l'autre. Retenir un visiteur sur une page ne se joue ni uniquement sur le texte ni uniquement sur l'habillage, mais sur l'accord des deux.
Votre page d'accueil date et ne retient plus personne ?
Voir notre offre de refonte de site
Les trois blocs dont dépendait l'abonnement
Trois blocs décidaient de l'abonnement, et tous les trois se mettaient en travers du chemin. Nous avons commencé par les tarifs et les prix : un nouveau design aux couleurs du site, un bloc désormais cliquable et animé, qui invite à l'action au lieu de se contenter d'afficher une grille.
La partie contact a suivi. Elle n'était pas optimisée : nous y avons ajouté des icônes explicatives et un appel à l'action plus lisible et plus engageant. Enfin, nous avons posé sur le site les boutons de téléchargement App Store et Play Store. Le geste paraît anodin ; il évite au prospect de partir chercher l'application par lui-même, et c'est souvent à ce moment-là qu'on le perd.
Du trafic, mais personne qui va au bout ?
Voir notre offre d'optimisation de la conversion
Les visuels de l'application, pour les stores comme pour le site
À la demande de Visualy, nous avons conçu les images, captures d'écran et mockups de l'application. Ils servent à deux endroits : sur les fiches des stores, où ils sont souvent la seule chose qu'un utilisateur regarde avant de télécharger, et sur le site lui-même.
Pour le site, les captures ont été mises en valeur dans des mockups d'iPad et d'iPhone. L'intérêt n'est pas décoratif : voir l'application sur un appareil réel permet au visiteur de se projeter, et de constater que l'affichage est correct avant même d'avoir installé quoi que ce soit.
Le parcours repris là où il perdait des visiteurs
Restait la navigation, qui ne facilitait rien et alimentait des taux de rebond élevés. Nous avons commencé par les titres : ce sont les premiers éléments lus sur une page, et leur optimisation sert deux publics à la fois - le visiteur, qui comprend enfin où il est, et Google, qui identifie mieux la structure de la page.
Les appels à l'action ont ensuite été traités partout, pas seulement dans les blocs refondus, avec un objectif simple : que contacter VisualyScan ou télécharger l'application soit toujours à un clic. Nous avons enfin mis en place une FAQ reprenant les questions les plus probables des visiteurs, pour y répondre sur la page plutôt que de laisser l'hésitation se transformer en départ.
VisualyScan, le pointage des salariés par QR code
VisualyScan est une application mobile qui permet de gérer la présence des employés au sein d'une entreprise. Chaque salarié s'identifie depuis son téléphone en scannant un badge QR code, sans matériel de pointage dédié.
D'autres projets développés par notre agence
Un projet pour votre entreprise ?
Découvrez comment notre savoir-faire en refonte de site internet et en optimisation du parcours de conversion peut transformer les visiteurs que vous recevez déjà en clients.