СКЛИФ | Экосистема 360 для НИИ: многосайтовость, личные кабинеты, no-code инструмент КУБ.F5

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

Основные запросы НИИ:

• выдержать сложный медицинский и образовательный контент в понятной структуре;

• запустить онлайн‑приёмную кампанию и прозрачный контур работы приёмной комиссии;

• создать устойчивый канал продвижения платных услуг и чекапов;

• объединить в одной системе десятки подразделений со своими задачами.

🟦 Часть первая. СКЛИФ 1.0: из витрины в развивающийся рабочий инструмент НИИ.

На первом этапе Склиф получил современный сайт, который реально работает на задачи Института. А далее несколько лет мы в тесном партнерстве с Институтом развивали сайт как продукт:

• Все направления (лечение, донорство, платные услуги, наука, образование, конференции) собрали в одном сайте как разделы с общей навигацией и стилем.

• Работа с объёмным контентом: упаковали 2500+ услуг и 1000 сотрудников — с понятными группировками под запросы пациентов, фильтрами и поиском.

• Сайт стал каналом продвижения платных медицинских услуг: сформировали SEO-базу, создали первый блочный конструктор промо‑страниц. На нём редакторы Склифа собирали лендинги чекапов, акций и популярных услуг без участия разработчиков — это ускорило запуск маркетинговых кампаний и поддержало SEO за счёт быстрых целевых страниц.

• Приёмная кампания онлайн: разработали личный кабинет абитуриента и целый онлайн‑контур приёмной комиссии. Теперь абитуриент подаёт заявления и следит за статусами онлайн, а приёмная комиссия работает с потоком обращений через административную панель.

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

• Юридическая база: сайт привели к 100% соответствию требованиям для мед‑ и образовательных ресурсов — профильные ФЗ, приказы, обязательные разделы и форматы данных.

• Сайт также интегрирован с внутренним порталом сотрудников, но детали этого контура остаются под NDA.

💠 РЕЗУЛЬТАТЫ СКЛИФ 1.0:

2x+ рост заявок на платные услуги;

2300+ положительных отзывов;

1000+ онлайн‑заявлений абитуриентов в период COVID;

1200+ регистраций учёных на конференции.

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

🟦 Часть вторая. СКЛИФ 2.0: ЭКОСИСТЕМА 360° + КУБ.F5

• Новая атомарная дизайн‑система + мягкий редизайн. 

• У отделений появились свои мини‑сайты на конструкторе: собственные разводящие, витрины, страницы программ и событий, но на общем каркасе и в единой дизайн‑системе. Отделения сами собирают и развивают свои сайты в рамках заданных блоков и правил — без разрыва с общим стилем НИИ.

• Свобода кастомизации в безопасных рамках.

Из админки управляется весь текстовый слой. Подразделения получают гибкость в компоновке страниц (набор и порядок блоков, разные сценарии для разных задач), но в пределах заданной логики и стилистики — сайт нельзя «сломать» при сборке редактором.

• Оптимизированное и ускоренное ядро: проведены код‑ревью, рефакторинг модулей, оптимизация работы с медиа и цепочки загрузки ресурсов — отсюда рывок по скорости (LCP с 2,1–3,7 до 0,7–1,3 секунды).

• Умный поиск по всему сайту.

• Отдельный слой СКЛИФ 2.0 — разработка инструмента КУБ.F5. Он собран как атомарная дизайн‑система: атомы → молекулы («КУБики») → страницы. 

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

1. Регуляторные требования к структуре и содержанию страниц мед‑ и образовательных организаций не укладывались в стандартные шаблоны CMS и типовых конструкторов.

2. Требовалось покрыть десятки форматов контента (для разделов о науке, образовании, платных услугах, донорстве, конференциях) и при этом удержать единый интерфейс.

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

💠ИТОГО переход к  СКЛИФ 2.0 и КУБ.F5 дал измеримый профит:

+50% к скорости загрузки ключевых страниц (LCP);

+20–30% к доле успешных сценариев (запись, донорство, платные услуги);

+10% к времени и глубине просмотров

Time‑to‑market: 1–2 дня благодаря КУБ.F5 и распределённой редактуре.

Сайт Склифа вырос в цифровую экосистему 360°: на единой платформе живут основной сайт, мини‑сайты отделений, личный кабинет абитуриента, витрина платных услуг, лендинги чекапов, страницы научных конференций и даже внутренний портал сотрудников.

