PROYECTO

Cambiador de peinados con IA para previsualizaciones virtuales

Desarrollo de software personalizado, Escaneo facial, RA en directo con cámara, Recomendaciones de peinados con IA, Prueba virtual, Desarrollo de aplicaciones móviles, Desarrollo de aplicaciones web

  • Sector: Servicios de belleza
  • Reino Unido Ubicación: Reino Unido
  • Tiempo de entrega: 10 semanas
  • Tecnologías: JavaScript / TypeScript (Node.js), Python
3 meses

Este salón de belleza ayuda a sus clientes a elegir peinados antes de una cita, pero una descripción escrita o una imagen estática no muestra cómo queda un estilo en un rostro real. El cambiador de peinados con IA recibe un selfie, una foto subida o una transmisión de la cámara y devuelve una previsualización con los rasgos faciales del usuario. El estilista y el cliente pueden comparar opciones, ver un efecto de cámara en directo y guardar una imagen para comentarla.

Resumen

Problema

El salón necesita una forma más clara de mostrar a sus clientes cómo podrían quedar distintos peinados antes de una cita.

Solución

La solución se convirtió en una aplicación de escaneo facial y prueba virtual de peinados para selfies, fotos subidas y transmisiones de cámara en directo.

Resultado

El software está diseñado para ayudar al salón a aumentar el interés por sus servicios de peluquería ofreciendo respuestas más visuales antes de tomar una decisión.

Historia del cliente

El cliente es un salón de belleza del Reino Unido. Trabaja con personas que desean comparar opciones de peinado antes de una cita.

El salón necesita mostrar estilos a partir de un selfie, una foto subida o una transmisión de cámara en directo. La solución ayuda a clientes y estilistas durante la elección del peinado.

La solicitud era sencilla: aceptar varias entradas de imagen y cámara, rastrear los rasgos faciales, ofrecer previsualizaciones de peinados en tiempo real y generar imágenes que conservaran el aspecto del cliente.

La solución se estructuró en torno a un recorrido breve desde el escaneo facial hasta la selección del estilo, la previsualización en directo, las recomendaciones y el resultado guardado. La experiencia ayuda a estilistas y clientes del salón.

El cliente solicitó

  1. Aceptar selfies, cargas, transmisiones de cámara en directo y datos de apariencia.
  2. Rastrear rostros, rasgos faciales, atributos corporales o manos mediante IA.
  3. Mostrar previsualizaciones de RA de efectos de belleza y peinados en tiempo real.
  4. Generar imágenes, composiciones, avatares o previsualizaciones del usuario.

Por qué el software prediseñado no encajaba

Las plataformas de realidad aumentada prediseñadas colocan objetos virtuales en la vista de la cámara, mientras que los productos generales de prueba virtual se centran en imágenes generadas. Un sistema genérico de coincidencia facial compara rostros, pero no combina la transferencia de peinados, la conservación de los rasgos faciales, las previsualizaciones en directo y las recomendaciones en una sola experiencia para salones.

Descripción del proyecto

La solución se diseñó en torno a una experiencia web adaptable, con una versión móvil para iOS y Android. Una pantalla inicial clara permite escanear el rostro con la cámara o subir un selfie, y muestra un catálogo de peinados antes de iniciar la previsualización.

Para analizar el rostro, el escaneo y los puntos faciales sirven como base para la alineación. La previsualización en directo coloca el peinado seleccionado sobre el rostro rastreado, conservando los rasgos faciales y el tono de piel en la representación procesada.

La pantalla de recomendaciones permite comparar estilos a partir de la imagen del rostro del usuario. Las tarjetas, miniaturas, la previsualización aplicada y el área de explicación mantienen la elección vinculada al aspecto real del usuario.

La pantalla final reúne la previsualización seleccionada para capturarla, descargarla o compartirla. La estructura modular también permite añadir recomendaciones de estilo, catálogos y conexiones administrativas más adelante.

