PROJETO

Alterador de penteados com IA para pré-visualizações virtuais

Desenvolvimento de software personalizado, Digitalização facial, RA em direto pela câmara, Recomendações de penteados com IA, Experimentação virtual, Desenvolvimento de aplicações móveis, Desenvolvimento de aplicações web

  • Setor: Serviços de beleza
  • Reino Unido Localização: Reino Unido
  • Prazo de entrega: 10 semanas
  • Tecnologias: JavaScript / TypeScript (Node.js), Python
3 meses

Este salão de beleza ajuda os clientes a escolher penteados antes da marcação, mas uma descrição escrita ou uma imagem estática não mostra como um estilo se adapta a um rosto real. O alterador de penteados com IA recebe uma selfie, uma fotografia carregada ou uma transmissão da câmara em direto e devolve uma pré-visualização do penteado com os traços faciais do utilizador representados no resultado. O profissional do salão e o cliente podem comparar opções, ver um efeito de câmara em direto e guardar uma imagem selecionada para discussão.

Resumo

Problema

O salão precisa de uma forma mais clara de mostrar aos clientes como diferentes penteados podem ficar antes de uma marcação.

Solução

A solução tornou-se uma aplicação de digitalização facial e experimentação virtual de penteados para selfies, fotografias carregadas e transmissões de câmara em direto.

Resultado

O software foi criado para ajudar o salão a aumentar o interesse pelos serviços de penteado, oferecendo respostas mais visuais antes da decisão.

História do cliente

O cliente é um salão de beleza do Reino Unido. Trabalha com clientes que querem comparar opções de penteados antes de uma marcação.

O salão precisava de mostrar estilos a partir de uma selfie, fotografia carregada ou transmissão da câmara em direto. A solução apoia clientes e profissionais durante a escolha do penteado.

O pedido era simples: aceitar várias entradas de imagem e câmara, acompanhar os traços faciais, fornecer pré-visualizações de penteados em tempo real e gerar imagens que preservassem a aparência do cliente.

A solução foi estruturada em torno de um percurso curto, da digitalização facial à seleção do estilo, pré-visualização em direto, recomendações e resultado guardado. A experiência apoia profissionais e clientes do salão.

O cliente pediu

  1. Aceitar selfies, carregamentos, transmissões de câmara em direto e dados de aparência.
  2. Acompanhar rostos, traços faciais, atributos corporais ou mãos com IA.
  3. Mostrar pré-visualizações de efeitos de beleza e penteados em RA em tempo real.
  4. Gerar imagens, composições, avatares ou pré-visualizações do utilizador.

Por que motivo o software pronto a usar não era adequado

As plataformas de realidade aumentada prontas a usar colocam objetos virtuais numa imagem da câmara, enquanto os produtos genéricos de experimentação virtual se concentram em imagens geradas. Um sistema genérico de correspondência facial compara rostos, mas não combina transferência de penteados, preservação dos traços faciais, pré-visualizações em direto e recomendações de penteados numa única experiência de salão.

Visão geral do projeto

A solução foi concebida para uma experiência responsiva no navegador, com suporte móvel para iOS e Android. Um ecrã inicial claro aceita uma digitalização pela câmara ou uma selfie carregada e apresenta um catálogo de penteados antes do início da pré-visualização.

Para analisar o rosto, foram utilizadas a digitalização facial e as marcações faciais como base para o alinhamento. A pré-visualização em direto coloca o penteado selecionado sobre o rosto acompanhado, preservando os traços faciais e o tom de pele na imagem processada.

O ecrã de recomendações foi concebido para comparar estilos a partir da imagem do rosto do utilizador. Cartões de recomendação, miniaturas, uma pré-visualização aplicada e uma área de explicação mantêm a escolha ligada à aparência do próprio utilizador.

O ecrã final reúne a pré-visualização selecionada num só lugar para captura, transferência ou partilha. A estrutura modular também permite futuras recomendações de estilo, catálogos e ligações administrativas.

