Il est possible d’intégrer un outil d’analyse du visage par intelligence artificielle à un site de cosmétiques ou de soins de la peau sans avoir à développer un système complet d’analyse faciale. Skinive Face Scanner propose un Web Widget prêt à l’emploi pour une intégration rapide, ainsi qu’un Web SDK et une API pour les entreprises qui souhaitent créer une expérience plus personnalisée.

L’intégration de base du Web Widget peut être réalisée en environ cinq minutes. Pour des projets plus avancés, le Web SDK et l’API offrent d’autres possibilités, selon l’expérience client recherchée, les ressources de développement disponibles et l’architecture technique du site.

Table of Contents

Points clés à retenir

  • Skinive Face Scanner propose actuellement trois solutions d’intégration web : Web Widget, Web SDK et API.
  • Le Web Widget prêt à l’emploi constitue la solution la plus rapide, avec une intégration de base réalisable en environ cinq minutes.
  • Le Web Widget convient particulièrement aux entreprises qui privilégient la rapidité de déploiement et souhaitent limiter les efforts de développement.
  • Le Web SDK permet de créer des expériences web plus personnalisées.
  • L’API permet d’intégrer Skinive Face Scanner à une architecture applicative développée sur mesure.
  • Skinive peut utiliser le catalogue de soins d’une marque ou d’un distributeur, transmis au format CSV ou XML.
  • La synchronisation du catalogue est illimitée.
  • Le tableau de bord Skinive permet de suivre les analyses réalisées, les utilisateurs, les clics sur les produits et les conversions en ventes.
  • Une intégration réussie doit être évaluée sur l’ensemble du parcours client, et pas uniquement sur son fonctionnement technique.

Que signifie intégrer un outil d’analyse du visage par IA à un site web ?

L’intégration d’un outil d’analyse du visage par IA consiste à proposer une analyse cosmétique du visage directement dans le parcours numérique des clients d’une marque ou d’un distributeur.

Depuis le site web, un client peut accéder à l’outil, prendre les photos de son visage demandées, obtenir une analyse des caractéristiques cosmétiques visibles prises en charge, puis découvrir des produits adaptés.

Pour un site e-commerce de cosmétiques, cela crée un nouveau parcours de découverte des produits :

Site web → Analyse du visage → Résultats personnalisés → Découverte de produits adaptés

L’intégration peut être relativement simple ou plus personnalisée, selon les besoins de l’entreprise.

Un distributeur souhaitant lancer rapidement cette fonctionnalité peut commencer avec le Web Widget Skinive prêt à l’emploi.

Une entreprise qui souhaite davantage de personnalisation peut envisager le Web SDK ou l’API.

Quelles sont les trois méthodes d’intégration de Skinive Face Scanner ?

Skinive propose actuellement trois solutions pour intégrer l’analyse du visage par IA à un site web.

Méthode d’intégrationUtilisation recommandéeEffort de développement relatifPersonnalisation
Web WidgetLancement rapide et premières intégrationsFaibleExpérience prête à l’emploi
Web SDKExpériences web plus personnaliséesMoyenPlus grande souplesse d’intégration
APIArchitecture applicative sur mesureÉlevéContrôle accru de l’architecture technique

Ces trois méthodes permettent d’intégrer Skinive Face Scanner dans une expérience client.

Le choix dépend principalement de la rapidité de lancement souhaitée et du niveau de contrôle nécessaire sur le parcours utilisateur.

Option 1 : le Web Widget prêt à l’emploi

Le Web Widget est la solution la plus rapide pour intégrer Skinive Face Scanner à un site web.

Il s’adresse notamment aux entreprises qui souhaitent proposer une première expérience d’analyse du visage sans développer une intégration spécifique autour de la technologie.

L’intégration de base du Web Widget peut être réalisée en environ cinq minutes.

Cette solution convient notamment pour :

  • Les premières intégrations sur un site web
  • Les boutiques en ligne de cosmétiques
  • Les parcours de découverte de produits personnalisés
  • Les projets de démonstration de faisabilité
  • Les entreprises souhaitant tester l’expérience client avant d’investir dans une personnalisation plus poussée

Le travail nécessaire sur le reste du site peut néanmoins varier.

Une mise en production peut demander du temps supplémentaire pour préparer le catalogue, choisir l’emplacement de l’outil, configurer le suivi des performances, rédiger les contenus destinés aux clients, effectuer les tests, adapter les langues ou réaliser les validations internes.

Comment installer le Web Widget ?

L’installation doit suivre les instructions d’intégration Skinive en vigueur, mais le processus général a été conçu pour rester simple.

Voici les principales étapes.

