Visibilité par Orange
Refonte du site d’offres de services digitaux aux professionnels (2014 – 2015)
Appelé “Ma publicité Locale” avant cette refonte, “Visibilité par Orange” propose aux TPE & PME des services clés en main de création de site et d’options de visibilité (annuaire, campagnes adwords…). L’objectif du site est de présenter les services pour générer des leads, qui sont ensuite traités par un service spécifique.
Le principal problème du site d’origine était son manque de clarté : la navigation était difficile à appréhender, et le contenu de présentation des offres était mal structuré, peu détaillé et trop technique pour la cible.
Nous avons débuté par des ateliers et immersions pour comprendre le métier, la problématique et les objectifs. Puis nous avons réalisé un audit ergonomique pour échanger avec le client sur le diagnostic, et un benchmark concurrentiel pour identifier des bonnes pratiques sur le secteur.
Nous avons complété notre étude par des recherches sur les utilisateurs et la création de personas afin de déterminer les profils des cibles (ainsi que leurs attentes, besoins, freins et comment les lever ).
Ceci nous a permis d’établir différentes idées à prototyper autour d’u partis pris suivant : les utilisateurs du service sont peu murs sur les problématiques digitales – nous devons avoir pour objectif de simplifier le site au maximum, que ce soit dans la navigation ou dans la présentation des offres.
Nous avons ainsi rendus la navigation plus claire en permettant de rentrer par des besoins (créer un site, visibilité sur Google…).
La présentation et les contenus des fiches produits ont été entièrement revus pour laisser plus de place à la pédagogie et aux réassurances.
Les contenus s’adressent à des non experts et le ton est donc volontairement simple et direct.
Les fiches produits ont été conçues dans une logique de landing page afin d’orienter la conversion en maximisant les opportunités de prise de contact.
Nous avons réalisé de nombreuses versions d’une même fiche produit (ergonomie, ton, contenus…) avant d’arriver au résultat final. Puis nous avons décliné en wireframes toutes les offres une à une, en continuant de réécrire les contenus finaux.
Nous avons ensuite réalisé les maquettes avec la nouvelle charte graphique. Notre travail s’est arrêté à la livraison des maquettes – l’intégration et le développement ont été pris en charge par les équipes techniques Orange.
Banijay International
Modernisation du site corporate du groupe (2014)
Banijay est un groupe de productions d’émissions télévisées (Bachelor, Popstars, Temptation Island, Touche Pas à Mon Poste, Taratata…) avec des filiales un peu partout dans le monde. Nous avons travaillé avec eux sur la création du site Team Hanouna, ils nous ont donc naturellement demandé d’intervenir sur la refonte de leur site corporate.
Le brief était simple : reprendre les contenus du site existant et revoir l’interface, tout en respectant la charte graphique très détaillée du groupe.
Le site précédant avait un look and feel vieillot, et peu de contenus pourtant répartis sur de nombreuses pages. Nous avons décidé d’adopter une approche plus moderne en synthétisant les contenus au maximum, et en les restructurant sur une page unique découpé tranches thématiques, afin de permettre à l’utilisateur d’avoir une vision instantanée du groupe, de sa vocation, de ses valeurs et de son identité.
Seloger.com
Conception & spécifications de produits B2B (2014)
Via l’accès à un espace compte dédié, Seloger.com propose aux agences immobilières de nombreux services leur permettant de gérer la visibilité et le ciblage de leurs annonces sur le site.
En plein rush dans la refonte de cet outil clé, ils nous ont sollicités afin de les aider dans la conception et les spécifications de différents produits. Il pouvait autant s’agir de produits existants à refondre et faire évoluer, ou de nouveaux produits à intégrer sur la nouvelle plateforme.
Mon rôle consistait à récolter les besoins auprès des équipes produits, à identifier les contraintes techniques avec la DSI, et enfin proposer des wireframes et des spécifications pour chaque produit. Ces livrables avaient vocation à subir de nombreuses itérations et mises à jour suite aux différents échanges avant d’être validé.
Les projets faisaient appel à de nombreux interlocuteurs, et étaient très variés dans leur périmètre : ciblage de prospects, gestion de mails d’alertes, tunnel de saisie d’informations, gestion de contacts et de messages, gestion de multi-compte, création de profils…
EnvoiMoinsCher.com (Boxtale)
Refonte de l’interface avec pour objectif principal l’optimisation du tunnel de commande
EnvoiMoinsCher.com / Boxtale s’adresse autant aux professionnels qu’aux particuliers, et leur permet d’envoyer des colis à prix réduits via la comparaison des offres des transporteurs partenaires (UPS, FEDEX, TNT…). Si le concept est intéressant, pour en bénéficier l’utilisateur devait passer par un long et complexe tunnel de commande, avec un grand nombre d’informations à saisir. Notre rôle était de refondre le site pour optimiser le taux de conversion, en ayant pour contrainte de ne pas modifier l’ordre ou le contenu des étapes.
Nous avons complètement revu le tunnel afin de le rendre plus agréable et plus clair en revoyant l’ergonomie de chaque page et bloc, ainsi qu’en ajoutant de nombreux messages d’informations et d’aides. Suite à notre intervention le taux d’abandon à été divisé par deux.
HappyView.fr
Refonte ergonomique et graphique du site e-commerce pionnier dans la vente de lunettes de correction en ligne (2012)
HappyView.fr fut le premier opticien 100% en ligne et à toujours pour mission de vendre des lunettes au juste prix (racheté par Alain Afflelou en 2016). Forts de ses premiers succès et pour accompagner sa forte croissance, HappyView nous a mandaté pour la refonte complète de son interface.
L’enjeu n’était pas de seulement de réaliser une interface optimisée pour le e-commerce et la conversion, mais de repenser l’expérience afin d’accompagner l’utilisateur tout au long de son parcours et de lever les freins liés à l’achat de lunettes de correction en ligne.
Nous avons commencé par une phase de recherche et cadrage :
Comprendre les user journeys et les freins à lever : nous avons débuté le projet des ateliers afin de comprendre toutes les étapes du parcours client, et d’identifier les freins et les réponses à apporter pour les lever (que ce soit via des fonctionnalités, des messages de réassurances ou des optimisations de l’interface).
Avec l’équipe projet nous avons également étudiés les utilisateurs du site, leurs habitudes, les problèmes rencontrés, les questions les plus fréquemment posées etc.
Nous avons ensuite complété ce travail par un audit ergonomique du site existant ainsi qu’un benchmark concurrentiel et sur les best practices e-commerce.
Lors de la création des wireframes notre rôle à ensuite été de réinjecter ces éléments dans une interface optimisée pour le e-commerce.
Voici une synthèse de nos partis pris de conception :
- Importance de rassurer à toutes les étapes du parcours : messages de réassurances, logos des marques vendue sur le site, expliquer de manière synthétique le parcours d’achat, mise en avant de témoignages clients, mise en avant des options de contact, questions les plus posées, présentation de la société etc.
- Faciliter la recherche et la sélection d’un modèle : navigation facilement identifiable avec des catégories claires, des pages de résultats avec des filtres pour affiner sa recherche, des grands visuels et indications sur les prix, possibilité d’ajouter des lunettes dans une sélection…
- Fiches produits : grande importance aux visuels & description complète pour compenser le fait de ne pas avoir les modèles en main et de pouvoir les essayer comme chez un opticien traditionnel.
- Rendre le tunnel de commande plus agréable et plus fluide : avant même les étapes traditionnelles de tunnel de commande, l’utilisateur doit passer par des phases tel que le paramétrage des verres, renseigner son écart pupillaire, gérer l’envoi de l’ordonnance… Autant de tâches simples lors d’un achat chez un opticien traditionnel, que nous avons du travailler pour rendre l’expérience la plus simple et agréable possible sur le site.
Nous ne nous avons également veillés à rendre les pages et mails de confirmation très clairs sur le déroulé des prochaines étapes.