Principais funcionalidades entregues

  • Entrada de selfie, carregamento de fotografia e câmara em direto
  • Digitalização facial com orientação de acompanhamento
  • Sobreposição de penteado em direto sobre um rosto acompanhado
  • Recomendações de penteados com IA
  • Extração de traços faciais para correspondência de estilos
  • Preservação dos traços faciais e do tom de pele
  • Catálogo de penteados e seletor de estilos
  • Captura de ecrã
  • Imagens finais transferíveis e partilháveis

Pode ser adicionado

+ Gravação de vídeos curtos + Edição de vídeo + Transferência de penteados entre imagens faciais + Sobreposições de beleza + Ligação ao catálogo de estilos + Ferramentas administrativas

Quem mais pode utilizar esta solução

Estas empresas enfrentam uma tarefa semelhante de escolha visual, e a mesma solução pode ser adaptada aos seus produtos, estilos e percurso do cliente.

Um serviço de moda e consultoria de imagem

Tarefa Recomenda conjuntos, cores, acessórios ou visuais completos com base nos atributos e preferências do utilizador.
Como a solução ajuda A solução pode ligar a análise facial ou de aparência a recomendações visuais e pré-visualizações partilháveis.

Uma empresa de óculos, cuidados de unhas ou cabelo

Tarefa Precisa de mostrar aos clientes como um produto ou estilo pode ficar antes da compra ou do tratamento.
Como a solução ajuda A mesma base de câmara e acompanhamento facial pode apresentar pré-visualizações de experimentação virtual para produtos ou estilos selecionados.

Um retalhista de moda

Tarefa Precisa de conteúdo visual gerado por IA ou baseado em avatares sem sessões fotográficas físicas.
Como a solução ajuda A solução pode gerar pré-visualizações baseadas na aparência e captar conteúdo visual para utilização junto dos clientes.

Tecnologias utilizadas

JavaScript / TypeScript (Node.js)

Camada de aplicações web e móveis

Esta família de linguagens suporta a interface do navegador e a aplicação móvel multiplataforma.

Python

Processamento de aprendizagem automática e visão computacional

Python suporta as bibliotecas de análise facial e aprendizagem automática utilizadas no projeto.

vue

Interface web responsiva

vue (uma framework para criar interfaces web modernas) estrutura a experiência no navegador.

react

Componentes da interface do utilizador

react (uma biblioteca para criar interfaces de utilizador) suporta os componentes da interface quando necessário.

deepar

Efeitos de RA no navegador

deepar (um SDK web para efeitos de câmara e realidade aumentada) fornece sobreposições de penteados e beleza em direto.

opencv

Processamento de visão computacional

opencv (uma biblioteca de visão computacional) suporta o processamento de imagens e de frames da câmara.

tensorflow

Modelos de aprendizagem automática

tensorflow (uma framework de aprendizagem automática de código aberto) suporta o processamento de imagens e traços baseado em IA.

mediapipe

Soluções de aprendizagem automática

mediapipe (um conjunto de ferramentas para criar soluções de aprendizagem automática em dispositivos móveis, edge, cloud e web) suporta o processamento facial do projeto.

dlib

Análise de traços faciais

dlib (um conjunto de ferramentas de aprendizagem automática e visão computacional) suporta o processamento de traços faciais.

@capacitor/ios and @capacitor/android

Empacotamento para iOS e Android

Capacitor empacota a experiência JavaScript e web como aplicações móveis para iOS e Android.

Integrações

Device camera

A aplicação recebe vídeo da câmara em direto e capta imagens para digitalização facial e pré-visualizações.

iOS and Android

Capacitor liga a aplicação aos dispositivos móveis suportados e às respetivas câmaras.

Web browser

A versão responsiva no navegador processa selfies carregadas e transmissões da câmara em direto.

O resultado

Um ponto de partida claro para cada escolha de penteado

O primeiro ecrã mantém simples o ponto de partida do cliente do salão: uma digitalização pela câmara ou uma selfie carregada conduz ao catálogo de penteados. O ecrã inclui orientação para a digitalização facial e um mosaico de pré-visualização do estilo selecionado.