Préparer l’environnement Skinive Face Scanner

Configurez les accès nécessaires à Skinive Face Scanner et à son Web Widget.

Choisir l’emplacement sur le site

Déterminez où les visiteurs pourront découvrir et utiliser l’outil d’analyse du visage.

Ajouter le Web Widget

Intégrez le composant prêt à l’emploi sur la page choisie, conformément aux instructions techniques Skinive.

Connecter les produits

Si le parcours comprend des recommandations de produits, préparez le catalogue de soins et les liens vers les pages produits correspondantes.

Tester l’ensemble du parcours client

Effectuez un test comme le ferait un véritable client, sans vous limiter à vérifier que le Web Widget s’affiche correctement.

Testez notamment :

Accès à l’outil → Prise de photos → Résultats de l’analyse → Découverte de produits → Page produit

Lancer et mesurer les performances

Une fois le parcours vérifié, rendez l’outil accessible aux clients et suivez son utilisation.

L’intégration technique ne représente qu’une partie du projet.

L’expérience proposée autour de l’outil détermine si les visiteurs comprennent son intérêt et savent comment poursuivre leur parcours après l’analyse.

Option 2 : le Web SDK pour une expérience plus personnalisée

Le Web SDK est disponible pour les entreprises qui souhaitent davantage de flexibilité qu’avec un Web Widget prêt à l’emploi.

Cette solution peut être envisagée lorsque Skinive Face Scanner doit s’intégrer à une expérience web développée de manière plus spécifique.

Le Web SDK peut ainsi convenir aux équipes techniques qui ont besoin de mieux maîtriser l’intégration de l’analyse du visage dans le parcours existant.

La mise en œuvre doit toutefois s’appuyer sur les fonctionnalités documentées dans la version actuelle du Web SDK Skinive, sans supposer la disponibilité de fonctions qui n’ont pas été définies.

Pour les entreprises dont la priorité est de lancer rapidement le service, le Web Widget reste la solution la plus simple.

Option 3 : l’intégration par API

Skinive propose également une API.

L’intégration par API s’adresse aux entreprises qui souhaitent incorporer Skinive Face Scanner dans une architecture technique personnalisée.

Contrairement au Web Widget prêt à l’emploi, cette méthode implique généralement davantage de travail pour l’équipe de développement.

Elle peut convenir notamment :

  • Aux plateformes de beauté développées sur mesure
  • Aux produits numériques de plus grande envergure
  • Aux entreprises disposant de leur propre architecture applicative
  • Aux projets pour lesquels un composant prêt à l’emploi ne correspond pas à l’expérience client recherchée

L’API n’est pas automatiquement une meilleure solution.

La méthode appropriée dépend des besoins réels du produit et des contraintes techniques.

Web Widget, Web SDK ou API : quelle solution choisir ?

Il est généralement préférable de commencer par la méthode d’intégration la plus simple qui répond aux besoins de l’entreprise et de ses clients.

Votre prioritéSolution à envisager
Lancer rapidement l’outilWeb Widget
Limiter les efforts de développement initiauxWeb Widget
Tester le parcours client avec l’analyse du visageWeb Widget
Créer une expérience web plus personnaliséeWeb SDK
Intégrer l’analyse à une architecture applicative sur mesureAPI
Évaluer l’intérêt des clients avant un développement plus pousséWeb Widget

Une intégration plus complexe n’apporte pas nécessairement davantage de valeur.

Pour de nombreuses entreprises du secteur cosmétique, la démarche la plus pertinente consiste à :

Lancer → Mesurer → Analyser → Personnaliser si nécessaire

Cette approche permet d’éviter d’investir dans un développement important avant de comprendre comment les clients utilisent réellement l’outil.

Que se passe-t-il lorsqu’un client ouvre Skinive Face Scanner ?

L’intégration doit être pensée autour de l’ensemble du parcours client.

Une expérience d’analyse cosmétique peut suivre les étapes suivantes.

Accéder à l’outil d’analyse du visage

Le client découvre Skinive Face Scanner grâce à un point d’entrée adapté sur le site.

Prendre les photos du visage

Skinive Face Scanner utilise trois vues du visage : de face, de profil gauche et de profil droit.

Analyser les caractéristiques cosmétiques visibles

L’intelligence artificielle analyse les caractéristiques visibles prises en charge par le système.

Celles-ci peuvent notamment comprendre :

  • Les ridules et les rides
  • Les pores
  • Les points noirs
  • Les points blancs
  • Les imperfections liées à l’acné
  • Les taches brunes et la pigmentation
  • Les rougeurs
  • Les irrégularités visibles du grain de peau

Présenter les résultats de l’analyse