Сайт и инструменты НИИ стали отраслевым ориентиром. Решения Склифа берут за основу и повторяют другие НМИЦ и НИИ — мы убедились, что нашли рабочий подход к задачам такого уровня.

Да, вас ждёт увлекательный лонгрид.

Когда мы познакомились со Склифом, у Института был сайт, который не соответствовал статусу ведущего в России научно‑медицинского центра с 210‑летней историей и требованиям к современным государственным медицинским, образовательным организациям.

Первые задачи:

1. Создать современное «лицо» Склифа и запустить канал продвижения платных услуг.

2. Дать пациентам, абитуриентам и научному сообществу понятные сценарии «от первой страницы до целевого действия».

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

Ограничения и сложности:

⛔ Госрегулятор и нормативка.

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

⛔ Строгая политика безопасности внутри Института.

Институт жёстко регламентирует доступ к медперсональным и работе с внешними системами, поэтому все решения сверяли и с внутренними правилами ИБ, и с требованиями законов РФ.

⛔ Разнородные подразделения.

Лечение, платные услуги, наука, образование, донорство, конференции — у каждого направления свои цели, процессы и язык. 

⛔ Высокий уровень ожиданий.

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

⛔ Пандемия как стресс‑тест.

Во время COVID‑19 сайт стал одним из ключевых каналов коммуникации: донорство, приёмная кампания, сервисы для пациентов. Это проверило на прочность и архитектуру, и конструктор, и все «узкие места» в сценариях.

Мы начали с большой аналитической фазы:

•  проводили рабочие сессии с проектным отделом Склифа;

•  разбирали пользовательские маршруты пациентов, абитуриентов, врачей;

•  фиксировали все узкие места — от приёмного отделения до приёмной комиссии;

•  сводили в одну картинку цели руководителей направлений, внутренних служб и требования регуляторов.

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

Мы выбрали итеративный подход и шли от самых чувствительных точек. 

Отдельно проработали сценарии для родственников пациентов приёмного отделения и доноров: сделали понятные памятки и вывели на сайт «донорский светофор».

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

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

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

Стартовали с 10–12 базовых элементов и постепенно расширяли библиотеку, наблюдая за реальным использованием. Со временем дошли до 26 типов секций и блоков.

До конструктора запуск промо‑лендинга под новый чекап занимал недели: постановка задач, дизайн, верстка, тестирование.​ После внедрения конструктора маркетинговая команда Склифа стала запускать типовой лендинг за один день — без входа разработчиков в код. Так в первые полгода внутри НИИ на нашем конструкторе собрали 56+ продающих лендингов для чекапов и платных услуг.

ℹ️ Спойлер: маркетологи так полюбили этот инструмент, что подтянули к нему и другие подразделения и сейчас сайт на 99% состоит из уже усовершенствованного конструктора — КУБ.F5.

Вместо разрозненных сайтов отделений и центров мы собрали полноценные мини‑сайты на общем каркасе основного сайта — с единой навигацией, стилем и управлением через одну админку с гибким разграничением прав доступа. У каких-то отделений всего несколько страниц, у других — полноценный мини‑сайт.

Упаковали в структуру и интерфейс около 2500 услуг, 1000 сотрудников, которые теперь реально можно просматривать, фильтровать и искать.

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

Вместе с профильными подразделениями Склифа мы реализовали множество сервисных функций — формы записи и заявок, разделы новостей, витрину научных публикаций, страницы подразделений — и на их базе запустили спецпроекты под задачи НИИ.

Интерактивная навигационная карта по корпусам, въездам и КПП помогает быстро сориентироваться на территории НИИ и спланировать маршрут до нужной точки. На мини-сайтах отделений встроены такие же карты с привязкой к конкретному корпусу.

Цифровая таблица Менделеева разработана к 100‑летию Дмитрия Ивановича. Она превратила классический плакат с элементами в живой онлайн‑инструмент. Пользователь может навести на элемент и узнать, как он применяется в медицине: от диагностики и лечения до исследований. Такой спецраздел поддерживает просветительскую и научную повестку НИИ.

А этот блок на главной странице сайта помог закрывать потребности по донорским материалам в период COVID.

Склиф получает тысячи благодарностей от пациентов каждый год — и часть этих историй команда узнаёт именно через сайт: например, о случае, когда инструктор ЛФК на улице помог женщине, потерявшей сознание, узнали только из её онлайн‑отзыва.