Funciones principales entregadas

  • Entrada de selfie, carga de fotos y cámara en directo
  • Escaneo facial con guía de rastreo
  • Superposición de peinado en directo sobre un rostro rastreado
  • Recomendaciones de peinados con IA
  • Extracción de rasgos faciales para comparar estilos
  • Conservación de los rasgos faciales y el tono de piel
  • Catálogo de peinados y selector de estilos
  • Captura de pantalla
  • Imágenes finales descargables y compartibles

Se puede añadir

+ Grabación de vídeos cortos + Edición de vídeo + Transferencia de peinados entre imágenes faciales + Superposiciones de belleza + Conexión con el catálogo de estilos + Herramientas administrativas

Quién más puede usar esta solución

Estas empresas tienen una tarea visual de elección similar, y la misma solución puede adaptarse a sus productos, estilos y recorrido del cliente.

Un servicio de moda y estilismo personal

Tarea Recomienda conjuntos, colores, accesorios o looks completos a partir de los atributos y preferencias del usuario.
Cómo ayuda la solución La solución puede conectar el análisis facial o de apariencia con recomendaciones visuales y previsualizaciones compartibles.

Una empresa de gafas, manicura o peluquería

Tarea Necesita mostrar a los clientes cómo puede quedar un producto o estilo antes de comprarlo o recibir el tratamiento.
Cómo ayuda la solución La misma base de cámara y rastreo facial puede mostrar previsualizaciones de prueba virtual para productos o estilos seleccionados.

Un minorista de moda

Tarea Necesita contenido visual generado por IA o basado en avatares sin realizar sesiones fotográficas físicas.
Cómo ayuda la solución La solución puede generar previsualizaciones basadas en la apariencia y capturar contenido visual para uso comercial.

Tecnologías utilizadas

JavaScript / TypeScript (Node.js)

Capa de aplicación web y móvil

Esta familia de lenguajes permite crear la interfaz del navegador y la aplicación móvil multiplataforma.

Python

Procesamiento de aprendizaje automático y visión

Python permite usar las bibliotecas de análisis facial y aprendizaje automático empleadas en el proyecto.

vue

Interfaz web adaptable

vue (un framework para crear interfaces web modernas) estructura la experiencia del navegador.

react

Componentes de interfaz de usuario

react (una biblioteca para crear interfaces de usuario) admite los componentes de interfaz necesarios.

deepar

Efectos de RA en el navegador

deepar (un SDK web para efectos de cámara y realidad aumentada) proporciona superposiciones de peinados y belleza en directo.

opencv

Procesamiento de visión artificial

opencv (una biblioteca de visión artificial) permite procesar imágenes y fotogramas de cámara.

tensorflow

Modelos de aprendizaje automático

tensorflow (un framework de aprendizaje automático de código abierto) permite procesar imágenes y rasgos mediante IA.

mediapipe

Soluciones de aprendizaje automático

mediapipe (un conjunto de herramientas para crear soluciones de aprendizaje automático en móvil, edge, nube y web) permite procesar el rostro del proyecto.

dlib

Análisis de rasgos faciales

dlib (un conjunto de herramientas de aprendizaje automático y visión artificial) permite procesar los rasgos faciales.

@capacitor/ios and @capacitor/android

Empaquetado para iOS y Android

Capacitor empaqueta la experiencia web y JavaScript como aplicaciones móviles para iOS y Android.

Integraciones

Device camera

La aplicación recibe vídeo de la cámara en directo y captura imágenes para escanear rostros y crear previsualizaciones.

iOS and Android

Capacitor conecta la aplicación con los dispositivos móviles compatibles y sus cámaras.

Web browser

La versión adaptable del navegador procesa selfies subidos y transmisiones de cámara en directo.

El resultado

Un punto de partida claro para elegir cada peinado

La primera pantalla mantiene sencillo el inicio del cliente: un escaneo con cámara o un selfie subido lleva al catálogo de peinados. La pantalla incluye una guía de escaneo facial y una vista previa del estilo seleccionado.