Les résultats doivent être formulés dans un langage cosmétique clair et compréhensible.

Associer les résultats à des produits

Les informations issues de l’analyse peuvent contribuer à la découverte de produits adaptés, à partir du catalogue de soins du distributeur.

Poursuivre les achats

Le client peut consulter les fiches des produits proposés et continuer son parcours d’achat.

Skinive Face Scanner ne doit donc pas être perçu comme une fonctionnalité interactive isolée.

Son rôle est d’aider les clients à passer de leurs interrogations sur leur peau à la découverte de produits pertinents.

Comment connecter Skinive Face Scanner à votre catalogue de produits ?

L’analyse du visage présente davantage d’intérêt commercial lorsqu’elle permet aux clients de découvrir les produits réellement proposés par l’entreprise.

Skinive Face Scanner peut fonctionner avec le catalogue de soins d’une marque ou d’un distributeur.

Les données du catalogue peuvent être transmises aux formats :

  • CSV
  • XML

Les informations minimales requises pour chaque produit sont :

  • Nom du produit
  • Description
  • Ingrédients
  • Prix
  • URL de la fiche produit

La synchronisation du catalogue est illimitée.

Le nombre de produits pris en charge dépend de l’offre choisie.

OffreTaille du catalogueTarif
StarterJusqu’à 1 000 produits99 €/mois + 0,20 € par analyse
GrowthJusqu’à 5 000 produits199 €/mois + 0,15 € par analyse
EnterpriseSur mesureTarif personnalisé

L’URL de la fiche produit est particulièrement importante pour le commerce en ligne, car elle permet aux clients de poursuivre leur parcours vers les produits qui les intéressent.

Pour approfondir le fonctionnement des recommandations, consultez notre article Recommandations de soins par IA : de l’analyse du visage aux produits adaptés.

Que doivent préparer les développeurs avant l’intégration ?

Une préparation minimale permet de faciliter l’installation et les tests.

Avant de commencer, il est utile de définir :

  • Le site web ou l’environnement de test
  • La méthode d’intégration retenue
  • L’emplacement prévu pour accéder à Skinive Face Scanner
  • Le catalogue de soins, si la découverte de produits fait partie du parcours
  • Les URL des fiches produits
  • Les exigences de test sur ordinateur et sur mobile
  • Le parcours client attendu
  • Les outils de mesure des performances du site et des ventes
  • Les exigences applicables en matière d’information des clients, de confidentialité et de consentement

L’objectif n’est pas seulement de vérifier que la technologie fonctionne.

Les développeurs doivent pouvoir reproduire le parcours d’un véritable client, depuis l’accès à l’outil jusqu’à la découverte des produits.

Où placer un outil d’analyse du visage sur un site de cosmétiques ?

L’emplacement doit correspondre aux intentions des visiteurs.

Un outil d’analyse du visage peut être proposé à différents moments du parcours d’achat.

Emplacement sur le siteUtilisation possible
Page d’accueilPrésenter la découverte personnalisée de soins
Page de catégorie « Soins de la peau »Aider les clients à s’orienter dans un catalogue important
Page dédiée à l’analyse du visageProposer un parcours complet, de l’analyse aux produits
Parcours de découverte des produitsAjouter une dimension visuelle à la personnalisation
Fiche produitProposer une analyse personnalisée à proximité d’une décision d’achat
Espace clientOffrir un point d’accès supplémentaire lorsque cela est pertinent
Page de campagneCréer un parcours spécifique autour de l’analyse du visage

Il n’existe pas d’emplacement universellement optimal.

La page d’accueil peut offrir davantage de visibilité, tandis qu’une catégorie de soins peut attirer des visiteurs ayant une intention plus précise de découvrir des produits.

Une page dédiée permet d’expliquer plus en détail le fonctionnement de l’analyse avant de demander au client de prendre des photos de son visage.

Il est donc préférable de tester différents emplacements plutôt que de supposer lequel sera le plus efficace.

Pour approfondir ce sujet, consultez Analyse du visage par IA pour l’e-commerce : comment personnaliser l’achat de soins de la peau.

Comment intégrer l’analyse du visage au parcours d’achat en ligne ?

Une intégration technique réussie ne suffit pas à garantir une bonne expérience utilisateur.

Avant de commencer, les clients doivent comprendre :

De quoi s’agit-il ?

Pourquoi devrais-je utiliser cet outil ?

Que se passe-t-il après l’analyse ?

