ПРОЕКТ

Виртуальный подбор прически на основе искусственного интеллекта

Разработка индивидуального ПО, Сканирование лица, Дополненная реальность через камеру в реальном времени, ИИ-рекомендации по прическам, Виртуальная примерка, Разработка мобильного приложения, Разработка веб-приложения

  • Отрасль: Индустрия красоты
  • Великобритания Местоположение: Великобритания
  • Срок разработки: 10 недель
  • Технологии: JavaScript / TypeScript (Node.js), Python
3 месяцев

Этот салон красоты помогает клиентам выбирать прически до визита, однако письменное описание или статичное изображение не показывают, как прическа будет выглядеть на реальном лице. ИИ-подбор прически использует селфи, загруженную фотографию или изображение с камеры в реальном времени и создает предпросмотр с сохранением черт лица пользователя. Стилист и клиент могут сравнивать варианты, смотреть эффект камеры в реальном времени и сохранять выбранное изображение для обсуждения.

Краткое содержание

Проблема

Салону нужен более понятный способ показать клиентам до визита, как могут выглядеть разные прически.

Решение

Решение стало приложением для сканирования лица и виртуальной примерки причесок по селфи, загруженным фотографиям и изображениям с камеры в реальном времени.

Результат

ПО помогает салону повысить интерес к услугам по созданию причесок, предлагая более наглядные ответы до принятия решения.

История клиента

Клиент - салон красоты из Великобритании. Он обслуживает клиентов, которые хотят сравнить варианты причесок до визита.

Салону нужна возможность показывать стили на селфи, загруженной фотографии или изображении с камеры в реальном времени. Это помогает клиентам и стилистам выбирать прическу.

Задача была простой: принимать разные изображения и данные камеры, отслеживать черты лица, предлагать предпросмотр причесок в реальном времени и создавать изображения, сохраняющие внешность клиента.

Решение разработали как короткий путь от сканирования лица к выбору стиля, предпросмотру в реальном времени, рекомендациям и сохраненному результату. Такой опыт помогает стилистам и клиентам салона.

Клиент хотел

  1. Возможность использовать селфи, загрузки, изображение с камеры в реальном времени и данные о внешности.
  2. Возможность с помощью ИИ отслеживать лица, черты лица, особенности тела или руки.
  3. Предпросмотр эффектов красоты и причесок с дополненной реальностью в реальном времени.
  4. Создание изображений, композитов, аватаров или предпросмотров с участием пользователя.

Почему готовое ПО не подошло

Готовые платформы дополненной реальности размещают виртуальные объекты в изображении с камеры, тогда как универсальные решения для виртуальной примерки сосредоточены на созданных изображениях. Обычная система сравнения лиц не объединяет в одном салонном сценарии перенос прически, сохранение черт лица, предпросмотр в реальном времени и рекомендации по прическам.

Обзор проекта

Решение построено вокруг адаптивного браузерного интерфейса, мобильная версия которого работает на iOS и Android. Понятная главная страница позволяет отсканировать лицо камерой или загрузить селфи, а перед началом предпросмотра показывает каталог причесок.

Для анализа лица используются сканирование и лицевые ориентиры, которые обеспечивают выравнивание. В режиме предпросмотра выбранная прическа накладывается на отслеживаемое лицо, сохраняя черты лица и оттенок кожи на обработанном изображении.

Экран рекомендаций позволяет сравнивать стили на основе изображения лица пользователя. Карточки рекомендаций, миниатюры, примененный предпросмотр и область пояснений связывают выбор с внешностью пользователя.

Финальный экран объединяет выбранный предпросмотр, чтобы его можно было сохранить, скачать или поделиться им. Модульная архитектура оставляет место для будущих рекомендаций, каталогов и административных интеграций.