Для НИИ это не просто «оценки сервиса», а живой канал, где фиксируются реальные истории помощи и вовлечённости сотрудников, а команда видит, как работает система в повседневной жизни.

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

⭐ Сайт получил признание среди медицинского сообщества, наши решения стали отраслевым стандартом, их успешно повторяли другие НИИ и НМИЦ — для нас это важное подтверждение, что наш подход устойчиво работает на сложных государственных и медицинских проектах.

Для Склифа сайт — не формальная «витрина», а живой рабочий инструмент. Через него проходят задачи от донорства и чекапов до конференций и приёма абитуриентов.

2x+ рост заявок на платные услуги — сайт стал сильным каналом привлечения пациентов.

2300+ положительных отзывов на сайте.

1000+ абитуриентов подали заявления онлайн в период COVID.

1200+ регистраций ученых на конференции.

56+ продающих лендингов собраны командой НИИ на конструкторе.

100% соответствие требованиям к медицинским и образовательным организациям — при сохранении удобства для людей.

После запуска Склиф 1.0 мы взяли сайт на полную техподдержку и начали развивать его. Вместе с командой НИИ за несколько лет мы:

✅ Регулярно адаптировали сайт под новые требования законодательства для государственных, медицинских и образовательных организаций, сохраняя 100% соответствие нормам.

❇️Заодно стали экспертами по набору профильных ФЗ, приказов и предписаний — эти знания мы используем теперь и в других проектах.

✅ Провели комплексную SEO‑оптимизацию и вывели органический трафик на стабильные 6000+ посетителей в сутки.

✅ Построили платформы для научных мероприятий и регистрации: только за первый год более 1200 учёных зарегистрировались через сайт на конференции.

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

Отдельный пример — индекс RFI. Учёные Склифа дополнили классическую формулу индекса Франка, учли возраст пациента и наличие ингаляционной травмы и получили усовершенствованный индекс RFI с точностью прогноза исхода лечения до 95% — решение запатентовали.

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

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

Отзывы собираются в админке, где их можно агрегировать по отделениям и смотреть динамику удовлетворённости.

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

​⭐️В какой‑то момент стало ясно: сайт и конструктор выросли из рамок исторического первого релиза — нужен был следующий шаг.

У первого релиза был эффект «рывка»: сайт стал современным, удобным, управляемым — и сильно поднял планку ожиданий внутри НИИ:

1. Базовый блочный конструктор стал настолько популярным, что его начали воспринимать как универсальный инструмент. На нем собирали промо‑лендинги, спецпроекты, страницы отделений — он стал центром жизни сайта. И внутри НИИ появилась цель, чтобы практически весь сайт собирался из блоков.

2. Структура и объём контента выросли, появилось множество новых программ, услуг, мероприятий. Все это требовало более умного поиска и продуманной навигации.

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

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

⭐️ Так родилась идея второго большого релиза — Склиф 2.0.

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

Проект строится на связке наших цифровых решений и экспертизы Склифа. Во втором релизе мы сделали три больших шага:

1️⃣ усилили экосистему и перформанс;

2️⃣ переработали конструктор и оформили его как продукт КУБ.F5;

3️⃣ сделали небольшой, но точный и важный редизайн.

Мы не стали «ломать» полюбившийся образ Склиф 1.0, а аккуратно его обновили:

•  пересмотрели сетку и отдельные паттерны, чтобы сайт выглядел современно, но оставался узнаваемым;

•  на основе аналитики поведения вынесли ключевые действия в быстрый доступ, сократили пути до записи, поиска услуги или программы, звонка в колл-центр;

•  пересмотрели сетку и отдельные паттерны, чтобы сайт выглядел современно, но оставался узнаваемым;

•  улучшили читаемость и визуальный баланс: обновили отдельные визуальные паттерны, переработали типовые блоки, подчистили визуальный шум;

•  сохранили равный приоритет всех направлений Института — лечения, науки и образования.

⭐️ Сайт остаётся «эталоном сайта НИИ», получает актуальный визуальный язык и задаёт ещё более высокую планку в отрасли.

На одной платформе сосредоточены: основной сайт, мини‑сайты отделений, личный кабинет абитуриента, витрина платных услуг, промо‑лендинги и инструменты для научных мероприятий — все на одной дизайн‑системе и в одном контуре админки.

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

