ПРОЕКТ

AI-изменитель причесок для виртуального предпросмотра

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

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

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

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

Проблема

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

Решение

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

Результат

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

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

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

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

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

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

Клиент попросил

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

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

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

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

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

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

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

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

Основные реализованные функции

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

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

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

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

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

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

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

Оптический салон, маникюрный салон или парикмахерская

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

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

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

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

JavaScript / TypeScript (Node.js)

Слой веб- и мобильных приложений

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

Python

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

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

vue

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

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

react

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

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

deepar

AR-эффекты в браузере

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

opencv

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

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

tensorflow

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

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

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. Каталог причесок предлагает примеры, а выбранный стиль появляется в элементе предпросмотра.
  • Ввод с камеры и фотографии
  • Маркеры сканирования лица
  • Выбор прически
Отсканируйте лицо и выберите прическу

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

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

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

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

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

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

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

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

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

Рекомендации, сохраняющие связь с лицом пользователя

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

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

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

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

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

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

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

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

На экране выбранный предпросмотр доступен для скачивания или публикации.

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

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

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

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

Что дает решение

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

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

Итоги

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

FAQ

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

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