Готовые ключевые функции

  • Селфи, загрузка фото и видеопоток с камеры
  • Сканирование лица с инструкциями по отслеживанию
  • Отображение прически на отслеживаемом лице в реальном времени
  • ИИ-рекомендации по прическам
  • Выделение черт лица для подбора стиля
  • Сохранение черт лица и оттенка кожи
  • Каталог причесок и выбор стиля
  • Создание снимка экрана
  • Скачиваемые и доступные для отправки итоговые изображения

Можно добавить

+ Запись коротких видео + Монтаж видео + Перенос прически между изображениями лиц + Добавление бьюти-слоев + Интеграция каталога стилей + Инструменты администрирования

Кому еще подойдет это решение

У этих компаний похожая задача визуального выбора, а то же решение можно адаптировать под их продукты, стили и путь клиента.

Сервис, ориентированный на моду и персональный стайлинг

Задача Он рекомендует одежду, цвета, аксессуары или целостные образы на основе особенностей и предпочтений пользователя.
Как помогает решение Решение может объединить анализ лица или внешности с визуальными рекомендациями и предпросмотрами, которыми можно поделиться.
Креативные студии

Компания, работающая с очками, ногтями или волосами

Задача Ему нужно показывать клиентам до покупки или процедуры, как может выглядеть продукт или стиль.
Как помогает решение Та же камера и система отслеживания лица позволяют показывать предпросмотр виртуальной примерки выбранных продуктов или стилей.
Бьюти- и велнес-бизнес

Розничный продавец одежды

Задача Ему нужен визуальный контент, созданный ИИ или на основе аватаров, без организации физических фотосессий.
Как помогает решение Решение может создавать предпросмотры на основе внешности и визуальный контент для клиентов.
Розничная торговля модной одеждой

Технологический стек

JavaScript / TypeScript (Node.js)

Слой веб- и мобильного приложения

Это семейство языков поддерживает браузерный интерфейс и кроссплатформенное мобильное приложение.

Python

Машинное обучение и обработка изображений

Python поддерживает библиотеки анализа лица и машинного обучения, используемые в проекте.

vue

Адаптивный веб-интерфейс

vue (фреймворк для создания современных веб-интерфейсов) структурирует браузерный опыт.

react

Компоненты пользовательского интерфейса

react (библиотека для создания пользовательских интерфейсов) при необходимости поддерживает компоненты интерфейса.

deepar

Браузерные эффекты дополненной реальности

deepar (веб-SDK для эффектов камеры и дополненной реальности) обеспечивает прически и бьюти-слои в реальном времени.

opencv

Обработка компьютерного зрения

opencv (библиотека компьютерного зрения) поддерживает обработку изображений и покадрового ввода с камеры.

tensorflow

Модели машинного обучения

tensorflow (фреймворк машинного обучения с открытым исходным кодом) поддерживает обработку изображений и признаков на основе ИИ.

mediapipe

Решения машинного обучения

mediapipe (набор инструментов для создания решений машинного обучения на мобильных устройствах, периферии, в облаке и вебе) поддерживает обработку лица в проекте.

dlib

Анализ черт лица

dlib (набор инструментов машинного обучения и компьютерного зрения) поддерживает обработку черт лица.

@capacitor/ios and @capacitor/android

Сборка для iOS и Android

Capacitor упаковывает JavaScript и веб-интерфейс в мобильные приложения для iOS и Android.

Интеграции

Device camera

Приложение принимает видеопоток с камеры в реальном времени и захватывает изображения для сканирования лица и предпросмотра.

iOS and Android

Capacitor соединяет приложение с поддерживаемыми мобильными устройствами и их камерами.

Web browser

Адаптивная браузерная версия обрабатывает загруженные селфи и видеопотоки с камеры.

Результат

Понятная отправная точка для выбора любой прически

Первый экран делает начало работы клиента салона простым: сканирование камерой или загруженное селфи ведет в каталог причесок. На экране есть инструкции по сканированию лица и карточка предпросмотра выбранного стиля.

