Задача
С руководством «IV Clinique» мы работаем с 2021 года, поэтому запуск нового сайта стал логичным этапом развития медицинского центра. В связи с ребрендингом и расширением клиники — с трёх кабинетов до трёх полноценных этажей — возникла необходимость создать сайт, который соответствовал бы новому уровню и позиционированию компании.
Визуальную концепцию разрабатывал графический дизайнер, так как брендбук уже был сформирован и важно было сохранить целостность новой стилистики.
Моя зона ответственности включала анализ ниши, аудитории и конкурентов, а также разработку структуры и текстов сайта. После подготовки всей смысловой части материалы были переданы графическому дизайнеру для создания макета. Когда дизайн был готов, я выполнила вёрстку сайта на Tilda, полностью реализовав задуманный визуал и логику взаимодействия.
Ключевой сложностью проекта стал плавный переезд со старого сайта, который уже занимал сильные позиции в поисковой выдаче. Важно было сохранить накопленный трафик и корректно перенести все настройки, чтобы избежать просадок и обеспечить стабильную работу нового сайта
Визуальную концепцию разрабатывал графический дизайнер, так как брендбук уже был сформирован и важно было сохранить целостность новой стилистики.
Моя зона ответственности включала анализ ниши, аудитории и конкурентов, а также разработку структуры и текстов сайта. После подготовки всей смысловой части материалы были переданы графическому дизайнеру для создания макета. Когда дизайн был готов, я выполнила вёрстку сайта на Tilda, полностью реализовав задуманный визуал и логику взаимодействия.
Ключевой сложностью проекта стал плавный переезд со старого сайта, который уже занимал сильные позиции в поисковой выдаче. Важно было сохранить накопленный трафик и корректно перенести все настройки, чтобы избежать просадок и обеспечить стабильную работу нового сайта
Результат
- проведено глубинное интервью с заказчиком для точного понимания задач и позиционирования;
- выполнен анализ ниши, конкурентов и целевой аудитории;
- проработана структура сайта: главная страница, 28 страниц услуг, 26 персональных страниц врачей, а также юридические и служебные разделы;
- подготовлены тексты — живые, понятные, без перегруженной терминологии, с акцентом на вовлечение и доверие;
- для внутренних страниц услуг созданы визуальные материалы с использованием нейросети Midjourney;
- выполнена вёрстка на стандартных блоках с минимальным использованием Z-блоков, что позволило сохранить высокую скорость загрузки и удобство управления сайтом;
- настроена базовая SEO-оптимизация;
- выполнен SEO-перенос сайта со старой версии на новую с сохранением позиций в поисковой выдаче и накопленного трафика;
- интегрирована медицинская информационная система (МИС) «Реновация»;
- добавлена версия сайта для слабовидящих;
- подключены виджеты с отзывами из Яндекс Карт и 2ГИС;
- сайт приведён в соответствие с требованиями к медицинским организациям.
Запуск сайта: 01.03.2026 г.
IV Clinique: цифровой проект, который я развивала с нуля
От анализа к архитектуре сайта
Работа над проектом началась с глубинного брифинга с руководством центра, в ходе которого были зафиксированы ключевые задачи, цели и особенности позиционирования.
Дополнительным сильным источником данных стала аналитика старого сайта — была доступна статистика Яндекс Метрики за 4 года, что позволило оценить поведение пользователей, эффективность страниц и точки роста.
Дополнительным сильным источником данных стала аналитика старого сайта — была доступна статистика Яндекс Метрики за 4 года, что позволило оценить поведение пользователей, эффективность страниц и точки роста.
Также в центре были проведены опросы клиентов, направленные на выявление сильных и слабых сторон работы клиники, а также направлений для улучшения.
На основе всей собранной информации я выполнила комплексный анализ ниши, целевой аудитории и конкурентов, после чего разработала структуру сайта. Изначально она включала 97 страниц, под каждую из которых были подготовлены тексты
На основе всей собранной информации я выполнила комплексный анализ ниши, целевой аудитории и конкурентов, после чего разработала структуру сайта. Изначально она включала 97 страниц, под каждую из которых были подготовлены тексты
От макета к работающему интерфейсу
После подготовки структуры и текстов проекта материалы были переданы графическому дизайнеру для разработки макета главной страницы сайта.
Поскольку изначально макет разрабатывался графическим дизайнером, а не веб-специалистом, потребовалась существенная работа по его адаптации: пересмотр логики блоков, выстраивание пользовательских сценариев, проверка читаемости контента и соответствия требованиям реализации на Tilda.
Поскольку изначально макет разрабатывался графическим дизайнером, а не веб-специалистом, потребовалась существенная работа по его адаптации: пересмотр логики блоков, выстраивание пользовательских сценариев, проверка читаемости контента и соответствия требованиям реализации на Tilda.
На этом этапе я провела детальный разбор каждого экрана и ключевых блоков, оценивая не только визуальную часть, но и функциональность будущего интерфейса. По итогам были сформированы правки и уточнения, которые позволили привести макет к корректной веб-структуре и подготовить его к дальнейшей верстке.
Ниже представлены мои видеоразборы макета главной страницы, фиксирующие процесс анализа и доработки предложенных решений
Ниже представлены мои видеоразборы макета главной страницы, фиксирующие процесс анализа и доработки предложенных решений
Видеообзор от 6 ноября 2025 года
Видеообзор от 20 ноября 2025 года
Управление проектом и работа в сжатые сроки
Одним из самых сложных этапов проекта стала работа со сроками. В проекте нас было двое — я и графический дизайнер. Но даже при такой небольшой команде задержка на одном этапе автоматически тормозила весь запуск.
Фактически помимо разработки сайта мне пришлось взять на себя и роль проект-менеджера: постоянно контролировать сроки, напоминать о дедлайнах и удерживать проект в рабочем темпе.
Проект был передан дизайнеру 1 октября. Первый вариант главной страницы появился только в начале ноября, а финальный макет в Figma и все материалы были переданы 8 декабря — уже за пределами сроков, обозначенных в договоре
Фактически помимо разработки сайта мне пришлось взять на себя и роль проект-менеджера: постоянно контролировать сроки, напоминать о дедлайнах и удерживать проект в рабочем темпе.
Проект был передан дизайнеру 1 октября. Первый вариант главной страницы появился только в начале ноября, а финальный макет в Figma и все материалы были переданы 8 декабря — уже за пределами сроков, обозначенных в договоре
При этом время было критически важным фактором. С 1 марта вступал в силу закон о защите русского языка, а значит новый сайт (97 страниц) необходимо было успеть полностью запустить до этой даты, чтобы не вносить масштабные правки в старую версию проекта.
Из-за сдвига сроков на этапе дизайна проект оказался под риском переноса запуска. Мне приходилось практически постоянно контролировать процесс и возвращать работу в график, чтобы успеть завершить проект вовремя.
В результате сайт удалось запустить в срок, но этот этап стал для меня хорошим напоминанием о том, что даже небольшой проект требует не только сильной разработки, но и постоянного контроля процессов — особенно когда сроки напрямую влияют на бизнес
Из-за сдвига сроков на этапе дизайна проект оказался под риском переноса запуска. Мне приходилось практически постоянно контролировать процесс и возвращать работу в график, чтобы успеть завершить проект вовремя.
В результате сайт удалось запустить в срок, но этот этап стал для меня хорошим напоминанием о том, что даже небольшой проект требует не только сильной разработки, но и постоянного контроля процессов — особенно когда сроки напрямую влияют на бизнес
1 октября 2025
Передача проекта дизайнеру и старт работы над макетами сайта
8 декабря 2025
Переданы финальный макет в Figma и все материалы для запуска разработки
декабрь - февраль 2026
Разработка сайта, адаптация, перенос структуры, подготовка к запуску
1 марта 2026
Сайт запущен до вступления в силу закона о защите русского языка, что позволило избежать срочных правок старой версии проекта
1 марта 2026
Масштабирование визуального стиля
На этапе дизайна графический дизайнер подготовил макет только главной страницы, поэтому визуальные материалы для большинства внутренних страниц услуг отсутствовали.
Для сохранения целостности визуального стиля я дополнительно создала ряд изображений с помощью нейросети Midjourney, ориентируясь на уже заложенную стилистику главной страницы. Это позволило поддержать единый визуальный язык проекта и обеспечить согласованность оформления внутренних разделов
Для сохранения целостности визуального стиля я дополнительно создала ряд изображений с помощью нейросети Midjourney, ориентируясь на уже заложенную стилистику главной страницы. Это позволило поддержать единый визуальный язык проекта и обеспечить согласованность оформления внутренних разделов
SEO и безопасный перенос сайта
Одним из ключевых этапов проекта стал SEO-безопасный перенос сайта со старой версии на новую, без потери позиций и накопленного поискового трафика. Для проекта было критически важно сохранить уже сформированную видимость в поисковых системах и не допустить просадки по страницам.
Перенос был выполнен с сохранением полной структуры: ни одна страница не была утрачена, изменена или исключена из индексации. Домен был переориентирован на новый сайт в момент запуска без периода простоя, что обеспечило непрерывную работу ресурса и стабильную индексацию.
Перенос был выполнен с сохранением полной структуры: ни одна страница не была утрачена, изменена или исключена из индексации. Домен был переориентирован на новый сайт в момент запуска без периода простоя, что обеспечило непрерывную работу ресурса и стабильную индексацию.
После запуска (1 марта) сайт не только сохранил позиции, но и показал заметный рост органического трафика:
- декабрь: 663 посетителя
- январь: 398 посетителей
- февраль: 413 посетителей
- март: 1548 посетителей
- апрель: 1326 посетителей
Юридическая безопасность проекта
В рамках работы над сайтом я также беру на себя контроль юридической корректности.
При появлении новых требований к обработке персональных данных, анализирую изменения и вношу необходимые правки: обновляю политику конфиденциальности, тексты согласий, уведомление о cookie-файлах и другие элементы, влияющие на соответствие законодательству. При необходимости дополнительно информирую заказчика о важных изменениях и действиях, которые нужно предпринять со стороны бизнеса.
При появлении новых требований к обработке персональных данных, анализирую изменения и вношу необходимые правки: обновляю политику конфиденциальности, тексты согласий, уведомление о cookie-файлах и другие элементы, влияющие на соответствие законодательству. При необходимости дополнительно информирую заказчика о важных изменениях и действиях, которые нужно предпринять со стороны бизнеса.
Особое внимание уделяется медицинской специфике проекта, где требования к информации и документам регулярно обновляются. Я самостоятельно отслеживаю и внедряю все изменения в рабочем порядке без необходимости внешнего контроля со стороны клиента.
При этом юридическая часть ведётся как часть комплексного сопровождения сайта: я ориентируюсь на актуальные требования законодательства и разъяснения профильных специалистов, чтобы своевременно вносить необходимые правки и не допускать нарушений. Это напрямую влияет на снижение рисков для проекта, включая возможные штрафные санкции за отсутствие или некорректное оформление обязательных документов
При этом юридическая часть ведётся как часть комплексного сопровождения сайта: я ориентируюсь на актуальные требования законодательства и разъяснения профильных специалистов, чтобы своевременно вносить необходимые правки и не допускать нарушений. Это напрямую влияет на снижение рисков для проекта, включая возможные штрафные санкции за отсутствие или некорректное оформление обязательных документов
Скорость, стабильность и контроль структуры
На текущем этапе в проекте используется минимальное количество Z-блоков — всего два: блок с новинкой и блок с отзывами Яндекс и 2ГИС. Все остальные элементы реализованы на стандартных блоках.
Такое решение было принято не только с целью повышения скорости загрузки сайта, но и для удобства дальнейшей модерации, которой я занимаюсь. Учитывая большое количество страниц, критически важно обеспечивать возможность быстрых и простых изменений без сложной технической доработки.
Дополнительно в структуре сайта активно используются alias-блоки, позволяющие дублировать один и тот же блок на разных страницах с управлением через родительский элемент. Это значительно упрощает обновление контента и обеспечивает единообразие структуры при масштабировании сайта
Такое решение было принято не только с целью повышения скорости загрузки сайта, но и для удобства дальнейшей модерации, которой я занимаюсь. Учитывая большое количество страниц, критически важно обеспечивать возможность быстрых и простых изменений без сложной технической доработки.
Дополнительно в структуре сайта активно используются alias-блоки, позволяющие дублировать один и тот же блок на разных страницах с управлением через родительский элемент. Это значительно упрощает обновление контента и обеспечивает единообразие структуры при масштабировании сайта
Интеграция медицинской информационной системы
В рамках проекта я занималась интеграцией и настройкой медицинской информационной системы (МИС) «Реновация». Поскольку система не предусматривает встроенных виджетов онлайн-записи, для неё была реализована отдельная страница на сайте. На этой странице пользователь может выбрать врача, дату и удобное время для записи на приём.
Такое решение позволило корректно встроить МИС в структуру сайта, сохранить удобство пользовательского пути и обеспечить стабильную работу записи без потери функциональности
Такое решение позволило корректно встроить МИС в структуру сайта, сохранить удобство пользовательского пути и обеспечить стабильную работу записи без потери функциональности
Расслабляющая страница с ошибкой 404
Страница ошибки 404 выполнена в поддерживающей стилистике: на изображении — женщина в позе лотоса, передающая состояние спокойствия и расслабления. Подпись обыгрывает ошибку: страница «ушла на медитацию», предлагая пользователю замедлиться.
Такой подход позволяет снизить негатив от попадания на несуществующую страницу и сохранить общее ощущение заботы, характерное для сайта. Вместо раздражения пользователь получает мягкий эмоциональный отклик и может спокойно продолжить взаимодействие с ресурсом.
Изображение было подготовлено графическим дизайнером в рамках визуальной концепции проекта
Такой подход позволяет снизить негатив от попадания на несуществующую страницу и сохранить общее ощущение заботы, характерное для сайта. Вместо раздражения пользователь получает мягкий эмоциональный отклик и может спокойно продолжить взаимодействие с ресурсом.
Изображение было подготовлено графическим дизайнером в рамках визуальной концепции проекта
Масштабирование цифровой системы клиники
Несмотря на уже сформированную структуру из 97 страниц, работа над сайтом продолжается и выходит на новый уровень масштабирования.
В настоящее время ведётся разработка 5 лендингов под высокомаржинальные процедуры, а также расширение SEO-структуры за счёт более 600 страниц с направлениями и заболеваниями, с которыми работают врачи центра (включая такие запросы, как остеохондроз, купероз, гипертония).
В настоящее время ведётся разработка 5 лендингов под высокомаржинальные процедуры, а также расширение SEO-структуры за счёт более 600 страниц с направлениями и заболеваниями, с которыми работают врачи центра (включая такие запросы, как остеохондроз, купероз, гипертония).
Фактически формируется крупная поисковая экосистема, охватывающая ключевые медицинские направления клиники и обеспечивающая постоянное органическое присутствие в выдаче.
Проект остаётся в активном развитии, постепенно превращаясь в масштабную цифровую систему привлечения пациентов, которая объединяет SEO, контент и маркетинговую инфраструктуру клиники в единый устойчивый механизм роста
Проект остаётся в активном развитии, постепенно превращаясь в масштабную цифровую систему привлечения пациентов, которая объединяет SEO, контент и маркетинговую инфраструктуру клиники в единый устойчивый механизм роста