Como funciona

  1. A câmara fornece uma transmissão em direto ou a aplicação recebe uma selfie carregada.
  2. O módulo de digitalização facial lê o rosto e mostra o estado da digitalização.
  3. O catálogo de penteados fornece amostras e o estilo selecionado aparece no mosaico de pré-visualização.
  • Entrada de câmara e fotografia
  • Orientação para digitalização facial
  • Seleção de penteados
Digitalize um rosto e selecione um penteado

Digitalize um rosto e selecione um penteado

Funcionalidades deste ecrã
Capturar imagens com a câmara Digitalização facial Recomendação de penteados com IA

Uma pré-visualização em direto alinhada com o rosto acompanhado

O segundo ecrã transforma o estilo escolhido numa pré-visualização da câmara em tempo real. As marcações faciais ou uma malha facial mantêm a sobreposição do penteado alinhada à medida que a imagem da câmara muda.

A pré-visualização foi criada para comparações rápidas, com um seletor de estilos, um controlo de reposição e uma opção de captura na mesma vista.

Como funciona

  1. A transmissão da câmara em direto fornece a imagem atual.
  2. deepar (um SDK web de efeitos de RA) e o módulo de acompanhamento facial identificam a posição e as marcações do rosto.
  3. O penteado selecionado é transferido para o rosto acompanhado, enquanto os traços faciais continuam representados no frame de pré-visualização processado.
  • Frame de acompanhamento facial
  • Sobreposição de penteado aplicada
  • Controlos de captura e reposição
Veja a pré-visualização do penteado em direto

Veja a pré-visualização do penteado em direto

Funcionalidades deste ecrã
Deteção facial em tempo real Processar imagens em tempo real Transferir penteados Preservar os traços faciais

Recomendações ligadas à aparência do utilizador

O ecrã de recomendações apresenta opções de penteados geradas a partir da imagem do rosto do utilizador. Cartões, miniaturas e uma pré-visualização aplicada permitem ao cliente do salão comparar estilos.

Uma área de explicação apresenta o motivo da recomendação junto à pré-visualização aplicada.

Como funciona

  1. A imagem facial carregada ou captada fornece a entrada para a extração de traços.
  2. O módulo de recomendações analisa os traços faciais e devolve penteados recomendados.
  3. A pré-visualização do penteado aplicado e a explicação da recomendação mostram o resultado selecionado.
  • Pré-visualização facial
  • Cartões de recomendação
  • Miniaturas de penteados
Compare os penteados recomendados

Compare os penteados recomendados

Funcionalidades deste ecrã
Extração de traços faciais Recomendação de penteados com IA Explicação da recomendação

Um resultado guardado para a conversa seguinte

O ecrã final transforma uma pré-visualização selecionada numa imagem partilhável. O profissional ou cliente do salão pode captar uma captura de ecrã, preparar uma gravação curta, transferir a imagem final ou partilhá-la.

O ecrã disponibiliza a pré-visualização selecionada para transferência ou partilha.

Como funciona

  1. A imagem gerada da pré-visualização do penteado aparece como pré-visualização final.
  2. O módulo de captura cria uma captura de ecrã ou um vídeo curto editado.
  3. A aplicação fornece uma imagem final transferível e partilhável.
  • Captura de ecrã
  • Controlos de gravação de vídeo
  • Transferência e partilha
Guarde e partilhe o resultado do penteado

Guarde e partilhe o resultado do penteado

Funcionalidades deste ecrã
Capturar capturas de ecrã

O que a solução oferece

Com esta solução, o salão pode:

  • Mostrar opções de penteados no próprio rosto do cliente
  • Oferecer pré-visualizações pela câmara durante uma conversa sobre o penteado
  • Comparar penteados recomendados por IA a partir de uma imagem facial
  • Preservar os traços faciais nas pré-visualizações de penteados geradas
  • Guardar imagens para transferência ou partilha
  • Criar um percurso mais visual para decisões sobre serviços de penteado

No final

No final, a solução foi criada para reduzir a incerteza no percurso entre a aparência do cliente e a decisão sobre o penteado, apoiando um maior interesse pelos serviços de penteado.

FAQ

Está a pensar criar um sistema semelhante? Leia as respostas abaixo para perceber como as principais decisões do produto se articulam.