Une intégration efficace doit :

  • Expliquer les avantages pour le client avant la prise de photos
  • Proposer des points d’accès clairs à l’analyse du visage
  • Fournir des instructions faciles à comprendre
  • Faciliter la prise des trois vues du visage
  • Présenter les résultats dans un langage adapté aux cosmétiques
  • Offrir un accès clair aux produits pertinents
  • Faciliter la consultation des fiches produits
  • Préserver la navigation habituelle sur le site
  • Fonctionner correctement sur les navigateurs mobiles
  • Permettre de mesurer les principales étapes d’abandon

L’analyse du visage doit s’intégrer naturellement au parcours d’achat, plutôt que ressembler à une simple démonstration technologique.

Pourquoi l’expérience sur mobile est-elle importante ?

De nombreux consommateurs consultent les sites de cosmétiques depuis leur smartphone.

L’expérience sur navigateur mobile constitue donc un élément important de l’intégration et des tests.

Il convient notamment de vérifier :

  • La prise de photos du visage
  • Le comportement du navigateur
  • L’affichage des pages
  • La navigation
  • La présentation des résultats
  • Les liens vers les produits
  • La navigation de retour

Il ne suffit pas de réduire l’interface conçue pour un ordinateur.

L’ensemble du parcours Skinive Face Scanner doit rester compréhensible et facile à utiliser depuis un navigateur mobile.

Comment tester l’intégration avant le lancement ?

Les tests préalables doivent couvrir l’intégralité du parcours client.

Vérifier l’intégration technique

Assurez-vous que le Web Widget, le Web SDK ou l’API fonctionne conformément à l’implémentation choisie.

Effectuer la prise des trois vues

Testez la capture du visage de face, de profil gauche et de profil droit.

Tester sur mobile et sur ordinateur

Vérifiez le fonctionnement dans les environnements réellement utilisés par vos clients.

Examiner la présentation des résultats

Assurez-vous que les résultats sont formulés dans un langage cosmétique approprié et respectent le périmètre de l’analyse.

Vérifier les données du catalogue

Contrôlez les informations produits utilisées dans le parcours.

Tester les liens vers les produits

Ouvrez les liens et vérifiez qu’ils mènent aux bonnes fiches produits.

Vérifier la navigation

Testez l’accès à l’outil, la poursuite du parcours, le retour en arrière et la sortie.

Contrôler le suivi des performances

Assurez-vous que l’entreprise peut mesurer les étapes pertinentes du parcours sur le site et dans l’environnement e-commerce.

Vérifier les informations relatives à la confidentialité

Contrôlez les informations destinées aux clients et les exigences applicables au marché et à l’intégration concernés.

Tester le parcours comme un nouveau client

Effectuez un test sans vous appuyer sur votre connaissance préalable du fonctionnement de l’outil.

Cette méthode permet souvent d’identifier des problèmes d’expérience utilisateur qui échappent aux seuls tests techniques.

Comment mesurer l’efficacité de l’intégration sur votre site ?

Une intégration techniquement fonctionnelle ne garantit pas un parcours client efficace.

Skinive Face Scanner peut être évalué à travers les différentes étapes d’un entonnoir de conversion.

Étape du parcoursQuestion à se poser
DécouverteLes visiteurs trouvent-ils facilement l’outil ?
DémarrageLes visiteurs commencent-ils l’analyse ?
Prise de photosLes clients terminent-ils les trois vues demandées ?
RésultatsLes clients consultent-ils les résultats et interagissent-ils avec eux ?
Découverte de produitsLes clients poursuivent-ils leur parcours vers les produits ?
AchatQue se passe-t-il après l’accès au parcours d’achat ?

Le tableau de bord Skinive comprend les indicateurs suivants :

  • Analyses réalisées
  • Utilisateurs
  • Clics sur les produits
  • Conversions en ventes

Les autres indicateurs relatifs au site et au commerce en ligne dépendent des outils d’analyse propres au distributeur.

L’essentiel est d’identifier les étapes auxquelles les clients interrompent leur parcours, plutôt que de juger l’intégration uniquement sur le nombre total d’analyses.

Pour approfondir l’optimisation des conversions, consultez Comment l’analyse du visage par IA peut améliorer la conversion en e-commerce de cosmétiques.

Les erreurs courantes lors de l’intégration sur un site web

Certaines erreurs peuvent limiter l’intérêt d’un outil d’analyse du visage, même lorsqu’il fonctionne parfaitement sur le plan technique.

Rendre l’outil difficile à trouver

Les clients ne peuvent pas utiliser une fonctionnalité de personnalisation qu’ils ne découvrent jamais.

Ne pas expliquer les avantages

Une invitation comme « Essayez notre IA » est moins informative qu’un message expliquant ce que le client peut obtenir grâce à l’analyse.

Considérer l’analyse comme une finalité

