PROJEKTI

Tekoälypohjainen hiustyylin vaihtaja virtuaalisiin hiustyyliesikatseluihin

Räätälöity ohjelmistokehitys, Kasvojen skannaus, Kameran reaaliaikainen AR, Tekoälypohjaiset hiustyylisuositukset, Virtuaalinen kokeilu, Mobiilisovelluskehitys, Web-sovelluskehitys

  • Toimiala: Kauneuspalvelut
  • Yhdistynyt kuningaskunta Sijainti: Yhdistynyt kuningaskunta
  • Toimitusaika: 10 viikkoa
  • Teknologiat: JavaScript / TypeScript (Node.js), Python
3 kuukautta

Tämä kauneussalonki auttaa asiakkaita valitsemaan hiustyylejä ennen ajanvarausta, mutta kirjallinen kuvaus tai staattinen kuva ei näytä, miltä tyyli näyttää oikeilla kasvoilla. Tekoälypohjainen hiustyylin vaihtaja ottaa selfien, ladatun kuvan tai live-kamerasyötteen ja palauttaa hiustyyliesikatselun, jossa käyttäjän kasvonpiirteet näkyvät lopputuloksessa. Kampaaja ja asiakas voivat vertailla vaihtoehtoja, tarkastella kameran live-efektiä ja tallentaa valitun kuvan keskustelua varten.

Yhteenveto

Ongelma

Salonki tarvitsee selkeämmän tavan näyttää asiakkaille, miltä erilaiset hiustyylit voivat näyttää ennen ajanvarausta.

Ratkaisu

Ratkaisuksi rakennettiin kasvoja skannaava ja hiustyylejä virtuaalisesti kokeileva sovellus selfieille, ladatuille kuville ja live-kamerasyötteille.

Tulos

Ohjelmisto auttaa salonkia herättämään enemmän kiinnostusta muotoilupalveluihin tarjoamalla visuaalisempia vastauksia ennen päätöksentekoa.

Asiakastarina

Asiakas on Yhdistyneestä kuningaskunnasta oleva kauneussalonki. Se palvelee asiakkaita, jotka haluavat vertailla hiustyylivaihtoehtoja ennen ajanvarausta.

Salonki tarvitsee mahdollisuuden näyttää tyylejä selfien, ladatun kuvan tai live-kamerasyötteen avulla. Ratkaisu tukee asiakkaita ja kampaajia hiustyylin valinnassa.

Toive oli yksinkertainen: hyväksyä useita kuva- ja kamerasyötteitä, seurata kasvonpiirteitä, tarjota reaaliaikaisia hiustyyliesikatseluja ja luoda kuvia, joissa asiakkaan ulkonäkö säilyy.

Ratkaisu suunniteltiin lyhyen polun ympärille: kasvojen skannaus, tyylin valinta, live-esikatselu, suositukset ja tallennettu tulos. Kokemus tukee kampaajia ja asiakkaita.

Asiakas pyysi

  1. Selfieiden, latausten, live-kamerasyötteiden ja ulkonäköön liittyvien tietojen vastaanottoa.
  2. Kasvojen, kasvonpiirteiden, kehon ominaisuuksien tai käsien seuraamista tekoälyn avulla.
  3. Kauneusefektien ja hiustyylien reaaliaikaisia AR-esikatseluja.
  4. Kuvien, yhdistelmäkuvien, avatarien tai käyttäjän esikatselujen luomista.

Miksi valmisohjelmisto ei sopinut

Valmiit lisätyn todellisuuden alustat sijoittavat virtuaalisia objekteja kameranäkymään, kun taas yleiset virtuaalisen kokeilun tuotteet keskittyvät luotuihin kuviin. Yleinen kasvojen täsmäytysjärjestelmä vertailee kasvoja, mutta ei yhdistä hiusten siirtoa, kasvonpiirteiden säilyttämistä, live-esikatseluja ja hiustyylisuosituksia yhdeksi salonkikokemukseksi.

