Een AI-gezichtsscanner kan aan een website voor cosmetica of huidverzorging worden toegevoegd zonder dat je zelf een volledig systeem voor gezichtsanalyse hoeft te ontwikkelen. Skinive Face Scanner biedt een kant-en-klare webwidget voor een snelle implementatie, naast een Web SDK en API voor bedrijven die meer maatwerk nodig hebben.
De basisimplementatie van de webwidget kan in ongeveer vijf minuten worden uitgevoerd. Voor uitgebreidere integraties kunnen bedrijven de Web SDK of API gebruiken, afhankelijk van de gewenste klantervaring, beschikbare ontwikkelcapaciteit en bestaande websitearchitectuur.
Belangrijkste punten
- Skinive Face Scanner biedt momenteel drie mogelijkheden voor website-integratie: Web Widget, Web SDK en API.
- De kant-en-klare webwidget is de snelste optie en kan voor een basisimplementatie in ongeveer vijf minuten worden toegevoegd.
- De webwidget is geschikt wanneer een snelle lancering en minimale ontwikkelinspanning belangrijk zijn.
- De Web SDK biedt meer flexibiliteit voor aangepaste webimplementaties.
- De API maakt integratie mogelijk binnen de eigen technische architectuur van een bedrijf.
- Skinive kan werken met de bestaande productcatalogus van een cosmeticamerk of retailer, aangeleverd via CSV of XML.
- De productcatalogus kan onbeperkt worden gesynchroniseerd.
- Het Skinive-dashboard biedt statistieken over scans, gebruikers, productklikken en verkoopconversies.
- Bij website-integratie moet de volledige klantreis worden beoordeeld, niet alleen de technische plaatsing van de scanner.
Wat betekent het om een AI-gezichtsscanner op een website te integreren?
Website-integratie betekent dat klanten binnen de digitale omgeving van een merk of retailer toegang krijgen tot cosmetische gezichtsanalyse met AI.
Een klant kan de Face Scanner vanaf de website openen, de benodigde gezichtsbeelden vastleggen, een analyse van ondersteunde zichtbare cosmetische kenmerken ontvangen en vervolgens relevante huidverzorgingsproducten ontdekken.
Voor een webshop voor cosmetica ontstaat hierdoor een nieuwe route door het assortiment:
Website → Gezichtsanalyse → Cosmetische inzichten → Relevante producten ontdekken
De implementatie kan relatief eenvoudig zijn of meer maatwerk vereisen, afhankelijk van de behoeften van het bedrijf.
Een retailer die snel wil beginnen, kan kiezen voor de kant-en-klare webwidget van Skinive.
Voor een meer aangepaste website-ervaring kunnen de Web SDK of API worden overwogen.
Welke drie integratiemogelijkheden biedt Skinive Face Scanner?
Skinive biedt momenteel drie manieren om de Face Scanner op een website te integreren.
| Integratiemethode | Meest geschikt voor | Relatieve ontwikkelinspanning | Aanpassingsmogelijkheden |
|---|---|---|---|
| Web Widget | Snelle lancering en eerste implementaties | Laagst | Kant-en-klare gebruikerservaring |
| Web SDK | Meer aangepaste website-ervaringen | Gemiddeld | Meer flexibiliteit bij de implementatie |
| API | Integratie binnen een eigen applicatiearchitectuur | Hoogst | Meer controle over de technische architectuur |
Deze methoden bieden verschillende manieren om Skinive Face Scanner onderdeel te maken van de klantervaring.
De beste keuze hangt af van hoe snel het bedrijf wil starten en hoeveel controle het nodig heeft over de verdere inrichting van de gebruikerservaring.
Optie 1: Kant-en-klare webwidget
De webwidget is de snelste manier om Skinive Face Scanner aan een website toe te voegen.
Deze optie is vooral interessant voor bedrijven die een eerste ervaring met de Face Scanner willen aanbieden zonder direct een eigen technische oplossing rond de analysetechnologie te ontwikkelen.
De basisimplementatie van de webwidget kan in ongeveer vijf minuten worden uitgevoerd.
De webwidget is onder meer geschikt voor:
- Eerste website-implementaties
- Webshops voor cosmetica en huidverzorging
- Persoonlijke productaanbevelingen
- Proof-of-conceptprojecten
- Bedrijven die de klantervaring willen testen voordat ze investeren in uitgebreid maatwerk
De benodigde werkzaamheden aan de rest van de website kunnen wel verschillen.
Voor een volledige lancering kan extra tijd nodig zijn voor het voorbereiden van de productcatalogus, het bepalen van de plaatsing, het instellen van statistieken, het schrijven van klantgerichte teksten, testen, vertalingen of interne goedkeuring.
Hoe voeg je de webwidget toe aan je website?
De exacte implementatie moet worden uitgevoerd volgens de actuele integratie-instructies van Skinive. Het algemene proces is echter bewust eenvoudig gehouden.
Een praktische aanpak bestaat uit de volgende stappen.
1. Bereid de Skinive Face Scanner-omgeving voor
Regel de toegang tot Skinive Face Scanner en de implementatie van de webwidget.
2. Kies de locatie op de website
Bepaal waar bezoekers de Face Scanner kunnen vinden.
3. Voeg de webwidget toe
Plaats de kant-en-klare webwidget op de gekozen webpagina volgens de actuele integratie-instructies van Skinive.
4. Koppel de productervaring
Als productaanbevelingen onderdeel zijn van de klantreis, bereid dan de huidverzorgingscatalogus en de relevante productpagina’s voor.
5. Test de volledige klantreis
Doorloop het proces zoals een klant dat zou doen. Controleer niet alleen of de widget wordt geladen.
Test:
Start → Gezichtsbeelden vastleggen → Analyseresultaten → Producten ontdekken → Productpagina
6. Lanceer en meet
Wanneer alles correct werkt, kun je de Face Scanner beschikbaar maken voor klanten en hun interacties volgen.
De technische integratie is slechts één onderdeel van de implementatie.
De volledige gebruikerservaring bepaalt of bezoekers begrijpen waarom ze de Face Scanner zouden gebruiken en wat ze daarna kunnen doen.
Optie 2: Web SDK voor een aangepaste gebruikerservaring
De Web SDK is beschikbaar voor bedrijven die meer flexibiliteit willen dan een kant-en-klare webwidget biedt.
Deze optie is interessant wanneer Skinive Face Scanner onderdeel moet worden van een meer aangepaste website-ervaring, in plaats van voornamelijk als een standaardcomponent te functioneren.
De Web SDK kan daarom geschikt zijn wanneer een ontwikkelteam meer controle nodig heeft over de manier waarop de Face Scanner in de website wordt geïntegreerd.
De specifieke implementatie moet worden gebaseerd op de gedocumenteerde mogelijkheden van de actuele Skinive Web SDK. Er mag niet worden uitgegaan van functionaliteiten die niet expliciet zijn beschreven.
Voor bedrijven die vooral snel willen starten, blijft de webwidget de eenvoudigste keuze.
Optie 3: Integratie via API
Skinive biedt ook een API.
API-integratie is relevant wanneer een bedrijf Skinive Face Scanner wil opnemen in een bredere, op maat ontwikkelde technische omgeving.
Vergeleken met een kant-en-klare webwidget vraagt deze aanpak doorgaans meer ontwikkelwerk van het eigen technische team.
De API kan geschikt zijn voor:
- Op maat ontwikkelde cosmeticaplatforms
- Grotere digitale producten
- Bedrijven met een eigen applicatiearchitectuur
- Implementaties waarbij een standaardwidget niet aansluit op de gewenste gebruikerservaring
Een API is niet automatisch de betere integratiemethode.
De juiste keuze hangt af van de daadwerkelijke product- en technische vereisten.
Web Widget vs. Web SDK vs. API: welke kies je?
Begin met de eenvoudigste integratiemethode die voldoet aan de eisen van je bedrijf en de gewenste klantervaring.
| Als je prioriteit is… | Overweeg dan |
|---|---|
| Snel lanceren | Web Widget |
| De initiële ontwikkelinspanning beperken | Web Widget |
| De klantreis met de Face Scanner testen | Web Widget |
| Een meer aangepaste website-ervaring ontwikkelen | Web SDK |
| Integreren binnen een eigen applicatiearchitectuur | API |
| De belangstelling testen voordat je verder ontwikkelt | Web Widget |
Een complexere implementatie levert niet automatisch meer waarde op.
Voor veel cosmeticabedrijven is de volgende aanpak praktisch:
Lanceren → Meten → Leren → Aanpassen wanneer dat meerwaarde biedt
Zo voorkom je dat je veel ontwikkelcapaciteit investeert in maatwerk voordat duidelijk is hoe klanten de Face Scanner daadwerkelijk gebruiken.
Wat gebeurt er nadat een klant de Face Scanner opent?
Bij website-integratie moet de volledige klantreis centraal staan.
Een gebruikelijke ervaring binnen cosmetica en huidverzorging kan uit de volgende stappen bestaan.
1. De Face Scanner openen
De klant ontdekt de Face Scanner via een duidelijk toegangspunt op de website.
2. Gezichtsbeelden vastleggen
Skinive Face Scanner gebruikt drie gezichtsbeelden: van voren, links en rechts.
3. Zichtbare cosmetische kenmerken analyseren
De AI analyseert de zichtbare cosmetische kenmerken die door het systeem worden ondersteund.
Dit kunnen onder meer zijn:
- Fijne lijntjes en rimpels
- Poriën
- Mee-eters
- Gesloten comedonen
- Acnegerelateerde onzuiverheden
- Donkere vlekken en pigmentatie
- Roodheid
- Een ongelijkmatige huidtextuur
4. Cosmetische inzichten presenteren
De resultaten moeten in duidelijke, begrijpelijke taal worden weergegeven, passend bij huidverzorging en cosmetica.
5. Inzichten koppelen aan producten
Relevante inzichten kunnen worden gebruikt om klanten producten te laten ontdekken uit de eigen huidverzorgingscatalogus van de retailer.
6. Verder winkelen
De klant kan doorgaan naar relevante productpagina’s en de gebruikelijke winkelervaring.
De Face Scanner moet daarom geen losstaande interactieve functie zijn.
Het doel is klanten te helpen om vanuit onzekerheid geschikte producten te ontdekken.
Hoe koppel je de Face Scanner aan je productcatalogus?
Gezichtsanalyse wordt commercieel interessanter wanneer klanten vanuit hun resultaten producten kunnen ontdekken die het bedrijf daadwerkelijk verkoopt.
Skinive Face Scanner kan werken met de bestaande huidverzorgingscatalogus van een cosmeticamerk of retailer.
Productgegevens kunnen worden aangeleverd via:
- CSV
- XML
De minimaal benodigde productinformatie bestaat uit:
- Productnaam
- Beschrijving
- Ingrediënten
- Prijs
- URL van de productpagina
De productcatalogus kan onbeperkt worden gesynchroniseerd.
De maximale catalogusomvang is afhankelijk van het abonnement.
| Abonnement | Catalogusomvang | Prijs |
|---|---|---|
| Starter | Tot 1.000 producten | € 99/maand + € 0,20 per scan |
| Growth | Tot 5.000 producten | € 199/maand + € 0,15 per scan |
| Enterprise | Op maat | Op aanvraag |
De URL van de productpagina is vooral belangrijk voor webshops, omdat klanten daarmee direct verder kunnen naar een relevant product.
Lees voor meer informatie over productaanbevelingen het artikel AI-aanbevelingen voor huidverzorging: van gezichtsanalyse naar relevante producten.
Wat moeten ontwikkelaars voorbereiden voordat ze beginnen?
Een goede voorbereiding kan de implementatie en het testen efficiënter maken.
Bepaal vooraf:
- De website of testomgeving
- De gekozen integratiemethode
- Waar bezoekers de Face Scanner kunnen openen
- De huidverzorgingscatalogus, als productaanbevelingen worden gebruikt
- Geldige links naar productpagina’s
- De testvereisten voor desktop en mobiel
- De volledige klantreis
- Relevante website- en e-commercestatistieken
- De privacy- en toestemmingsvereisten die voor de implementatie gelden
Het doel is om meer te testen dan alleen de technische werking.
Ontwikkelaars moeten dezelfde route kunnen volgen als een echte klant, vanaf het openen van de Face Scanner tot het ontdekken van producten.
Waar plaats je een AI-gezichtsscanner op een website voor cosmetica?
De plaatsing moet aansluiten bij de intentie van de klant.
Een Face Scanner kan op verschillende momenten in de klantreis van een webshop worden aangeboden.
| Locatie op de website | Mogelijke functie |
|---|---|
| Homepage | Persoonlijke huidverzorgingsaanbevelingen introduceren |
| Categoriepagina voor huidverzorging | Klanten helpen navigeren door een groot assortiment |
| Speciale Face Scanner-pagina | Een gerichte ervaring bieden van analyse tot productaanbeveling |
| Pagina voor productaanbevelingen | Visuele personalisatie toevoegen aan het vinden van producten |
| Productpagina | Personalisatie aanbieden wanneer de klant een product overweegt |
| Klantomgeving | Een extra toegangspunt bieden waar dat relevant is |
| Campagnelandingspagina | Een specifieke klantreis rond de Face Scanner creëren |
Er bestaat geen universeel optimale plaatsing.
De homepage kan voor veel zichtbaarheid zorgen, terwijl een categoriepagina voor huidverzorging bezoekers kan bereiken die al actief naar producten zoeken.
Een speciale Face Scanner-pagina biedt meer ruimte om de ervaring uit te leggen voordat klanten wordt gevraagd gezichtsbeelden te maken.
Daarom moet de plaatsing worden getest in plaats van vooraf als optimaal te worden beschouwd.
Lees voor een bredere e-commercestrategie het artikel AI-gezichtsscanner voor webshops: huidverzorging persoonlijker maken.
Hoe integreer je de Face Scanner in de gebruikerservaring van een webshop?
Een technische integratie alleen zorgt nog niet voor een waardevolle klantervaring.
Voordat klanten beginnen, moeten ze drie vragen kunnen beantwoorden:
Wat is dit?
Waarom zou ik het gebruiken?
Wat gebeurt er na de analyse?
Een goede implementatie moet:
- Het voordeel voor de klant uitleggen voordat de analyse begint
- Duidelijke toegangspunten naar de Face Scanner bieden
- Begrijpelijke instructies geven voor het maken van gezichtsbeelden
- Het proces met drie gezichtsbeelden eenvoudig maken
- Resultaten presenteren in taal die past bij cosmetica en huidverzorging
- Een duidelijke route naar relevante producten bieden
- Productpagina’s gemakkelijk bereikbaar maken
- De normale navigatie door de webshop behouden
- Goed functioneren in mobiele browsers
- Belangrijke uitvalmomenten in de klantreis meten
De Face Scanner moet aanvoelen als een natuurlijk onderdeel van het winkelen, niet als een demonstratie van technologie.
Waarom is de mobiele website belangrijk?
Veel klanten bezoeken websites voor cosmetica en huidverzorging via hun smartphone.
Daarom is de mobiele website een belangrijk onderdeel van de implementatie en het testen van de Face Scanner.
Test de ervaring onder relevante mobiele omstandigheden, waaronder:
- Het maken van gezichtsbeelden
- De werking in verschillende browsers
- De pagina-indeling
- De navigatie
- De presentatie van resultaten
- De productlinks
- Het terugnavigeren
Het doel is niet om de desktopversie simpelweg kleiner weer te geven.
De volledige klantreis moet ook in een mobiele browser duidelijk en gebruiksvriendelijk blijven.
Hoe test je de integratie vóór de lancering?
Een test vóór de lancering moet de volledige klantreis omvatten.
Test de integratie
Controleer of de gekozen implementatie via Web Widget, Web SDK of API naar behoren functioneert.
Doorloop het proces met drie gezichtsbeelden
Test het vastleggen van de voor-, linker- en rechteraanzichten.
Test op mobiel en desktop
Controleer de werking in de websiteomgevingen die klanten daadwerkelijk gebruiken.
Controleer de presentatie van de resultaten
Zorg dat de resultaten in passende cosmetische taal worden weergegeven en binnen de bedoelde toepassing blijven.
Controleer de productgegevens
Verifieer de catalogusinformatie die tijdens de ervaring wordt gebruikt.
Controleer de productlinks
Open de productlinks en controleer of ze naar de juiste pagina’s leiden.
Controleer de navigatie
Test het openen, doorgaan, terugkeren en verlaten van de ervaring.
Controleer de statistieken
Zorg dat het bedrijf de relevante website- en e-commerceactiviteiten rond de Face Scanner kan meten.
Controleer de privacycommunicatie
Controleer welke informatie aan klanten moet worden verstrekt voor de specifieke implementatie en markt.
Test als een nieuwe klant
Doorloop de volledige ervaring zonder voorkennis van de technische werking.
Dit brengt vaak gebruiksproblemen aan het licht die tijdens een puur technische test onopgemerkt blijven.
Hoe meet je of de website-integratie succesvol is?
Een technisch werkende integratie is niet hetzelfde als een waardevolle klantreis.
De Face Scanner kan worden beoordeeld als een conversiefunnel.
| Fase van de klantreis | Voorbeeldvraag |
|---|---|
| Ontdekken | Kunnen klanten de Face Scanner vinden? |
| Start | Beginnen bezoekers daadwerkelijk met de ervaring? |
| Gezichtsbeelden vastleggen | Voltooien klanten de drie benodigde gezichtsbeelden? |
| Resultaten | Bereiken klanten de resultaten en bekijken ze deze? |
| Producten ontdekken | Gaan klanten verder naar relevante producten? |
| Aankoopproces | Wat gebeurt er nadat klanten verdergaan met winkelen? |
Het Skinive-dashboard bevat statistieken over:
- Scans
- Gebruikers
- Productklikken
- Verkoopconversies
Aanvullende website- en e-commercestatistieken zijn afhankelijk van de eigen analyseomgeving van de retailer.
Het belangrijkste is om te begrijpen waar klanten afhaken, in plaats van de implementatie uitsluitend te beoordelen op het totale aantal scans.
Een uitgebreidere aanpak voor conversieoptimalisatie wordt besproken in Hoe AI-gezichtsscanners de conversie van webshops voor cosmetica kunnen verhogen.
Veelgemaakte fouten bij website-integratie
Verschillende fouten kunnen ervoor zorgen dat een technisch goed werkende Face Scanner minder waarde oplevert.
De Face Scanner moeilijk vindbaar maken
Klanten kunnen een personalisatiefunctie niet gebruiken als ze deze niet kunnen vinden.
Het voordeel niet uitleggen
Een knop met ‘Probeer onze AI’ vertelt minder dan een duidelijke uitleg van wat klanten met de Face Scanner kunnen bereiken.
De scan als eindpunt beschouwen
Na de analyse hebben klanten een nuttige vervolgstap nodig.
Onvolledige productgegevens gebruiken
Persoonlijke productaanbevelingen worden minder waardevol wanneer de catalogus onvolledig of verouderd is.
Verkeerde productlinks gebruiken
Relevante aanbevelingen verliezen hun waarde als de links niet naar de juiste productpagina’s leiden.
Te vroeg te veel ontwikkelen
Een complexe maatwerkimplementatie kan veel ontwikkelcapaciteit kosten voordat duidelijk is hoe klanten de functie daadwerkelijk gebruiken.
De mobiele website negeren
Een implementatie die alleen op desktop prettig werkt, houdt onvoldoende rekening met een belangrijk deel van het websitegebruik.
Alleen het aantal scans meten
Het aantal scans laat niet zien wat klanten daarna doen.
Medische terminologie gebruiken
Skinive Face Scanner is bedoeld voor cosmetica, schoonheidsverzorging en persoonlijke huidverzorging. De website mag de Face Scanner niet presenteren als een medisch diagnostisch hulpmiddel.
Privacy en klantvertrouwen
Bij de integratie van een Face Scanner worden gezichtsbeelden gebruikt. Privacy moet daarom vanaf het begin onderdeel zijn van de implementatie.
Bedrijven moeten nagaan welke vereisten van toepassing zijn op hun specifieke toepassing, waaronder klantcommunicatie, toestemming, gegevensverwerking, opslag, bewaartermijnen, beveiliging en toepasselijke privacywetgeving.
De exacte vereisten kunnen verschillen per implementatie en markt.
Ook moet Skinive Face Scanner binnen de bedoelde toepassing worden gepresenteerd.
Het is een oplossing voor cosmetica en persoonlijke huidverzorging, geen medische diagnostische dienst of vervanging voor professioneel medisch advies.
Hoe ondersteunt Skinive website-integratie?
| Mogelijkheid | Skinive Face Scanner |
|---|---|
| Snelste website-integratie | Kant-en-klare Web Widget |
| Basisimplementatie van de widget | Ongeveer vijf minuten |
| Web SDK | Beschikbaar |
| API | Beschikbaar |
| Native iOS SDK | Gepland |
| Native Android SDK | Gepland |
| Gezichtsbeelden | Vooraanzicht, linker- en rechteraanzicht |
| Cosmetische analyse | Meerdere ondersteunde zichtbare cosmetische kenmerken |
| Productcatalogus | CSV of XML |
| Minimaal benodigde catalogusgegevens | Naam, beschrijving, ingrediënten, prijs, URL van de productpagina |
| Catalogussynchronisatie | Onbeperkt |
| Dashboardstatistieken | Scans, gebruikers, productklikken, verkoopconversies |
| Ondersteuning | E-mail en geplande gesprekken tijdens kantooruren |
Praktische aanpak: eerst testen, daarna uitbreiden
Een cosmeticabedrijf hoeft niet meteen te beginnen met de meest complexe implementatie.
Een gefaseerde aanpak kan uit de volgende stappen bestaan.
Begin met de webwidget
Gebruik de kant-en-klare oplossing om een eerste werkende klantreis op te zetten.
Koppel een representatieve productcatalogus
Zorg dat klanten vanuit de gezichtsanalyse producten kunnen ontdekken die het bedrijf daadwerkelijk verkoopt.
Test de volledige klantreis
Beoordeel de ervaring vanaf het openen van de Face Scanner tot het vastleggen van gezichtsbeelden, het bekijken van resultaten en het ontdekken van producten.
Meet het klantgedrag
Gebruik de statistieken van Skinive en, waar relevant, de eigen website- en e-commerceanalyses van het bedrijf.
Optimaliseer de ervaring
Verbeter de plaatsing, teksten, instructies voor het maken van gezichtsbeelden en de overgang naar producten op basis van daadwerkelijk klantgedrag.
Bepaal of meer maatwerk nodig is
Onderzoek of de webwidget al aan de bedrijfsbehoeften voldoet of dat een aangepaste implementatie aantoonbare meerwaarde biedt.
Overweeg de Web SDK of API wanneer dat zinvol is
Kies voor een uitgebreidere integratie wanneer daar een concrete productbehoefte of technische reden voor bestaat, niet alleen om meer maatwerk toe te voegen.
Het uitgangspunt is:
Web Widget → Klantreis valideren → Meten → Optimaliseren → Maatwerk toevoegen wanneer nodig
Gerelateerde artikelen
- AI-gezichtsscanner voor beauty- en huidverzorgingsapps: integratie en toepassingen
- AI-huidanalyse voor webshops: persoonlijke huidverzorging
- Gezichtsanalyse met AI: hoe werkt het voor beauty en huidverzorging?
- Huidverzorgingsaanbevelingen met AI: van gezichtsanalyse naar relevante producten
- Gepersonaliseerde huidverzorging met AI: verder dan standaardroutines
- AI-aanbevelingssysteem voor cosmetica- en huidverzorgingsmerken
- Hoe AI-gezichtsscanners de conversie van webshops voor cosmetica kunnen verhogen
- Omnichannel in cosmetica: één AI-gezichtsscanner voor webshops, apps en fysieke winkels
- Virtueel beautyadvies met AI: de nieuwe rol van de beautyadviseur
- AI-gezichtsscanner versus huidverzorgingsvragenlijst: welke methode biedt betere personalisatie?
- Wat kan een AI-gezichtsscanner herkennen? Rimpels, poriën, mee-eters, pigmentvlekken en meer
- Een AI-gezichtsscanner in enkele minuten integreren op je website
- Hoe koppel je een cosmeticacatalogus aan AI-productaanbevelingen voor huidverzorging?
- De businesscase voor AI in de cosmeticabranche: conversie, klantbetrokkenheid en klantbehoud
Voeg AI-gezichtsanalyse toe aan je website
Maak persoonlijke huidverzorgingsaanbevelingen op basis van gezichtsanalyse beschikbaar op je website met een kant-en-klare webwidget. Of ontwikkel een aangepaste integratie met de beschikbare Web SDK of API.