Мини‑сайты отделений, которые появились ещё в Склиф 1.0, мы довели до полноценного формата внутренних сайтов на конструкторе: каждое отделение и подразделение управляет своим контентом — не только меняет тексты, карточки услуг, новости, события, но и создает целые подразделы и собирает разводящие страницы из «склифо-блоков».

Технически проект постоянно адаптируется под изменения закона, требований безопасности, аналитики, SEO и поведения мобильных пользователей — всё это происходит централизовано в рамках одной живой системы.

Мы фактически переписали конструктор, опираясь на несколько лет реального использования и создали собственный модуль ⭐️ КУБ.F5 — внутренний no‑code инструмент.

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

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

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

«Теперь мы запускаем лендинг конференции за день, а не за неделю» — отмечают в проектном отделе НИИ им. Н. В. Склифосовского.

Мы собрали библиотеку элементов, которая покрывает все типовые задачи Склифа и даёт запас под будущее: профили врачей, расписания, образовательные программы, научные события, формы, отзывы, FAQ и т. д. Управляемость контента довели до максимума — фактически весь текстовый слой интерфейса в руках команды НИИ.

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

Новый релиз позволил пересобрать дизайн на основе накопленной статистики и обратной связи и заложить атомарный подход в основу всех элементов, чтобы дальше развиваться без болезненных «перерисовок» дизайн-системы.

Мы изначально проектировали макеты КУБа по принципам атомарного дизайна:

•  сначала описали «атомы» — базовые элементы интерфейса (цвета, типографику, кнопки, поля, иконки, отступы) и их состояния;

•  затем из них собрали «молекулы» — карточки услуг, элементы профиля врача, строки расписания, навигационные элементы, формы;

•  уже из этих молекул строили «кубики», модули и шаблоны страниц.

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

После СКЛИФ 2.0 и многолетней эволюции сайт — это не просто «официальный ресурс НИИ», а цифровая платформа, экосистема 360°:

• основной сайт НИИ с разделами лечения, науки, образования и платных услуг;​

• мини‑сайты отделений и подразделений, собранные на конструкторе КУБ.F5;​

• онлайн‑приёмная комиссия и личный кабинет абитуриента;​

• разделы и промо‑лендинги для чекапов и коммерческих программ;​

• посадочные страницы научных конференций и мероприятий с регистрацией участников;

• внутренний портал для сотрудников (о нём мы почти не рассказываем — он под NDA).

Все части экосистемы связаны единой архитектурой, дизайн‑системой и админкой.

✅ +60% к конверсии в запись на приём.

Конверсия выросла с ~2% до ~3,2%, что для медсайта с большим объёмом справочного контента выше типичных показателей по рынку.

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

✅ +50% к скорости загрузки (LCP с 2,1–3,7 с до 0,7–1,3 с).

Оптимизация фронтенда и бэкенда, пересборка шаблонов, работа с медиа и кешированием, отказ от тяжёлых наследованных решений в пользу единой платформы Склиф 2.0 вывели сайт в зону лучших практик по перформансу для гос‑ и мед‑ресурсов.

✅ 6000+ посетителей в сутки.

Комплексная SEO‑оптимизация, чистая архитектура, удобная навигация и контент под реальные запросы пациентов, врачей и абитуриентов плюс интеграция с Яндекс.Врачи обеспечили стабильный органический трафик.

✅ +10% к времени и глубине просмотра.

Пользователи дольше остаются на сайте, реже «срываются» с маршрута и чаще доходят до целевых действий.

✅ Рост доли успешных сценариев на 20–30%.

Больше пользователей доводят до конца ключевые сценарии: донорство, приёмное отделение, платные услуги.

✅ Time‑to‑market: с недель до 1–2 дней

КУБ.F5 уже в руках у 19 редакторов — от платных услуг до научных подразделений — и позволяет запускать новые страницы и разделы в разы быстрее.

F5 с 2018 года ведёт этот проект последовательно и в тесном партнёрстве с НИИ: вместе мы придумали и собрали СКЛИФ 1.0, затем «выросли» до СКЛИФ 2.0 с глубокой переработкой конструкторской и поисковой части — и продолжаем развивать экосистему дальше.

А дальше — ещё больше удобства для пациентов, абитуриентов и сотрудников: развитие внутреннего корпоративного контура, интеграция с CRM, обновлённые сценарии продвижения платных услуг и чекапов и небольшие, но заметные «фишки», которые сделают цифровой СКЛИФ ещё удобнее и человечнее. 

Продолжение следует.