Projektin yleiskuvaus

Ratkaisu suunniteltiin responsiiviseksi selainkokemukseksi, johon kuuluu mobiilipolku iOS- ja Android-laitteille. Selkeä aloitusnäkymä hyväksyy kameraskannauksen tai ladatun selfien ja näyttää hiustyylivalikoiman ennen esikatselun aloittamista.

Kasvojen analysointia varten kasvoskannaus ja kasvojen maamerkit toimivat kohdistuksen perustana. Live-esikatselu asettaa valitun hiustyylin seurattujen kasvojen päälle säilyttäen käsitellyssä kuvassa kasvonpiirteet ja ihon sävyn.

Suositusnäkymä suunniteltiin tyylien vertailemiseen käyttäjän kasvokuvan perusteella. Suosituskortit, pikkukuvat, käytössä oleva esikatselu ja selitysalue yhdistävät valinnan käyttäjän omaan ulkonäköön.

Viimeinen näkymä kokoaa valitun esikatselun yhteen paikkaan kuvaamista, lataamista tai jakamista varten. Modulaarinen rakenne mahdollistaa myöhemmin myös tyylisuositukset, valikoimat ja hallinnolliset yhteydet.

Toimitetut pääominaisuudet

  • Selfie-, kuvien lataus- ja live-kamerasyöte
  • Kasvojen skannaus ja seurantaohjeet
  • Live-hiustyylikerros seuratuilla kasvoilla
  • Tekoälypohjaiset hiustyylisuositukset
  • Kasvonpiirteiden poiminta tyylin täsmäytystä varten
  • Kasvonpiirteiden ja ihon sävyn säilyttäminen
  • Hiustyylivalikoima ja tyylinvalitsin
  • Kuvakaappausten ottaminen
  • Ladattavat ja jaettavat lopulliset kuvat

Lisättävissä

+ Lyhyiden videoiden tallennus + Videoiden muokkaus + Hiustyylin siirto kasvokuvasta toiseen + Kauneuspeittokuvat + Yhteys tyylivalikoimaan + Hallintatyökalut

Ketkä muut voivat käyttää tätä ratkaisua

Näillä yrityksillä on samanlainen visuaalinen valintatehtävä, ja sama ratkaisu voidaan mukauttaa niiden tuotteisiin, tyyleihin ja asiakaspolkuun.

Muoti- ja henkilökohtaisen tyylin palvelu

Tehtävä Se suosittelee asuja, värejä, asusteita tai kokonaisia tyylejä käyttäjän ominaisuuksien ja mieltymysten perusteella.
Miten ratkaisu auttaa Ratkaisu voi yhdistää kasvojen tai ulkonäön analyysin visuaalisiin suosituksiin ja jaettaviin esikatseluihin.
Luovat studiot

Optikko-, kynsienhoito- tai hiusalan yritys

Tehtävä Sen on näytettävä asiakkaille, miltä tuote tai tyyli voi näyttää ennen ostoa tai hoitoa.
Miten ratkaisu auttaa Sama kamera- ja kasvojenseuranta­perusta voi näyttää valittujen tuotteiden tai tyylien virtuaaliset kokeilut.
Kauneus- ja hyvinvointiliikkeet

Muodin jälleenmyyjä

Tehtävä Se tarvitsee tekoälyn luomaa tai avatariin perustuvaa visuaalista sisältöä ilman fyysisiä kuvauksia.
Miten ratkaisu auttaa Ratkaisu voi luoda ulkonäköön perustuvia esikatseluja ja tallentaa visuaalista sisältöä asiakaskäyttöön.
Muodin vähittäiskauppa

Teknologiapino

JavaScript / TypeScript (Node.js)

Web- ja mobiilisovelluskerros

Tämä kieliperhe tukee selainkäyttöliittymää ja alustariippumatonta mobiilisovellusta.

