Skin Advisor

Skin Advisor

Веб-приложение для помощи в подборе косметической продукции
Стек технологий:
  • PHP
  • JQUERY
  • Битрикс

Задачи

  • Разработать новый функциональный раздел на сайте проекта «Popular Cosmetology» — инструмент подбора и проверки сочетаемости косметических средств

  • Интегрировать логику сочетаемости в существующую CMS без перегрузки системы запросами

  • Позволить пользователям: подбирать уход на основе типа и чувствительности кожи, проверять, совместимы ли выбранные средства между собой, получать рекомендации по времени применения (утро/вечер)

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

  • Сохранить удобство администрирования: добавление новых средств и компонентов должно оставаться простым для редакторов

Решение

На основе экспертной таблицы от клиента (составленной совместно с дерматовенерологом-косметологом) реализовали логику сочетаемости ингредиентов: «сочетаются», «не сочетаются», «можно использовать в разные дни», «только в разное время суток»

Решение

В CMS создали отдельный инфоблок «Компоненты», где каждый элемент связан с другими через свойства совместимости

К каждому средству привязали: список входящих компонентов, тип (крем, сыворотка и т.д.), время применения (дневное / ночное)

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

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

Выполнили адаптивную вёрстку по новому дизайну и интегрировали фронтенд с бэкенд-логикой

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

Что еще мы сделали

  • Убедились, что процесс добавления новых средств в админке остался простым: редактору достаточно указать состав и время применения — остальное работает автоматически

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

  • Провели внутреннее тестирование и собрали фидбек от команды (в т.ч. от сотрудников, реально пользующихся сервисом)

  • Сохранили медицинскую достоверность — вся логика основана на рекомендациях специалиста

Что еще мы сделали

Основные сложности

Основные сложности
Основные сложности

Стек технологий

Стек технологий

Результаты

Результаты

Бизнес-эффект

Понравился проект?

Оставьте заявку, и наши менеджеры свяжутся с вами
  • PHP
  • Битрикс