Cómo funciona

  1. La cámara proporciona una transmisión en directo o la aplicación recibe un selfie subido.
  2. El módulo de escaneo facial lee el rostro y muestra el estado del escaneo.
  3. El catálogo de peinados ofrece ejemplos y el estilo seleccionado aparece en la vista previa.
  • Entrada de cámara y fotos
  • Guía de escaneo facial
  • Selección de peinados
Escanea un rostro y selecciona un peinado

Escanea un rostro y selecciona un peinado

Funciones de esta pantalla
Captura imágenes con la cámara Escaneo facial Recomendación de peinados con IA

Una previsualización en directo alineada con el rostro rastreado

La segunda pantalla convierte el estilo elegido en una previsualización de cámara en tiempo real. Los puntos faciales o una malla facial mantienen alineada la superposición del peinado mientras cambia la imagen de la cámara.

La previsualización está pensada para comparar rápidamente, con selector de estilo, control de reinicio y opción de captura en la misma vista.

Cómo funciona

  1. La cámara en directo proporciona la imagen actual.
  2. deepar (un SDK web de efectos de RA) y el módulo de rastreo facial identifican la posición y los puntos del rostro.
  3. El peinado seleccionado se transfiere al rostro rastreado mientras los rasgos faciales siguen representados en el fotograma procesado.
  • Fotograma con rastreo facial
  • Superposición de peinado aplicada
  • Controles de captura y reinicio
Mira la previsualización del peinado en directo

Mira la previsualización del peinado en directo

Funciones de esta pantalla
Detección facial en tiempo real Procesamiento de imágenes en tiempo real Transferencia de peinados Conservación de los rasgos faciales

Recomendaciones vinculadas al rostro del usuario

La pantalla de recomendaciones muestra opciones de peinado generadas a partir de la imagen del rostro del usuario. Las tarjetas, miniaturas y la previsualización aplicada permiten comparar estilos.

Un área de explicación muestra el motivo de la recomendación junto a la previsualización aplicada.

Cómo funciona

  1. La imagen facial subida o capturada proporciona los datos para extraer los rasgos.
  2. El módulo de recomendaciones analiza los rasgos faciales y devuelve peinados recomendados.
  3. La previsualización aplicada y la explicación muestran el resultado seleccionado.
  • Previsualización facial
  • Tarjetas de recomendaciones
  • Miniaturas de peinados
Compara los peinados recomendados

Compara los peinados recomendados

Funciones de esta pantalla
Extracción de rasgos faciales Recomendación de peinados con IA Explicación de la recomendación

Un resultado guardado para la próxima conversación

La pantalla final convierte la previsualización seleccionada en una imagen compartible. El estilista o cliente puede capturar una pantalla, preparar una grabación corta, descargar la imagen final o compartirla.

La pantalla ofrece la previsualización seleccionada para descargarla o compartirla.

Cómo funciona

  1. La imagen generada de la previsualización del peinado aparece como vista final.
  2. El módulo de captura crea una captura de pantalla o un vídeo corto editado.
  3. La aplicación proporciona una imagen final descargable y compartible.
  • Captura de pantalla
  • Controles de grabación de vídeo
  • Descarga y uso compartido
Guarda y comparte el resultado del peinado

Guarda y comparte el resultado del peinado

Funciones de esta pantalla
Captura de pantallas

Qué ofrece la solución

Con esta solución, el salón puede:

  • Mostrar opciones de peinado en el propio rostro del cliente
  • Ofrecer previsualizaciones con cámara en directo durante la conversación sobre el estilo
  • Comparar peinados recomendados por IA a partir de una imagen facial
  • Conservar los rasgos faciales en las previsualizaciones de peinados generadas
  • Guardar imágenes para descargarlas o compartirlas
  • Crear un recorrido más visual hacia la decisión sobre los servicios de peluquería

En conclusión

En conclusión, la solución se creó para reducir la incertidumbre en el camino desde el aspecto del cliente hasta la decisión sobre el peinado y favorecer un mayor interés por los servicios de peluquería.

Preguntas frecuentes

¿Estás pensando en crear un sistema similar? Lee las respuestas para ver cómo encajan las principales decisiones del producto.