Rainboow

DICE Studio

Chrome Extension Experts

SHSuper

Kano

Scalenow

Bird and Human

BROZERS CODE

Share Collective 

Fada Collectif

Workplace communication

BCome

Smooth Code

Adrien STIVER | Consultant SEO

Tyrscale

Limbo Studio

Heka

Ideal Audition

<h1><strong>Objectifs :</strong></h1><p></p><p>Notre intervention visait à :</p><ul><li><p><strong>moderniser</strong> le design ;</p></li><li><p><strong>réduire</strong> le taux de rebond ;</p></li><li><p><strong>améliorer le nombre de prise de rendez-vous</strong> en boutiques.</p></li></ul><p>Il était impératif de conserver les nombreux textes SEO et l'organisation de la navigation pour préserver le référencement du site.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cloekxuyf01voaafl2v9rcr0z.png"><div class="image-overlay"></div></div></div></div><h1><strong>Une méthodologie en 4 phases</strong></h1><p></p><p>La méthodologie que nous avons employé s'est organisée en<strong> 4 phases</strong> : Diagnostic UX , Design,UX/UI, User check point, Design delivery. A chaque fin de phase, nous faisions un<strong> point d'étape</strong> avec le client, afin de lui présenter des résultats ou des propositions de conception.</p><p></p><h2><strong>Phase 1 : Diagnostic UX</strong></h2><p>Dans cette étape cruciale, nous avons effectué un <strong>audit UX/UI</strong>, <strong>analysé les données analytics</strong>, et réalisé des <strong>tests utilisateurs</strong> pour comprendre les <strong>comportements</strong> des utilisateurs, leurs <strong>attentes</strong>, et les <strong>points forts/faibles</strong> du site. Ces insights ont orienté efficacement la refonte, mettant en lumière des éléments stratégiques, tels que l'importance des pages produits pour convaincre les utilisateurs de prendre rendez-vous en magasin.</p><p></p><h2><strong>Phase 2 : Le design</strong></h2><p>Cette phase s'est déroulé en deux temps :</p><ul><li><p>Faire des <strong>propositions d'amélioration de l’expérience utilisateur </strong>et des écrans en répondant aux problèmes et aux opportunités identifiés par le diagnostic UX, et en concevant des <strong>wireframes</strong> à travers une approche systémique. Ceci dans le but de faciliter le développement et d'apporter une meilleure expérience utilisateur.</p></li><li><p>Travailler sur la <strong>nouvelle identité graphique</strong> des interfaces en modernisant le style des composants du site tout en se rapprochant de la nouvelle identité du Groupe Ideal Audition.</p><p></p></li></ul><h2><strong>Phase 3 : User Check Point</strong></h2><p>Pour garantir la compréhension du nouveau design, nous avons utilisé la <strong>méthode RITE</strong> (Rapid Iterative Testing and Evaluation). Cette méthode RITE consiste à mener des tests itératifs qui permettent une évaluation rapide. </p><p></p><p>Lors de tests d’utilisabilité “classiques”, un certain nombre de tests sont réalisés à l’aide du même prototype. Une fois l’étude terminée, nous analysons l’ensemble des résultats pour proposer des améliorations. Avec la méthode RITE, le prototype est modifié au cours de l’étude. Au lieu d’attendre la fin des tests pour rassembler les résultats et suggérer des améliorations, nous modifions le prototype dès que des problèmes d’utilisabilité apparaissent. Ainsi, <strong>tester les prototypes </strong>auprès de 8 utilisateurs prospects nous a permis d'apporter des ajustements en temps réel, optimisant ainsi l'expérience utilisateur de manière efficiente. </p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cloel13v002409phr8kwy75er.png"><div class="image-overlay"></div></div></div></div><h2><strong>Phase 4 : Design Delivery</strong></h2><p></p><p>La phase finale a consisté à <strong>livrer les maquettes en vue du développement</strong>. Nous avons créé une <strong>bibliothèque de composants optimisé</strong>s, un <strong>Kit UI </strong>exhaustif pour le développeur, marquant la fin de notre mission.</p><p></p><p>Ce projet démontre notre capacité à <strong>allier stratégie, créativité et résultats concrets</strong>, offrant à Ideal Audition <strong>un site internet repensé, moderne et aligné sur les attentes de ses utilisateurs</strong>. Notre mission s'achève avec la satisfaction de contribuer positivement à l'expérience digitale de notre client.</p>