Après avoir obtenu leurs résultats, les clients doivent pouvoir passer à une étape utile.

Utiliser des données produits incomplètes

La découverte personnalisée perd de son intérêt lorsque le catalogue est incomplet ou obsolète.

Rediriger vers les mauvaises fiches produits

Même une recommandation pertinente perd de sa valeur si le lien ne mène pas au bon produit.

Développer trop de fonctionnalités dès le départ

Une intégration complexe peut mobiliser d’importantes ressources avant même que l’entreprise comprenne le comportement réel de ses clients.

Négliger les navigateurs mobiles

Une expérience confortable uniquement sur ordinateur ne répond pas aux besoins d’une partie importante des visiteurs.

Mesurer uniquement le nombre d’analyses

Le volume d’analyses ne permet pas, à lui seul, de comprendre ce que les clients font ensuite.

Employer un vocabulaire médical inadapté

Skinive Face Scanner est destiné à la beauté, aux cosmétiques et à la personnalisation des soins de la peau. Les contenus du site ne doivent pas le présenter comme un outil de diagnostic médical.

Confidentialité et confiance des clients

L’intégration d’un outil d’analyse du visage implique l’utilisation d’images faciales. Les questions de confidentialité doivent donc être prises en compte dès la conception du projet.

Les entreprises doivent examiner les exigences applicables à leur déploiement, notamment en matière d’information des clients, de consentement, de traitement, de stockage, de conservation, de sécurité et de protection des données personnelles.

Ces exigences peuvent varier selon le marché et les modalités de l’intégration.

Skinive Face Scanner doit également être présenté conformément à sa finalité.

Il s’agit d’une solution destinée à la beauté, aux cosmétiques et à la personnalisation des soins de la peau, et non d’un service de diagnostic médical ou d’un substitut aux conseils d’un professionnel de santé.

Comment Skinive facilite l’intégration sur un site web

FonctionnalitéSkinive Face Scanner
Intégration web la plus rapideWeb Widget prêt à l’emploi
Installation de base du Web WidgetEnviron cinq minutes
Web SDKDisponible
APIDisponible
SDK natif iOSPrévu
SDK natif AndroidPrévu
Prise de photosVisage de face, profil gauche et profil droit
Analyse cosmétiquePlusieurs caractéristiques cosmétiques visibles prises en charge
Catalogue de produitsCSV ou XML
Données minimales du catalogueNom, description, ingrédients, prix, URL de la fiche produit
Synchronisation du catalogueIllimitée
Statistiques du tableau de bordAnalyses, utilisateurs, clics sur les produits, conversions en ventes
AssistanceE-mail et appels programmés pendant les heures ouvrables

Une stratégie de déploiement progressive : tester d’abord, personnaliser ensuite

Une entreprise du secteur cosmétique n’a pas besoin de commencer par l’intégration la plus complexe.

Une démarche progressive permet de lancer l’expérience, de mesurer son efficacité et d’investir dans des personnalisations supplémentaires uniquement lorsqu’elles présentent un intérêt réel.

Commencer avec le Web Widget

Utilisez la solution prête à l’emploi pour créer un premier parcours client fonctionnel.

Connecter un catalogue représentatif

Assurez-vous que les clients peuvent passer de l’analyse cosmétique aux produits réellement commercialisés par l’entreprise.

Tester le parcours complet

Évaluez l’expérience depuis l’accès à l’outil jusqu’à la prise de photos, la consultation des résultats et la découverte des produits.

Mesurer le comportement des clients

Utilisez les statistiques Skinive et, lorsque cela est pertinent, les outils de mesure du site et du commerce en ligne.

Optimiser l’expérience

Améliorez l’emplacement de l’outil, les messages, les instructions de prise de photos et la transition vers les produits en fonction des comportements observés.

Déterminer si une personnalisation supplémentaire est nécessaire

Évaluez si le Web Widget répond déjà aux besoins de l’entreprise ou si une intégration plus personnalisée apporterait une réelle valeur ajoutée.

Envisager le Web SDK ou l’API lorsque cela se justifie

Passez à une intégration plus poussée lorsqu’un besoin fonctionnel ou technique précis le nécessite, et non simplement pour ajouter de la complexité.

Le principe est simple :

Web Widget → Validation du parcours → Mesure → Optimisation → Personnalisation si nécessaire

Articles complémentaires

Intégrez l’analyse du visage par IA à votre site web

Proposez une expérience de soins personnalisée grâce à l’analyse du visage par intelligence artificielle. Utilisez le Web Widget prêt à l’emploi pour une intégration rapide ou créez une expérience plus personnalisée avec le Web SDK ou l’API disponibles.