PROJEKT

AI-frisureværktøj til virtuelle forhåndsvisninger af frisurer

Specialudvikling af software, Ansigtsscanning, Live AR via kamera, AI-anbefalinger af frisurer, Virtuel afprøvning, Udvikling af mobilapp, Udvikling af webapplikation

  • Branche: Skønhedsydelser
  • Storbritannien Placering: Storbritannien
  • Leveringstid: 10 uger
  • Teknologier: JavaScript / TypeScript (Node.js), Python
3 måneder

Denne skønhedssalon hjælper gæster med at vælge frisurer før en aftale, men en skriftlig beskrivelse eller et statisk billede viser ikke, hvordan en frisure passer til et rigtigt ansigt. AI-frisureværktøjet tager en selfie, et uploadet billede eller et live kamerafeed og returnerer en forhåndsvisning af frisuren med brugerens ansigtstræk gengivet i resultatet. Stylisten og gæsten kan sammenligne muligheder, se en live kameraeffekt og gemme et valgt billede til videre dialog.

Opsummering

Udfordring

Salonen har brug for en tydeligere måde at vise gæster, hvordan forskellige frisurer kan se ud før en aftale.

Løsning

Løsningen blev en applikation til ansigtsscanning og virtuel afprøvning af frisurer via selfies, uploadede billeder og live kamerafeeds.

Resultat

Softwaren er udviklet til at hjælpe salonen med at øge interessen for stylingydelser gennem mere visuelle svar før et valg.

Kundehistorie

Kunden er en skønhedssalon fra Storbritannien. Den arbejder med gæster, som vil sammenligne frisurer før en aftale.

Salonen har brug for at vise frisurer fra en selfie, et uploadet billede eller et live kamerafeed. Løsningen understøtter gæster og stylister under valget af frisure.

Ønsket var enkelt: at acceptere flere billed- og kamerainput, spore ansigtstræk, levere frisurforhåndsvisninger i realtid og generere billeder, der bevarer gæstens udseende.

Løsningen blev opbygget omkring en kort vej fra ansigtsscanning til valg af frisure, liveforhåndsvisning, anbefalinger og et gemt resultat. Oplevelsen understøtter både salonstylister og gæster.

Kunden ønskede

  1. At acceptere selfies, uploads, live kamerafeeds og udseendedata.
  2. At spore ansigter, ansigtstræk, kropsegenskaber eller hænder med AI.
  3. At vise AR-forhåndsvisninger af skønhedseffekter og frisurer i realtid.
  4. At generere billeder, kompositioner, avatarer eller forhåndsvisninger af brugeren.

Hvorfor standardsoftware ikke passede

Færdige augmented-reality-platforme placerer virtuelle objekter i en kameravisning, mens generelle virtuelle prøveløsninger fokuserer på genererede billeder. Et generisk ansigtsmatchingssystem sammenligner ansigter, men kombinerer ikke frisureoverførsel, bevarelse af ansigtstræk, liveforhåndsvisninger og frisureanbefalinger i én salonoplevelse.

Projektoversigt

Løsningen blev designet omkring en responsiv browseroplevelse med en mobil løsning til iOS og Android. En tydelig startskærm accepterer en kamerascanning eller en uploadet selfie og viser et frisurkatalog, før forhåndsvisningen begynder.

Til ansigtsanalysen blev ansigtsscanning og ansigtslandemærker brugt som grundlag for justering. Liveforhåndsvisningen placerer den valgte frisure over det sporede ansigt, samtidig med at ansigtstræk og hudtone bevares i den behandlede gengivelse.

Anbefalingsskærmen blev designet til at sammenligne frisurer ud fra brugerens ansigtsbillede. Anbefalingskort, miniaturebilleder, en anvendt forhåndsvisning og et forklaringsområde knytter valget til brugerens eget udseende.

Den sidste skærm samler den valgte forhåndsvisning ét sted, så den kan fotograferes, downloades eller deles. Den modulære struktur giver også plads til senere stylinganbefalinger, kataloger og administrative forbindelser.