Ideal Audition, une marque de centres d'audioprothèses avec 89 établissements en France, nous a confié la mission de repenser son site internet. Bien que bénéficiant d'un trafic important, le site présentait un taux de rebond préoccupant.

Product strategy

User Research

Product Design - UX/UI

Idéal Audition : Refonte du site internet

Prisma Média - Télé-Loisirs

<h1>Notre objectif : identifier de nouveaux services qui répondent aux besoins utilisateurs.</h1><h1></h1><p></p><h1>Lean UX : définition</h1><p></p><p>Le Lean UX est une approche collaborative adoptée par une équipe pluridisciplinaire. Sa philosophie consiste à se<strong> centrer sur les problèmes à résoudre plutôt que sur une liste de fonctionnalités à développer</strong>. C'est une méthode qui permet d’aller vers une organisation de conception plus agile.</p><p>Les hypothèses sont le fondement de la démarche Lean UX. Elles ont vocation à être testées. Si une hypothèse est validée elle sera développée, si elle est invalidée elle sera réitérée ou abandonnée.</p><p>Les grands avantages du lean ux :</p><ul><li><p><strong>on ne perd pas de temps à développer des fonctionnalités qui n'intéressent pas les utilisateurs et qui n'apportent pas de valeur à l'entreprise ;</strong></p></li><li><p><strong>on apprend énormément sur nos utilisateurs.</strong></p><p></p></li></ul><p></p><h1>Une équipe dédiée</h1><p></p><h2>Organisation d'une équipe dédiée</h2><p>Notre rythme de travail était organisé sur des sprints de 2 semaines. Nous nous étions fixé pour objectif de tester une hypothèse par sprint. A chaque sprint, nous étions au contact d'utilisateurs que ce soit par des questionnaires, des entretiens, des tests utilisateurs, des AB Test ou des Smokes Test. L'objectif était de connaître au mieux les utilisateurs et de parvenir à identifier des fonctionnalités qui permettrait de répondre à l'objectif business que nous nous étions fixé.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8nd66c0xih7ae9gaveghy1.png"><div class="image-overlay"></div></div></div></div><h1>Atelier de lancement</h1><p></p><h2>L'atelier kick off</h2><p>Pour débuter la méthode, nous avons embarqué l’équipe Lean UX dans un premier atelier. Les objectifs étaient les suivants :</p><ul><li><p>rappeler les principes de la méthode Lean UX ;</p></li><li><p>présenter les connaissances utilisateurs à date ;</p></li><li><p>définir un Backlog d’hypothèses à tester.</p></li></ul><p>Cette étape est importante pour fédérer autour d’une vision et d’une base de travail commune.</p><p>Grâce à ce premier atelier d'idéation, nous avons généré 60 hypothèses que nous avons priorisées via une matrice faisabilité / bénéfice.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8ng0ht0xjx7ae933xzervh.png"><div class="image-overlay"></div></div></div></div><h1>Les hypothèses</h1><p></p><h2>Comment tester les hypothèses ?</h2><p>A chaque hypothèse sa méthode ! Un des principes fondamentaux du Lean UX est celui de la découverte continue. Il consiste à solliciter systématiquement les utilisateurs pour chaque hypothèse à tester.</p><p>Le modèle d’hypothèse que nous avons utilisé est le suivant :</p><p>Nous pensons parvenir à<strong>&nbsp;[cet objectif business]&nbsp;</strong>si<strong>&nbsp;[ces utilisateurs]&nbsp;</strong>atteignent avec succès<strong>&nbsp;[cet objectif utilisateur]</strong>&nbsp;via<strong>&nbsp;[cette fonctionnalité]</strong></p><p>Par exemple : Nous pensons parvenir à&nbsp;<strong>augmenter le nombre de création de compte&nbsp;</strong>si&nbsp;<strong>les utilisateurs de la grille TV&nbsp;</strong>arrivent&nbsp;<strong>à ajouter des nouvelles chaînes à la grille TV&nbsp;</strong>via&nbsp;<strong>la fonctionnalité d'ajout de chaîne</strong>.</p><p>En fonction de l’hypothèse, nous adoptions une démarche d’étude différente : questionnaires, entretiens, tests utilisateurs, AB tests, Smoke tests, développement rapide en html etc… Nous décidions de la méthode à utiliser, en équipe, grâce aux compétences de chacun. Notre objectif était de tester rapidement et de ressortir avec des apprentissages à la fin de chaque Sprint.</p><p></p><h2>Des KPI de Succès à atteindre</h2><p>Pour savoir si une hypothèse est validée ou invalidée, il est indispensable de définir des KPI à atteindre.</p><p>Si le taux de clic d'une fonctionnalité est supérieur ou égal au chiffre que nous nous étions fixé, alors l’hypothèse est validée puis intégrée à la Roadmap Produit. Dans le cas où le KPI fixé n’est pas atteint, l’hypothèse est invalidée. Nous étudions alors pourquoi nous n’avons pas atteint le KPI fixé : est-ce que la fonctionnalité n’est pas vue ? Est-ce qu’elle n’est pas comprise ? Est-ce que le parcours n’est pas adapté ? Ou peut-être que les utilisateurs ne sont pas intéressés ?</p><p>Pour répondre à ces interrogations, nous faisions lorsque c'était nécéssaire:</p><ul><li><p>de la recherche pour approfondir un sujet ;</p></li><li><p>des ateliers d'idéation ou de co-conception ;</p></li><li><p>conception de différents parcours à tester.</p></li></ul><p>Cela nous permettait d’être confiants dans nos prises de décision.</p><p></p><h1>Exemple de test</h1><p></p><h2>Exemple : La fonctionnalité d'ajout de chaîne</h2><p>Lors d'une étude quantitative menée auprès des utilisateurs du site internet Télé-Loisirs, nous avons appris que <strong>49% des utilisateurs aimeraient ajouter des chaînes au programme TV.</strong></p><p>Nous avions pour objectif d'augmenter le nombre de création de compte. La fonctionnalité d'ajout de chaîne est pertinente puisqu'elle permettrait à la fois d'améliorer la satisfaction utilisateur, mais aussi d'augmenter le nombre de création de compte. En effet, l'idée est de proposer à l'utilisateur de créer un compte pour enregistrer ses choix.</p><p>Si la moitié des utilisateurs semblent a priori intéressés par l'ajout de chaîne, il n'en demeure pas moins que nous devons vérifier la pertinence de cette fonctionnalité.</p><p>Pour cela, nous devons réaliser des tests afin de valider :</p><ul><li><p>la pertinence de la fonctionnalité : sera t-elle utilisée, les utilisateurs vont-ils créer des comptes grâce à cette fonctionnalité ?</p></li><li><p>l'emplacement de la fonctionnalité ;</p></li><li><p>la forme / le parcours/ le design de cette fonctionnalité.</p><p></p></li></ul><h2>Les maquettes testées</h2><p>Voici quelques exemples de différents tests que nous avions menées sur le site Télé-Loisirs pour la fonctionnalité d'ajout de chaînes :</p><ol><li><p>un bouton en haut de la page "ajouter des chaînes"</p></li><li><p>un champ de recherche en haut de la grille TV</p></li><li><p>une liste en bas de la grille TV des chaînes les plus recherchées par les utilisateurs</p></li><li><p>une chaîne à ajouter insérée au sein de la grille TV</p></li></ol><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8nj4v50xmh7ae9c4tybkil.png"><div class="image-overlay"></div></div></div></div><h1>Les décisions</h1><p>Pour valider la fonctionnalité d'ajout de chaîne, nous avions fixé le KPI de 2%. Aucun des tests ne nous a permis d'atteindre ce taux. Nous avons fait preuve de beaucoup de persévérance en testant plus de 10 variables.</p><p>Mais nous avons décidé de développer le bouton "ajouter des chaînes" dont le taux était légèrement inférieur à 2%. Ce bouton génère un nombre non négligeable de nouveaux comptes. Avec près de 30 millions de visites par mois, même un bouton peu cliqué peu toujours répondre à des objectifs business. Enfin, son design et son emplacement en haut de page n'abime en rien l'expérience utilisateur et ne présente donc aucun risque.</p><p>Pour tenter de ramener plus d'utilisateur sur ce bouton, de nombreux test sont en cours :</p><ul><li><p>ab test de wording</p></li><li><p>ab test de design</p></li><li><p>tooltip...</p></li></ul><p>Aussi, des travaux sont en cours pour tenter d'améliorer le parcours d'ajout de chaînes (actuellement en test) afin de limiter au maximum le nombre de taux de rebonds et ainsi augmenter le nombre de création de compte.</p><p></p><h1>Les personas</h1><p></p><h3>Une connaissance fine des users</h3><p>Durant toute l'année durant laquelle nous avons travaillé en Lean UX, de nombreux thèmes ont été abordé: grille TV personnalisée, SVOD, débat, forum, alerting, etc...</p><p>Nous avons mené plus de 20 questionnaires, et 25 ab tests.</p><p>Toutes ces études ont permis d'avoir une connaissances fine des utilisateurs Télé-Loisirs.</p>