Как это работает

  1. Камера передает изображение в реальном времени или приложение принимает загруженное селфи.
  2. Модуль сканирования лица считывает лицо и показывает состояние сканирования.
  3. Каталог причесок предлагает варианты, а выбранный стиль появляется на карточке предпросмотра.
  • Ввод с камеры и фото
  • Инструкции по сканированию лица
  • Выбор прически
Отсканируйте лицо и выберите прическу

Отсканируйте лицо и выберите прическу

Функции этого экрана
Съемка изображений камерой Сканирование лица ИИ-рекомендация прически

Предпросмотр в реальном времени, выровненный по отслеживаемому лицу

Второй экран превращает выбранный стиль в предпросмотр с камеры в реальном времени. Ориентиры или сетка лица сохраняют выравнивание слоя прически при изменении изображения с камеры.

Предпросмотр предназначен для быстрого сравнения. В том же окне доступны выбор стиля, кнопка сброса и возможность сделать снимок.

Как это работает

  1. Видеопоток с камеры передает текущее изображение.
  2. deepar (SDK веб-эффектов дополненной реальности) и модуль отслеживания лица определяют положение лица и ориентиры.
  3. Выбранная прическа накладывается на отслеживаемое лицо с сохранением черт лица в обработанном кадре предпросмотра.
  • Кадр с отслеживанием лица
  • Примененный слой прически
  • Элементы управления съемкой и сбросом
Посмотрите предпросмотр прически в реальном времени

Посмотрите предпросмотр прически в реальном времени

Функции этого экрана
Распознавание лица в реальном времени Обработка изображений в реальном времени Перенос причесок Сохранение черт лица

Рекомендации с учетом лица пользователя

Экран рекомендаций показывает созданные на основе изображения лица пользователя варианты причесок . Карточки, миниатюры и примененный предпросмотр позволяют клиенту салона сравнивать стили.

Область пояснений показывает обоснование рекомендации вместе с примененным предпросмотром.

Как это работает

  1. Загруженное или снятое изображение лица используется для выделения признаков.
  2. Модуль рекомендаций анализирует черты лица и возвращает рекомендованные прически.
  3. Предпросмотр примененной прически и пояснение рекомендации показывают выбранный результат.
  • Предпросмотр лица
  • Карточки рекомендаций
  • Миниатюры причесок
Сравните рекомендованные прически

Сравните рекомендованные прически

Функции этого экрана
Выделение черт лица ИИ-рекомендация прически Пояснение рекомендации

Сохраненный результат для дальнейшего обсуждения

Финальный экран превращает выбранный предпросмотр в изображение, которым можно поделиться. Стилист или клиент может сделать снимок экрана, записать короткое видео, скачать итоговое изображение или поделиться им.

Экран предлагает скачать выбранный предпросмотр или поделиться им.

Как это работает

  1. Созданное изображение предпросмотра прически отображается как итоговый предпросмотр.
  2. Модуль захвата создает снимок экрана или короткое смонтированное видео.
  3. Приложение предлагает скачать итоговое изображение или поделиться им.
  • Создание снимка экрана
  • Элементы управления записью видео
  • Скачивание и отправка
Сохраните и поделитесь результатом

Сохраните и поделитесь результатом

Функции этого экрана
Создание снимков экрана

Что предлагает решение

С помощью этого решения салон может:

  • Показывать варианты причесок на лице самого клиента
  • Предлагать предпросмотр с камеры в реальном времени во время обсуждения стиля
  • Сравнивать рекомендованные ИИ прически на основе изображения лица
  • Сохранять черты лица в созданных предпросмотрах причесок
  • Сохранять изображения для скачивания или отправки
  • Создавать более наглядный путь к выбору услуги по созданию прически

Итоговый результат

В итоге решение помогает уменьшить неопределенность при выборе прически с учетом внешности клиента и повысить интерес к услугам по созданию причесок.

ЧАСТЫЕ ВОПРОСЫ

Планируете создать похожую систему? Ознакомьтесь с ответами ниже, чтобы увидеть, как сочетаются ключевые продуктовые решения.

Нужно что-то похожее? Давайте обсудим
Или посмотрите другие проекты