Skin Advisor
- Битрикс
- PHP
- JQUERY
Задачи
Разработать новый функциональный раздел на сайте проекта «Popular Cosmetology» — инструмент подбора и проверки сочетаемости косметических средств
Интегрировать логику сочетаемости в существующую CMS без перегрузки системы запросами
Позволить пользователям: подбирать уход на основе типа и чувствительности кожи, проверять, совместимы ли выбранные средства между собой, получать рекомендации по времени применения (утро/вечер)
Обновить дизайн раздела в соответствии с предоставленным макетом
Сохранить удобство администрирования: добавление новых средств и компонентов должно оставаться простым для редакторов
Решение
На основе экспертной таблицы от клиента (составленной совместно с дерматовенерологом-косметологом) реализовали логику сочетаемости ингредиентов: «сочетаются», «не сочетаются», «можно использовать в разные дни», «только в разное время суток»
В CMS создали отдельный инфоблок «Компоненты», где каждый элемент связан с другими через свойства совместимости
К каждому средству привязали: список входящих компонентов, тип (крем, сыворотка и т.д.), время применения (дневное / ночное)
Разработали интерактивный интерфейс. Пользователь выбирает средства → система проверяет их состав → отображает результат сочетаемости
Добавлены визуальные фильтры по типу кожи, чувствительности, времени суток. Результат показывается в модальном окне с пояснениями, ссылками на карточки товаров и визуальным контентом
Выполнили адаптивную вёрстку по новому дизайну и интегрировали фронтенд с бэкенд-логикой
Оптимизировали запросы, чтобы избежать нагрузки при большом количестве средств и компонентов
Что еще мы сделали
Убедились, что процесс добавления новых средств в админке остался простым: редактору достаточно указать состав и время применения — остальное работает автоматически
Поддержали масштабируемость: архитектура позволяет легко добавлять новые правила сочетаемости, типы кожи, категории средств
Провели внутреннее тестирование и собрали фидбек от команды (в т.ч. от сотрудников, реально пользующихся сервисом)
Сохранили медицинскую достоверность — вся логика основана на рекомендациях специалиста
Основные сложности
Сложная логика пересечений: при проверке 3+ средств система должна учитывать все парные сочетания компонентов — потребовалась тщательная оптимизация
Баланс между точностью и простотой: избежать перегрузки пользователя техническими деталями, но при этом дать понятное и обоснованное заключение
Интеграция в существующую CMS: нужно было не нарушить текущую структуру сайта и обеспечить стабильную работу без роста нагрузки
Уч ет множества параметров: тип кожи, чувствительность, время суток, категория средства — всё влияло на итоговый список рекомендаций
Стек технологий
CMS: 1С-Битрикс
Дизайн: Figma (по макету заказчика)
Результаты
Успешно запущен новый раздел «Сочетаемость средств» на сайте Popular Cosmetology
Пользователи могут безопасно комбинировать уход, избегая конфликтующих ингредиентов
Интерфейс интуитивно понятен, даже при сложной логике под капотом
Администрирование остаётся простым и быстрым — новые средства добавляются за несколько минут
Раздел стал одним из ключевых инструментов сайта, повышающим доверие и вовлеченность аудитории
Бизнес-эффект
Рост вовлеченности: пользователи проводят больше времени на сайте, тестируя разные комбинации
Повышение доверия к бренду: сервис позиционирует Popular Cosmetology как эксперта, а не просто каталог
Снижение рисков для клиентов: меньше негативного опыта от неправильного ухода — выше лояльность
Основа для монетизации
Понравился проект?
- Битрикс
- PHP