Vigtigste leverede funktioner

  • Selfie-, foto- og livekamera-input
  • Ansigtsscanning med vejledning til sporing
  • Live-overlay af frisure på et sporet ansigt
  • AI-anbefalinger af frisurer
  • Udtræk af ansigtstræk til matchning af frisurer
  • Bevarelse af ansigtstræk og hudtone
  • Frisurkatalog og frisurevælger
  • Optagelse af skærmbilleder
  • Downloadbare og delbare slutbilleder

Kan tilføjes

+ Optagelse af korte videoer + Videoredigering + Overførsel af frisurer mellem ansigtsbilleder + Skønhedsoverlays + Forbindelse til stylingkatalog + Administrative værktøjer

Hvem kan ellers bruge denne løsning

Disse virksomheder har en lignende visuel valgsituation, og den samme løsning kan tilpasses deres produkter, stilarter og kunderejse.

En mode- og personlig stylingtjeneste

Opgave Den anbefaler outfits, farver, accessories eller komplette looks ud fra brugerens egenskaber og præferencer.
Sådan hjælper løsningen Løsningen kan forbinde ansigts- eller udseendeanalyse med visuelle anbefalinger og delbare forhåndsvisninger.

En brille-, negle- eller hårvirksomhed

Opgave Den skal vise kunder, hvordan et produkt eller en stil kan se ud før køb eller behandling.
Sådan hjælper løsningen Det samme kamera- og ansigtssporingsgrundlag kan vise virtuelle prøveforhåndsvisninger af udvalgte produkter eller stilarter.

En modeforhandler

Opgave Den har brug for AI-genereret eller avatarbaseret visuelt indhold uden fysiske fotoshoots.
Sådan hjælper løsningen Løsningen kan generere udseendebaserede forhåndsvisninger og optage visuelt indhold til brug over for kunder.

Teknologisk stak

JavaScript / TypeScript (Node.js)

Web- og mobilapplikationslag

Denne sprogfamilie understøtter browsergrænsefladen og mobilapplikationen på tværs af platforme.

Python

Maskinlæring og visionsbehandling

Python understøtter de ansigtsanalyse- og maskinlæringsbiblioteker, der bruges i projektet.

vue

Responsiv webgrænseflade

vue (et framework til opbygning af moderne webgrænseflader) strukturerer browseroplevelsen.

react

Brugergrænsefladekomponenter

react (et bibliotek til opbygning af brugergrænseflader) understøtter grænsefladekomponenter efter behov.

deepar

AR-effekter i browseren

deepar (et web-SDK til kameraeffekter og augmented reality) leverer live overlays af frisurer og skønhedseffekter.

opencv

Computer vision-behandling

opencv (et computer vision-bibliotek) understøtter behandling af billeder og kamer frames.

tensorflow

Maskinlæringsmodeller

tensorflow (et open source-framework til maskinlæring) understøtter AI-baseret billed- og funktionsbehandling.

mediapipe

Maskinlæringsløsninger

mediapipe (et værktøjssæt til maskinlæringsløsninger på mobil, edge, cloud og web) understøtter projektets ansigtsbehandling.

dlib

Analyse af ansigtstræk

dlib (et værktøjssæt til maskinlæring og computer vision) understøtter behandling af ansigtstræk.

@capacitor/ios and @capacitor/android

Pakning til iOS og Android

Capacitor pakker JavaScript- og weboplevelsen som mobilapplikationer til iOS og Android.

Integrationer

Device camera

Applikationen modtager live kameravideo og optager billeder til ansigtsscanning og forhåndsvisninger.

iOS and Android

Capacitor forbinder applikationen med understøttede mobilenheder og deres kameraer.

Web browser

Den responsive browserversion behandler uploadede selfies og live kamerafeeds.

Resultatet

Et tydeligt udgangspunkt for hvert frisurevalg

Den første skærm gør udgangspunktet enkelt for salonens gæst: en kamerascanning eller uploadet selfie fører til frisurkataloget. Skærmen indeholder vejledning til ansigtsscanning og en forhåndsvisning af den valgte stil.

Sådan fungerer det

  1. Kameraet leverer et livefeed, eller applikationen modtager en uploadet selfie.
  2. Ansigtsscanningsmodulet aflæser ansigtet og viser scanningsstatus.
  3. Frisurkataloget viser eksempler, og den valgte stil vises i forhåndsvisningen.
  • Kamera- og foto-input
  • Vejledning til ansigtsscanning
  • Valg af frisure