Python

Koneoppiminen ja kuvankäsittely

Python tukee projektissa käytettyjä kasvoanalyysin ja koneoppimisen kirjastoja.

vue

Responsiivinen web-käyttöliittymä

vue (modernien web-käyttöliittymien rakentamiseen tarkoitettu kehys) jäsentää selainkokemuksen.

react

Käyttöliittymäkomponentit

react (käyttöliittymien rakentamiseen tarkoitettu kirjasto) tukee tarvittavia käyttöliittymäkomponentteja.

deepar

Selaimen AR-efektit

deepar (kameratehosteisiin ja lisättyyn todellisuuteen tarkoitettu web-SDK) tarjoaa hiustyylien ja kauneusefektien live-peittokuvat.

opencv

Konenäön käsittely

opencv (konenäön kirjasto) tukee kuvien ja kamerakuvien käsittelyä.

tensorflow

Koneoppimismallit

tensorflow (avoimen lähdekoodin koneoppimiskehys) tukee tekoälypohjaista kuvien ja piirteiden käsittelyä.

mediapipe

Koneoppimisratkaisut

mediapipe (työkalupaketti koneoppimisratkaisujen rakentamiseen mobiili-, edge-, pilvi- ja web-ympäristöissä) tukee projektin kasvojenkäsittelyä.

dlib

Kasvonpiirteiden analyysi

dlib (koneoppimisen ja konenäön työkalupaketti) tukee kasvonpiirteiden käsittelyä.

@capacitor/ios and @capacitor/android

iOS- ja Android-paketointi

Capacitor paketoi JavaScript- ja web-kokemuksen iOS- ja Android-mobiilisovelluksiksi.

Integraatiot

Device camera

Sovellus vastaanottaa kameran live-videota ja ottaa kuvia kasvojen skannausta ja esikatseluja varten.

iOS and Android

Capacitor yhdistää sovelluksen tuettuihin mobiililaitteisiin ja niiden kameroihin.

Web browser

Responsiivinen selainversio käsittelee ladattuja selfieitä ja kameran live-syötteitä.

Tulos

Selkeä aloitus jokaiselle hiustyylivalinnalle

Ensimmäinen näkymä pitää salonkiasiakkaan aloituksen yksinkertaisena: kameraskannaus tai ladattu selfie johtaa hiustyylivalikoimaan. Näkymä sisältää kasvoskannauksen ohjeet ja valitun tyylin esikatseluruudun.

Näin se toimii

  1. Kamera tarjoaa live-syötteen tai sovellus vastaanottaa ladatun selfien.
  2. Kasvoskannausmoduuli lukee kasvot ja näyttää skannauksen tilan.
  3. Hiustyylivalikoima tarjoaa näytteitä ja valittu tyyli näkyy esikatseluruudussa.
  • Kamera- ja kuvatulo
  • Kasvoskannauksen ohjeet
  • Hiustyylin valinta
Skannaa kasvot ja valitse hiustyyli

Skannaa kasvot ja valitse hiustyyli

Tämän näkymän toiminnot
Kuvien ottaminen kameralla Kasvojen skannaus Tekoälypohjainen hiustyylisuositus

Seurattuihin kasvoihin kohdistettu live-esikatselu

Toinen näkymä muuttaa valitun tyylin reaaliaikaiseksi kameraesikatseluksi. Kasvojen maamerkit tai kasvomalli pitävät hiustyylikerroksen kohdistettuna kamerakuvan muuttuessa.

Esikatselu on tarkoitettu nopeaan vertailuun, ja samassa näkymässä ovat tyylinvalitsin, palautuspainike ja kuvausvaihtoehto.

