Кейс

Сайт-каталог Favori для профессиональной косметологической линейки

Сайт-каталог Favori на 1С-Битрикс для профессиональной косметологической линейки биорепарантов: премиальный дизайн, управляемый каталог из 9 препаратов, учебный центр, раздел партнёров, формы лидогенерации. Кастомные шаблоны компонентов, инфоблоки, микроразметка Schema.org.

Структура, UX / UI, frontend, 1С-Битрикс, инфоблоки каталога, кастомные шаблоны компонентов, формы захвата лидов, микроразметка Schema.org 2026
1С-Битрикс PHP UX / UI
Сайт-каталог Favori для профессиональной косметологической линейки

Какую задачу решал проект.

Бренду профессиональной косметологии нужен был сайт, работающий в четырёх режимах: имиджевая витрина, каталог из 9 препаратов, учебный центр для специалистов и точка входа для партнёров. Сложность — в балансе между премиальной подачей и медицинской точностью без перегрузки интерфейса терминологией.

Ограничения и требования
  • Премиальная визуальная система без визуального шума.
  • Каталог из 9 препаратов с детальными страницами: состав, показания, протоколы.
  • Учебный центр, раздел партнёров и формы захвата лидов.
  • Управляемая структура на 1С-Битрикс — расширение через админку без доработки кода.

Что получил проект

Сайт работает в продакшене с 2024 года. За это время линейка расширена с шести до девяти препаратов — все добавлены через админку 1С-Битрикс без доработки кода. Каталог, учебный центр и формы полностью управляются контент-менеджером бренда.

Структура на трёх независимых инфоблоках (препараты, учебные материалы, партнёры) с кастомными шаблонами компонентов catalog.section, catalog.element и news.list показала себя как расширяемая основа: новые препараты, обучающие статьи и партнёры добавляются без программиста. Формы лидогенерации работают в трёх точках — главная страница, детальные страницы препаратов и раздел контактов — и пересылают заявки менеджеру автоматически.

Микроразметка Schema.org и индивидуальные SEO-теги для каждого препарата обеспечили корректное отображение в поисковой выдаче. Композитный сайт и кеширование компонентов держат время ответа сервера в комфортном диапазоне даже при росте каталога.

Решение

Как устроена система сайта.

Три независимых инфоблока (препараты, учебные материалы, партнёры) с кастомными шаблонами компонентов. Каждая контентная зона — управляемая сущность: продукты и их свойства, слайдеры, результаты, контакты, обучающие материалы и формы.

Каталог препаратов на инфоблоках Битрикса

Девять позиций: ПДРН 7,5; ПДРН 20; Экзосинтесомы; Вайт; Коллопрайм; Процинк; Для глаз; Кальций Гидроксиапатит; Аргилерин. Каждый препарат — элемент инфоблока со свойствами: состав, объём, концентрация, показания, протокол применения. Шаблон catalog.section с фильтрацией по категориям.

Детальные страницы препаратов

Шаблон catalog.element, написанный с нуля под дизайн бренда. Полное описание, состав и механизм действия, показания и противопоказания, протокол применения. Технические характеристики вынесены в отдельные блоки, чтобы не перегружать описание. CTA «Получить прайс-лист» ведёт на форму заявки.

Учебный центр для косметологов

Отдельный инфоблок с обучающими статьями, видео-протоколами и методическими материалами. Контент публикуется через админку — можно добавлять новые материалы без доработки кода. Шаблон news.list с разбивкой по категориям.

Раздел партнёров с региональной фильтрацией

Инфоблок с клиниками и дистрибьюторами: свойства «город», «адрес», «контакты». Шаблон поддерживает фильтрацию по регионам, чтобы пользователь быстро находил ближайшего партнёра.

Формы лидогенерации

Несколько точек захвата: форма «Получить прайс-лист» на главной и странице контактов, кнопки CTA на детальных страницах препаратов. Единая обработка: валидация полей, отправка уведомления менеджеру, сохранение заявки.

Премиальная визуальная система

3D-рендер молекулярных структур на главном экране, холодная сине-серая палитра (#1a2634 → #2c3e50) с бежевыми акцентами (#C4A882). Геометрическая типографика, асимметричная композиция hero-секции. Cookie-баннер в стиле glassmorphism.

Производительность и SEO

Композитный сайт, кеширование компонентов, оптимизация изображений. Микроразметка Schema.org для продуктов, индивидуальные SEO-теги для каждой страницы препарата.

Экраны

Интерфейс сайта.

Favori — главная страница с 3D-визуализацией молекулярной структуры

Главная страница: hero-секция с 3D-рендером молекулярных структур

Favori — страница каталога с карточками препаратов

Каталог препаратов: карточки с изображениями и описаниями

Favori — детальная страница препарата с составом и протоколом применения

Детальная страница препарата: состав, показания, протокол применения

Favori — секция науки: экзосинтесомы и технология доставки

Секция науки: технология экзосинтесомов и система доставки

Favori — результаты применения препаратов

Результаты применения: до и после

Favori — форма получения прайс-листа и контакты

Форма «Получить прайс-лист»: захват лидов

Итог

Что получил проект.

Управляемый сайт-каталог на 1С-Битрикс, который развивается контентно — без доработки кода.

1С-Битрикс

редакция Бизнес

Три независимых инфоблока: препараты (9 позиций со свойствами), учебные материалы, партнёры. Кастомные шаблоны catalog.section, catalog.element, news.list — написаны с нуля под фирменный дизайн.

9 препаратов

в каталоге

ПДРН 7,5; ПДРН 20; Экзосинтесомы; Вайт; Коллопрайм; Процинк; Для глаз; Кальций Гидроксиапатит; Аргилерин. Линейка расширена с 6 до 9 позиций за время работы сайта — все через админку.

3 точки

захвата лидов

Форма «Получить прайс-лист» на главной и в контактах, CTA на детальных страницх препаратов. Валидация, уведомление менеджера, сохранение заявки.

Schema.org

микроразметка и SEO

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

с 2024 года

в продакшене

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