Télé-Loisirs est un média qui permet aux utilisateurs de trouver un programme audiovisuel à regarder. Il informe aussi sur l’actualité TV, cinéma, people et SVOD .

Télé-Loisirs : Application du Lean UX

Sales Cirkle

<h2>Notre objectif : concevoir le parcours de la future plateforme Sales Cirkle</h2><p></p><h1>Sales Cirkle : présentation</h1><p></p><p>Le constat : 46% des recrutements de commerciaux aboutissent par un échec.</p><p>Pour contrer ce problème, Sales Cirkle met en relation des commerciaux pré-qualifiés adaptés aux besoins des recruteurs. La pré-qualification se fait via un test américain réputé.</p><p>La promesse :</p><ul><li><p>la réactivé : présenter 3 profils en moins d'une semaine</p></li><li><p>la compétitivité : 11% du package brut annuel, une offre économique imbattable</p></li></ul><p><strong>Notre objectif </strong>: transformer le parcours actuel (non numérique ni automatique) par une mise en relation en ligne automatique qui répond à la promesse.</p><p><strong>Timing :</strong> 15 jours</p><p></p><h1><strong>La méthode :</strong></h1><p></p><h2>Définition des personas</h2><p></p><p>A l'origine, c'est la fondatrice, spécialisée en recrutement de commerciaux depuis plus de 15 ans qui s'attelait à mettre en relation des recruteurs avec des commerciaux. Grâce à sa longue expérience, nous avons synthétisé ses connaissances sur les profils recruteurs et commerciaux en persona. Cela nous a permis de connaître nos utilisateurs cibles et de concevoir des parcours avec empathie.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8n1hyh0wy072i41st58lje.png"><div class="image-overlay"></div></div></div></div><p></p><h2>Définition de la vision produit</h2><p></p><p>Avant de concevoir le parcours, il est important de définir l'avantage concurrentiel de Sales Cirkle par rapport aux concurrents. Pour cela, nous avons utilisé la méthode "Product vision Statement". Cet atelier permet de définir la vision produit de manière rapide et efficace.</p><p></p><p><strong>Comment ça marche ?</strong></p><p>En équipe, nous devons remplir la phrase suivante :</p><p>Pour <em>[cible]</em> qui souhaitent <em>[résumé du besoin de la cible]</em>, Sales Cirkles est<em> [description du produit]</em> qui<em> [le bénéfice majeur du produit]</em> à la différence de <em>[alternatives existantes]</em> permet de <em>[éléments différenciants majeurs]</em>.</p><p>Grâce à cet et exercice nous avons défini les avantages concurrentiels de Sales Cirkles :</p><ul><li><p>pour les recruteurs : éviter les erreurs de recrutement grâce aux profils pré-qualités.</p></li><li><p>pour les candidats : la mise en valeur de leurs compétences grâce à un salaire adapté.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8n1tlt0wy472i423a2hw7x.png"><div class="image-overlay"></div></div></div></div><p></p><h1><strong>Conception de la User Journey Map</strong></h1><p></p><h2>Traduction du process en parcours automatisé</h2><p></p><p>Nous avons interrogé la fondatrice sur ses méthodes. Comment travaille t-elle ? Comment sélectionne t-elle les profils commerciaux ? Comment choisit-elle de mettre en relation les commerciaux avec les entreprises. Qu'est-ce qui fait son succès ? Quel logiciel utilise t-elle ? Quelles sont selon elle ses forces et ses faiblesses. Grâce à cet entretien nous avons traduit ces étapes de travail en parcours utilisateur en ligne dont la mise en relation à vocation à être automatique .</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8n21xs0xdx7ae954dagv49.png"><div class="image-overlay"></div></div></div></div><p></p><h1><strong>Atelier Sketching / Maquette haute fidélité</strong></h1><p></p><h2>Sketches</h2><p></p><p><strong>En équipe, nous avions généré des idées de conception via un atelier sketching.</strong></p><p>Nous avons ensuite réalisé des maquettes en haute fidélité pour la passation des tests utilisateurs.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8n2bjt0xe27ae9e4ps77uf.png"><div class="image-overlay"></div></div></div></div><h1><strong>Test Utilisateur en méthode RITE</strong></h1><p></p><h1>La méthode RITE : définition</h1><p></p><p>La méthode RITE signifie : Rapid Iterative Testing and Evaluation. Autrement dit, ce sont des tests itératifs qui permettent une évaluation rapide.</p><p><br>Lors de tests d’utilisabilité “classiques”, un certain nombre de tests sont réalisés à l’aide du même prototype. Une fois l’étude terminée, nous analysons l’ensemble des résultats pour proposer des améliorations.</p><p>Avec la méthode RITE, le prototype est modifié au cours de l’étude. Au lieu d’attendre la fin des tests pour rassembler les résultats et suggérer des améliorations, nous modifions le prototype dès que des problèmes d’utilisabilité apparaissent. De cette manière, nous pouvons rapidement valider ou invalider nos hypothèses de conception.</p><p></p><p>Par exemple, après avoir rencontré 1 à 3 testeurs, nous pouvons modifier le prototype de test selon les problèmes identifiés. Puis rencontrer de nouveaux 1 à 3 testeurs, et ainsi de suite.</p><p>Ainsi, sur les maquette Sales-Cirkle, nous avions mené 4 sessions de tests. Nous avons ensuite présenté les maquettes validées à Camille. Notre mission s'arrêtait là. ;-)</p><p></p><p></p>

