Inzdrav.ru

Информация о проекте

Медицинский центр «Инздрав» (ранее использовалось название «Интерздоровье») готовился к открытию после длительного ремонта и нуждался в современном, функциональном сайте, который станет основным каналом информирования пациентов и записи на приём. Проект требовал не просто красивой визитки, а сложной, масштабируемой системы с гибким управлением контентом, интеграцией с CRM и возможностью быстро добавлять новые направления и услуги.

Цели создания сайта:

• Разработать сайт на WordPress с кастомной темой, отражающей фирменный стиль и ценности клиники.
• Создать удобную систему управления контентом, позволяющую персоналу самостоятельно добавлять и редактировать страницы услуг, врачей, акций, новостей и прайс-листов.
• Реализовать сложную структуру разделов (урология, реабилитация, травматология, маммология и др.) с уникальным набором блоков для каждого направления.
• Обеспечить адаптивную вёрстку и безупречное отображение на всех устройствах, включая смартфоны и планшеты.
• Интегрировать формы обратной связи с возможностью отправки заявок на почту и в amoCRM, а также защиту от спама.
• Автоматизировать рутинные процессы: подмена номера телефона в зависимости от UTM-метки, массовое создание типовых страниц по шаблону (например, для анализов), умные акции с автоматическим расчётом дат.
• Внедрить версию для слабовидящих в соответствии с требованиями к медицинским сайтам.

Решение

Проект стартовал с детального брифинга и погружения в специфику медицинской ниши. Учитывая масштаб и сложность, разработка была разбита на множество последовательных этапов — всего их было около сорока. Такой подход позволил гибко управлять бюджетом, оперативно реагировать на изменения требований и контролировать качество на каждом шаге. Каждый этап включал вёрстку новых страниц, доработку существующих блоков или программирование функциональных модулей и принимался заказчиком через безопасные сделки на фриланс-бирже.

Дизайн-система создавалась в Figma и Zeplin, что обеспечило чёткую передачу всех стилей и отступов разработчикам. Вёрстка выполнялась с прицелом на Pixel Perfect и тщательно тестировалась на всех типах устройств, включая реальные iPhone и Android. Все замеченные несоответствия фиксировались в общей таблице правок, что исключало потерю замечаний и позволяло разработчику оперативно их исправлять.

В качестве основы была выбрана кастомизированная тема WordPress с активным использованием Advanced Custom Fields (ACF). Это позволило создавать гибкие шаблоны с множеством настраиваемых полей для каждого типа контента: врачи получили детальные карточки с фотографиями, дипломами и специализацией; услуги — подробные описания, цены и связь с конкретными докторами; акции — даты начала и окончания, специальные условия и привязанные формы.

Особое внимание уделили автоматизации. Для страницы с сотнями анализов был разработан кастомный шаблон, генерирующий страницы по единому образцу с возможностью массового наполнения через таблицы. Интегрирована умная подмена номера телефона: в зависимости от utm-метки посетитель видел актуальный номер колл-центра, а выбранный номер сохранялся в cookies на время сессии. Для борьбы со спам-ботами на форму записи была добавлена невидимая Google reCAPTCHA, которая полностью устранила поток фейковых заявок, мешавших работе операторов.

Процесс разработки строился на параллельной работе с тестовым сервером. Все изменения сначала вносились на staging-копию сайта, где заказчик мог спокойно проверить функционал и наполнить контентом. После утверждения сайт переносился на боевой домен с помощью плагина Duplicator Pro, что гарантировало целостность данных и отсутствие простоев.