Сайт фармацевтического бренда

Кто клиент: Детралекс, препарат для лечения хронических заболеваний вен. Сайт бренда собирает всю линейку препарата, инструкции по применению, рекомендованные цены, адреса покупки и советы по профилактике.

Что делали мы: доработку фронтенда и бэкенда действующего сайта, интеграции с внешними сервисами (агрегатор отзывов, Яндекс.Карты, LeadPlan, Mindbox) и оптимизацию производительности по Lighthouse.

Зачем сайту препарата отзывы, карта и собственная CMS

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

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

Ограничения задачи

Первое – действующая кодовая база на jQuery и Django. Слайдер и ленивая загрузка изображений работали некорректно, но переписывать фронтенд целиком не было смысла: править нужно было внутри того, что есть.

Второе – внешние источники данных. Отзывы приходят через API агрегатора, точки продаж через Яндекс.Карты, подписчики уходят в LeadPlan и Mindbox. Страница не должна ломаться и тормозить, если один из сервисов отвечает медленно.

Третье – контент фармацевтического бренда. Инструкции, цены и тексты о профилактике меняются по решению маркетинга и, как правило, после согласования.

Отзывы с маркетплейсов хранятся на своей стороне. Отзывы подтягиваются через API агрегатора mneniya.pro, сохраняются в PostgreSQL и показываются на сайте из базы. Страница с отзывами не ждёт ответа внешнего сервиса при каждом открытии и остаётся доступной, даже если агрегатор недоступен.

Где купить – на карте, а не в списке. Точки продаж выведены на Яндекс.Карты. Покупатель видит ближайшие адреса у себя в городе, а не листает таблицу.

Контент собирается из блоков в Wagtail. Админка на Django и Wagtail разбита на готовые блоки, из которых редактор собирает страницы: описание препарата, инструкции, цены, советы. Маркетинг меняет контент сам, без задачи в разработку.

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

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

Подписки сразу попадают в маркетинг. Формы подписки работают через LeadPlan, контакты передаются в Mindbox. Команда бренда получает базу для рассылок без ручной выгрузки.

Сайт отвечает на основные вопросы покупателя на одной площадке. Что это за препарат и как его принимать, сколько он стоит, где купить поблизости, что о нём пишут на маркетплейсах. Маркетинговая команда обновляет страницы сама и получает подписчиков прямо в Mindbox.

Частые вопросы

Какую CMS выбрать для сайта лекарственного препарата?
Для сайта с инструкциями, ценами и частыми правками контента подходит Wagtail на Django. Страницы собираются из готовых блоков, поэтому маркетинг обновляет тексты без разработчика, а структура страниц не разваливается.

Как вывести отзывы с маркетплейсов на сайт бренда?
Через API агрегатора отзывов, например mneniya.pro. Надёжнее сохранять отзывы в своей базе и показывать их оттуда: страница не зависит от доступности внешнего сервиса и открывается быстрее.

Как улучшить показатели Lighthouse на сайте с jQuery без переписывания?
Начать с аудита и исправить то, что тормозит первый экран: слайдеры, изображения без ленивой загрузки, тяжёлые скрипты. Часто этого хватает, чтобы заметно поднять оценку без смены фреймворка.

Как связать формы подписки на сайте с Mindbox?
Формы собирают контакты через сервис вроде LeadPlan, который передаёт их в Mindbox. Подписчики сразу попадают в маркетинговую базу, и вручную выгружать их не нужно.