UI.UX Design
La solution contre la haine en ligne
Client
Bodyguard.ai
Industrie
b2b
Chronologie
Sept 2022 - déc 2022
Projet
Site web responsive
Logiciel
Figma
Mon rôle
Ui.UX Designer
Pour commencer
une cause sociale
Avant de commencer, pour me conformer à mon accord de non-divulgation, j'ai omis des informations confidentielles dans cette étude de cas. Toutes les informations sont les miennes et ne reflètent pas nécessairement les opinions de l'entreprise.
L'entreprise a été fondée en 2018 par un développeur web et un directeur d'entreprise pour protéger toutes les personnes en ligne contre les discours de haine sur les réseaux sociaux.
Bodyguard.ai a deux projets principaux, une application mobile gratuite pour les individus (B2C) et une application web par abonnement pour les entreprises (B2B). Le but principal des deux projets reste le même, la seule différence étant le public cible. Le projet ci-dessous était entièrement dédié à soutenir l'application web.
Le contexte
un site web axé sur le B2B
Notre style de vie actuel est étroitement lié à notre navigation en ligne, que ce soit pour le travail, pour des affaires personnelles ou simplement pour le plaisir. C'est pourquoi il est essentiel pour les entreprises que les clients aient des interactions positives lors de leurs défilements sur leurs plateformes en ligne.
Le site Web initial de Bodyguard.ai comprenait une présentation des deux projets, ce qui était un peu déroutant pour les entreprises qui s'intéressaient principalement à l'application web. Et avec la demande croissante pour la solution B2B, il était crucial pour l'entreprise de mettre à jour le site Web et d'adapter sa stratégie pour répondre aux besoins des clients.
Le challenge
UN CHEMIN CLAIR POUR ADOPTER LA SOLUTION
Le principal objectif de la mise à jour du site Web est d'aider les entreprises à comprendre non seulement la mission de la société, mais aussi la nécessité d'implémenter une solution similaire sur leurs plateformes en ligne. Nous voulons que l'utilisateur continue à faire défiler jusqu'à ce qu'il atteigne la décision ;
C'est pourquoi, lorsque nous avons parlé de la refonte du site Web, le défi consistait principalement à redéployer l'ensemble du site en un guide étape par étape pour découvrir le problème et en apprendre davantage sur la solution de l'entreprise.
L'application n'est pas seulement destinée à être un guide, c'est un mentor qui façonne la courbe d'apprentissage en fonction de chaque étudiant.
Vous pouvez repérer nos deux grands objectifs ci-dessous.
1.
Aidez le client à comprendre la marque
Donnez à l'utilisateur l'accès aux bonnes informations en structurant le site Web pour créer un parcours du problème à la solution que l'utilisateur peut faire défiler.
2.
Créez un sentiment d'urgence pour encourager l'action
Expliquez comment la haine en ligne n'est pas seulement un problème temporaire, elle peut affecter de nombreux aspects de la marque et montrer à quel point la solution Bodyguard.ai est essentielle.
Les concurrents
Le marché
Nous avons tendance à sous-estimer l'importance de donner à l'utilisateur une incitation à faire défiler vers le bas lorsqu'il visite un site web pour la première fois.
Cependant, créer une expérience qui motive l'utilisateur à faire défiler le site peut l'encourager à s'engager avec le contenu. En utilisant des gestes standards et en structurant le contenu de manière claire pour que les utilisateurs puissent naviguer, nous leur donnons un sentiment de contrôle et de compréhension.
Et la meilleure façon de donner aux utilisateurs cette impression est de jeter un œil à plusieurs sites web de solutions SaaS pour comprendre la stratégie qu'ils ont utilisée pour susciter la curiosité et l'engagement des clients avec la marque.
Nous avons comparé de grandes entreprises telles qu'Adobe, Airbnb et Stripe à des entreprises similaires à Bodyguard.ai telles que Hive Moderation et Spectrum Labs pour capturer comment elles présentent l'information et structurent leur site web.
Révélation #1
Le principal objectif de l'utilisateur lorsqu'il visite le site web est de découvrir ce qu'est Bodyguard.ai.
Nous avons évalué comment d'autres concurrents présentaient le contenu pour guider l'expérience de l'utilisateur et avons créé un parcours qui favorise une compréhension efficace de l'utilisateur :
Définir le problème
Mettre en avant la solution
Présenter les avantages
Expliquer comment cela fonctionne
Révélation #2
L'étude a également mis en lumière des sections importantes qui étaient communes parmi les concurrents :
Liste des clients
Études de cas
Avis des clients
Démo en direct
Ce contenu est essentiel pour la notoriété de la marque : en présentant les métriques et les retours des clients actuels, les utilisateurs sont plus susceptibles de s'engager avec la marque.
La marque
bodyguard.AI, Protégez vos communautés contre la haine en ligne
Bodyguard fournit une solution d'expertise en modération de texte pour prévenir le contenu haineux en ligne. Il accompagne les individus et les organisations pour les protéger contre le contenu haineux sur une variété de plateformes.
Le but de la marque est de promouvoir un environnement numérique plus sûr et plus respectueux où chacun peut s'exprimer librement.
La solution
restructuration
Sur la base des informations recueillies lors de l'analyse des concurrents et des recherches antérieures, trois opportunités clés ont émergé.
1.
Créer une expérience de défilement fluide
Améliorez l'interaction utilisateur en vous assurant qu'ils peuvent naviguer sur le site web de manière fluide, sans interruptions ni délais.
2.
Mettre en évidence le problème
3.
Prouver la valeur de la solution
Version Mobile
2.
Mettre en évidence le problème
Utiliser différents angles pour souligner l'impact du problème. Ce n'est pas seulement une question de haine en ligne, mais cela a également un impact direct sur la façon dont les gens perçoivent une marque.
1.
Créez une expérience fluide
3.
Prouver la valeur de la solution
Indiquer le problème principal
Définir les points de douleur
Fournir un contexte
3.
Prouver la valeur de la solution
Mettre en avant les avantages de l'intégration de la solution Bodyguard.ai sur les plateformes en ligne de l'utilisateur.
1.
Créez une expérience de défilement fluide.
2.
Mettre en évidence le problème
Pourquoi ?
Les avantages de l'utilisation de Bodyguard.ai ne se limitent pas seulement à prévenir les mauvaises critiques ou les contenus haineux, mais ont également un impact à long terme sur la réputation et les revenus de la marque.
Comment ?
La transparence est cruciale lors de la mise en œuvre d'une solution SaaS, l'utilisateur doit savoir comment le logiciel fonctionne pour pouvoir faire confiance au processus.
Quoi ?
L'utilisateur doit également avoir accès à une plateforme pour examiner ce qui se passe, et c'est ici que l'application web et ses multiples fonctionnalités jouent un rôle essentiel dans la vente de la solution.
Conclusion
Ce que j'ai appris
Apprendre à structurer un site web était crucial pour réaliser ce projet. La refonte du site web était principalement axée sur la création d'une expérience attrayante afin que l'utilisateur prenne des mesures. La priorité était de peaufiner notre façon de commercialiser la solution et de créer une structure qui présente la stratégie de manière séduisante, en mode « parlez-moi-en davantage ». Le deuxième objectif principal était d'élever l'identité visuelle de la marque pour créer une atmosphère plus corporate sans se dissocier complètement de l'identité originale.