Näin se toimii

  1. Live-kamerasyöte tarjoaa nykyisen kuvan.
  2. deepar (web-AR-efektien SDK) ja kasvojenseuranta­moduuli tunnistavat kasvojen sijainnin ja maamerkit.
  3. Valittu hiustyyli siirretään seurattuihin kasvoihin samalla, kun kasvonpiirteet säilyvät käsitellyssä esikatselukuvassa.
  • Kasvojenseurannan kehys
  • Käytössä oleva hiustyylikerros
  • Kuvaus- ja palautuspainikkeet
Katso hiustyylin live-esikatselu

Katso hiustyylin live-esikatselu

Tämän näkymän toiminnot
Kasvojen reaaliaikainen tunnistus Kuvien käsittely reaaliajassa Hiustyylien siirtäminen Kasvonpiirteiden säilyttäminen

Suositukset, jotka liittyvät käyttäjän kasvoihin

Suositusnäkymä näyttää käyttäjän kasvokuvasta luodut hiustyylivaihtoehdot . Korttien, pikkukuvien ja käytössä olevan esikatselun avulla salonkiasiakas voi vertailla tyylejä.

Selitysalue näyttää suosituksen perustelut käytössä olevan esikatselun vieressä.

Näin se toimii

  1. Ladattu tai otettu kasvokuva toimii piirteiden poiminnan lähtötietona.
  2. Suositusmoduuli analysoi kasvonpiirteet ja palauttaa suositellut hiustyylit.
  3. Käytössä oleva hiustyyliesikatselu ja suosituksen selitys näyttävät valitun tuloksen.
  • Kasvojen esikatselu
  • Suosituskortit
  • Hiustyylien pikkukuvat
Vertaile suositeltuja hiustyylejä

Vertaile suositeltuja hiustyylejä

Tämän näkymän toiminnot
Kasvonpiirteiden poiminta Tekoälypohjainen hiustyylisuositus Suosituksen selitys

Tallennettu tulos seuraavaa keskustelua varten

Viimeinen näkymä muuttaa valitun esikatselun jaettavaksi kuvaksi. Kampaaja tai asiakas voi ottaa kuvakaappauksen, valmistella lyhyen tallenteen, ladata lopullisen kuvan tai jakaa sen.

Näkymä tarjoaa valitun esikatselun lataamista tai jakamista varten.

Näin se toimii

  1. Luotu hiustyyliesikatselukuva näkyy lopullisena esikatseluna.
  2. Tallennusmoduuli luo kuvakaappauksen tai lyhyen muokatun videon.
  3. Sovellus tarjoaa ladattavan ja jaettavan lopullisen kuvan.
  • Kuvakaappauksen ottaminen
  • Videotallennuksen ohjaimet
  • Lataaminen ja jakaminen
Tallenna ja jaa hiustyylitulos

Tallenna ja jaa hiustyylitulos

Tämän näkymän toiminnot
Kuvakaappausten ottaminen

Mitä ratkaisu tarjoaa

Tämän ratkaisun avulla salonki voi:

  • Näyttää hiustyylivaihtoehdot asiakkaan omilla kasvoilla
  • Tarjota kameran live-esikatseluja tyylikeskustelun aikana
  • Vertailla kasvokuvasta tekoälyn suosittelemia hiustyylejä
  • Säilyttää kasvonpiirteet luoduissa hiustyyliesikatseluissa
  • Tallentaa kuvia lataamista tai jakamista varten
  • Luoda visuaalisemman polun muotoilupalvelua koskeviin päätöksiin

Lopuksi

Lopulta ratkaisu suunniteltiin vähentämään epävarmuutta asiakkaan ulkonäön ja hiustyylipäätöksen väliseltä polulta sekä tukemaan kiinnostusta muotoilupalveluihin.

UKK

Harkitsetko vastaavan järjestelmän rakentamista? Lue alla olevat vastaukset ja näe, miten tärkeimmät tuotevalinnat liittyvät toisiinsa.

Tarvitsetko jotain vastaavaa? Keskustellaan
Tai selaa lisää projekteja