DrKAV

DrKAV — многостраничный сайт пластического хирурга Артема Коробова. Пациент приходит сюда, чтобы познакомиться с врачом, разобраться в операции, посмотреть результаты, оценить стоимость и записаться на консультацию.

За пять месяцев мы провели проект через полный цикл: сбор требований, анализ прежнего сайта, проектирование структуры, дизайн, разработку, перенос контента, настройку интеграций и защиты, развертывание на VPS.

• После запуска в Яндекс.Метрике конверсия отправки формы составила 2,72% против 1,05% в период до запуска.
• PageSpeed Insights: 45 → 97 на мобильных и 62 → 97 на компьютерах.
• Клиент получил админку для самостоятельной работы с контентом.

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

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

• Медленная загрузка: в мобильном замере крупнейший видимый блок появлялся через 8,1 секунды.
• В прежнем меню операции были сгруппированы внутри раздела «Цены»; услуга и ее стоимость не были разделены на самостоятельные точки входа.
• Разные сценарии записи вели к блокам страницы, отдельным страницам консультаций и внешней анкете.
• Новая структура требовала аккуратно перенести существующие материалы и настроить переходы со старых адресов с .html.

Работу начали со сбора требований и анализа существующего сайта: его разделов, страниц операций, способов записи и связей между материалами. Отдельно сопоставили старые адреса с новой иерархией, чтобы перенос контента и изменение навигации решались вместе.

Структуру выстроили вокруг задач пациента: выбрать направление, проверить опыт врача и результаты, разобраться в стоимости и перейти к консультации. Операции выделили в самостоятельный каталог, а общий прайс сохранили как отдельный раздел.

• Направления операций объединены в понятные группы: грудь, живот и талия, коррекция фигуры, восстановление после родов и другие.
• Биография, образование и профессиональные материалы собраны в разделе о враче.
• Отзывы, портфолио, фото до/после и подготовка к операции поддерживают выбор пациента и связаны с услугами.

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

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

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

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

• Хлебные крошки показывают положение услуги в каталоге.
• Содержание помогает ориентироваться в большом материале.
• Связанные результаты и отзывы доступны в контексте выбранной операции.
• Вопросы об организации записи можно адресовать личному администратору.

Основные кнопки консультации открывают общую форму поверх текущей страницы. В ней пациент оставляет имя и телефон, выбирает очный или онлайн-формат и удобный способ связи. Стоимость консультации видна при выборе формата.

Форма объясняет, что произойдет после отправки: администратор свяжется с пациентом и подтвердит запись. Реализовали состояния отправки, успеха и ошибки, серверную обработку заявки и интеграцию с amoCRM.

Заново разработали сайт на React и Next.js, а управление контентом перенесли в Strapi. Для клиента это отдельный интерфейс с понятными типами материалов: операции, цены, статьи, отзывы, результаты и портфолио.

Контент организован через связанные записи. Позиция прайса хранится отдельно и используется в связанных услугах; результаты и отзывы привязаны к направлениям. Это помогает поддерживать согласованность материалов при обновлениях.

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

В старой сборке сочетались скрипты Webflow, повторные подключения jQuery, сторонние виджеты и видео с автозапуском. При пересборке сайта заново организовали загрузку содержимого и интерактивных элементов.

В Next.js использовали серверное получение контента, предварительную генерацию CMS-страниц и кэширование. Для изображений настроили размеры и приоритеты загрузки. На первом экране портрет врача, текст и основные действия получают приоритет, а второстепенный декоративный фон загружается позже и не конкурирует с главным содержимым за сеть.

Перенесли существующий контент и SEO-данные, сопоставили старые адреса с новой структурой и настроили постоянные редиректы, в том числе со страниц с .html. Для новых страниц предусмотрели canonical-адреса и карту сайта. Задача этой части работы — обеспечить переход на новую иерархию с учетом прежних ссылок и поисковой структуры.

Развернули проект на VPS, настроили CMS, хранение медиа, интеграции и защиту форм: проверку данных на сервере, SmartCaptcha, ограничения частоты запросов и обработку повторной отправки.

Новая версия опубликована 5 октября 2026 года. В отчетах после запуска зафиксированы следующие изменения.

Предоставленные замеры главной страницы показывают улучшение производительности на мобильных устройствах и компьютерах.

• Мобильные: Performance 45 → 97; первый контент (FCP) 2,6 → 1,4 с; крупнейший видимый блок (LCP) 8,1 → 1,5 с.
• Компьютеры: Performance 62 → 97; FCP 0,9 → 0,3 с; LCP 1,6 → 0,6 с.
• В новых замерах на обоих устройствах: Total Blocking Time — 0 мс, сдвиги макета (CLS) — 0.
• Оценка доступности: 85 → 96 на мобильных и 87 → 96 на компьютерах; Best Practices: 96 → 100; SEO: 100 → 100.

Обновленный сайт объединяет каталог операций, материалы о враче, результаты пациентов и запись на консультацию в общей структуре. Клиент может самостоятельно обновлять контент через админку, а техническая основа позволяет добавлять страницы и развивать сайт.

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