Sales Cirkle permet de mettre en relation des commerciaux pré-qualifiés avec des recruteurs.

SALES CIRKLE : Conception en méthode RITE

<p>Nous aimons l'UX et travailler ensemble. Nous couvrons l'intégralité des expertises nécessaires pour créer des expériences de qualité ✨</p><p>Nous vous garantissons une stratégie Design ajustée à vos enjeux et aux besoins de vos utilisateurs, une conception répondant à des objectifs précis, et des retours utilisateurs positifs 💛</p>

UX Researcher / UX designer

UX Research, Design & Strategy

Discovery User & Product :
- Persona & Jobs To Be Done : interviews, observations, questionnaires
- Diagnostic UX : Tests utilisateurs,Analytics, Heatmaps, Recording
- Recommandations stratégiques UX

Recherches utilisateurs

- Amélioration d'un produit existant
- Refonte d'un produit web ou app
- Création d'un produit ou service : Vision et Minimum Viable Product
- Design de parcours, d'interfaces, de prototypes

Design UX & UI

Garantir une approche Design Thinking à travers la facilitation d'ateliers d'idéation et de co-conception. Le Design Sprint est notre spécialité préférée 💜.

756 collectifs

Rainboow

DICE Studio

Chrome Extension Experts

SHSuper

Kano

Scalenow

JEM

Bird and Human

BROZERS CODE

Share Collective

Fada Collectif

Workplace communication

BCome

Smooth Code

Adrien STIVER | Consultant SEO

Tyrscale

Limbo Studio

Heka

JEM

7/18

JEM

Notre travail (3)

Ideal Audition

Prisma Média - Télé-Loisirs

Sales Cirkle

Nos membres (2)

Nos services (3)

Ce qui nous rend unique

756 collectifs

Rainboow

DICE Studio

Chrome Extension Experts

SHSuper

Kano

Scalenow

JEM

Bird and Human

BROZERS CODE

Share Collective

Fada Collectif

Workplace communication

BCome

Smooth Code

Adrien STIVER | Consultant SEO

Tyrscale

Limbo Studio

Heka

JEM

7/18

JEM

Notre travail.css-cuj0f{color:var(--chakra-colors-rythm-700);} (3)

Ideal Audition

Prisma Média - Télé-Loisirs

Sales Cirkle

Nos membres (2)

Nos services (3)

Ce qui nous rend unique

Notre travail (3)