Scan et ansigt, og vælg en frisure

Scan et ansigt, og vælg en frisure

Funktioner på denne skærm
Optag billeder med kameraet Ansigtsscanning AI-anbefaling af frisurer

En liveforhåndsvisning justeret efter det sporede ansigt

Den anden skærm gør den valgte stil til en kameraforhåndsvisning i realtid. Ansigtslandemærker eller et ansigtsmesh holder frisur-overlayet på plads, mens kamerabilledet ændrer sig.

Forhåndsvisningen er lavet til hurtig sammenligning med en stilvælger, nulstillingsknap og optagelsesfunktion i samme visning.

Sådan fungerer det

  1. Livekamerafeedet leverer det aktuelle billede.
  2. deepar (et web-SDK til AR-effekter) og ansigtssporingsmodulet identificerer ansigtets position og landemærker.
  3. Den valgte frisure overføres til det sporede ansigt, mens ansigtstrækkene fortsat gengives i den behandlede forhåndsvisning.
  • Ansigtssporingsramme
  • Anvendt frisure-overlay
  • Optagelses- og nulstillingsknapper
Se den live forhåndsvisning af frisuren

Se den live forhåndsvisning af frisuren

Funktioner på denne skærm
Ansigtsregistrering i realtid Behandl billeder i realtid Overfør frisurer Bevar ansigtstræk

Anbefalinger, der tager udgangspunkt i brugerens ansigt

Anbefalingsskærmen viser frisuremuligheder genereret ud fra brugerens ansigtsbillede. Kort, miniaturebilleder og en anvendt forhåndsvisning lader salonens gæst sammenligne frisurer.

Et forklaringsområde viser forklaringen på anbefalingen ved siden af den anvendte forhåndsvisning.

Sådan fungerer det

  1. Det uploadede eller optagede ansigtsbillede bruges som input til udtræk af ansigtstræk.
  2. Anbefalingsmodulet analyserer ansigtstræk og returnerer anbefalede frisurer.
  3. Den anvendte frisureforhåndsvisning og forklaringen på anbefalingen viser det valgte resultat.
  • Ansigtsforhåndsvisning
  • Anbefalingskort
  • Frisureminiaturebilleder
Sammenlign anbefalede frisurer

Sammenlign anbefalede frisurer

Funktioner på denne skærm
Udtræk af ansigtstræk AI-anbefaling af frisurer Forklaring af anbefaling

Et gemt resultat til den næste samtale

Den sidste skærm gør den valgte forhåndsvisning til et delbart billede. Stylisten eller gæsten kan tage et skærmbillede, lave en kort optagelse, downloade det endelige billede eller dele det.

Skærmen viser den valgte forhåndsvisning til download eller deling.

Sådan fungerer det

  1. Det genererede billede med frisureforhåndsvisningen vises som den endelige forhåndsvisning.
  2. Optagelsesmodulet opretter et skærmbillede eller en kort redigeret video.
  3. Applikationen leverer et downloadbart og et delbart slutbillede.
  • Optagelse af skærmbilleder
  • Kontroller til videooptagelse
  • Download og deling
Gem og del frisureresultatet

Gem og del frisureresultatet

Funktioner på denne skærm
Optag skærmbilleder

Hvad løsningen giver

Med denne løsning kan salonen:

  • Vise frisuremuligheder på gæstens eget ansigt
  • Tilbyde live kameraforhåndsvisninger under en stylingdialog
  • Sammenligne AI-anbefalede frisurer ud fra et ansigtsbillede
  • Bevare ansigtstræk i genererede frisureforhåndsvisninger
  • Gemme billeder til download eller deling
  • Skabe en mere visuel vej til beslutninger om stylingydelser

Til sidst

Til sidst blev løsningen udviklet til at fjerne usikkerhed fra vejen fra gæstens udseende til valg af frisure og understøtte større interesse for stylingydelser.

FAQ

Overvejer du at bygge et lignende system? Læs svarene nedenfor for at se, hvordan de vigtigste produktbeslutninger hænger sammen.