Перейти к содержанию Перейти к подвалу

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

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

Задача

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

    Часть первая

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

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

    Запуск СКЛИФ 1.0

     

      • Все направления (лечение, донорство, платные услуги, наука, образование, конференции) собрали в одном сайте как разделы с общей навигацией и стилем.
      • Работа с объёмным контентом: упаковали 2500+ услуг и 1000 сотрудников — с понятными группировками под запросы пациентов, фильтрами и поиском.
      • Сайт стал каналом продвижения платных медицинских услуг: сформировали SEO-базу, создали первый блочный конструктор промо‑страниц. На нём редакторы Склифа собирали лендинги чекапов, акций и популярных услуг без участия разработчиков — это ускорило запуск маркетинговых кампаний и поддержало SEO за счёт быстрых целевых страниц.
      • Приёмная кампания онлайн: разработали личный кабинет абитуриента и целый онлайн‑контур приёмной комиссии. Теперь абитуриент подаёт заявления и следит за статусами онлайн, а приёмная комиссия работает с потоком обращений через административную панель.
      • Первые сервисы и спецразделы: донорский светофор, калькулятор ожогов, интерактивная карта территории, витрина научных публикаций, просветительские проекты и инструменты сбора отзывов от пациентов и сотрудников.
      • Юридическая база: сайт привели к 100% соответствию требованиям для мед‑ и образовательных ресурсов — профильные ФЗ, приказы, обязательные разделы и форматы данных.
      • Сайт также интегрирован с внутренним порталом сотрудников, но детали этого контура остаются под NDA.
    Комплексная цифровая трансформация многопрофильного научно-образовательного учреждения
    Полная трансформация сайта с автоматизацией процессов, приведением к юридическим требованиям и созданием удобных сервисов для пациентов, студентов и сотрудников.

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

     
    • 2x+ рост заявок на платные услуги;
    • 2 300+ положительных отзывов;
    • 1 000+ онлайн‑заявлений абитуриентов в период COVID;
    • 1 200+ регистраций учёных на конференции.
  • Рост контента и и усложнение сценариев привёл к новому запросу: нужен такой инструмент, чтобы почти весь сайт собирать силами подразделений, редактировать текстовый слой полностью, но без потери качества интерфейса и соблюдения норм.
    Часть вторая
    СКЛИФ 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 сайт стал одним из ключевых каналов коммуникации: донорство, приёмная кампания, сервисы для пациентов. Это проверило на прочность и архитектуру, и конструктор, и все «узкие места» в сценариях.

    СКЛИФ 1.0: аналитика и первый релиз

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

    СКЛИФ 1.0: поэтапно развиваем сайт (сервисы, ЛК, спецпроекты)

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

    Стартовали с 10–12 базовых элементов и постепенно расширяли библиотеку, наблюдая за реальным использованием. Со временем дошли до 26 типов секций и блоков.
    До конструктора запуск промо‑лендинга под новый чекап занимал недели: постановка задач, дизайн, верстка, тестирование.​ После внедрения конструктора маркетинговая команда Склифа стала запускать типовой лендинг за один день — без входа разработчиков в код. Так в первые полгода внутри НИИ на нашем конструкторе собрали 56+ продающих лендингов для чекапов и платных услуг.
    Спойлер: маркетологи так полюбили этот инструмент, что подтянули к нему и другие подразделения и сейчас сайт на 99% состоит из уже усовершенствованного конструктора — КУБ.F5.
    Вместо разрозненных сайтов отделений и центров мы собрали полноценные мини‑сайты на общем каркасе основного сайта — с единой навигацией, стилем и управлением через одну админку с гибким разграничением прав доступа. У каких-то отделений всего несколько страниц, у других — полноценный мини‑сайт.
    Упаковали в структуру и интерфейс около 2500 услуг, 1000 сотрудников, которые теперь реально можно просматривать, фильтровать и искать.
    Склиф получил управляемый цифровой контур приёмной кампании вместо набора статичных страниц и документов. Абитуриент подаёт заявления и следит за статусами онлайн, а приёмная комиссия работает с потоком обращений через административную панель.
    Вместе с профильными подразделениями Склифа мы реализовали множество сервисных функций — формы записи и заявок, разделы новостей, витрину научных публикаций, страницы подразделений — и на их базе запустили спецпроекты под задачи НИИ.
    Интерактивная навигационная карта по корпусам, въездам и КПП помогает быстро сориентироваться на территории НИИ и спланировать маршрут до нужной точки. На мини-сайтах отделений встроены такие же карты с привязкой к конкретному корпусу.
    Цифровая таблица Менделеева разработана к 100‑летию Дмитрия Ивановича. Она превратила классический плакат с элементами в живой онлайн‑инструмент. Пользователь может навести на элемент и узнать, как он применяется в медицине: от диагностики и лечения до исследований. Такой спецраздел поддерживает просветительскую и научную повестку НИИ.

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

     

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

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

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

    СКЛИФ 1.0: результаты

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

     
    • 2x+ рост заявок на платные услуги — сайт стал сильным каналом привлечения пациентов.
    • 2 300+ положительных отзывов на сайте.
    • 1 000+ абитуриентов подали заявления онлайн в период COVID.
    • 1 200+ регистраций ученых на конференции.
    • 56+ продающих лендингов собраны командой НИИ на конструкторе.
    • 100% соответствие требованиям к медицинским и образовательным организациям — при сохранении удобства для людей.
  • Долгий путь: 2018–2023 — развиваем сайт как продукт

    После запуска Склиф 1.0 мы взяли сайт на полную техподдержку и начали развивать его. Вместе с командой НИИ за несколько лет мы:
     
    • Регулярно адаптировали сайт под новые требования законодательства для государственных, медицинских и образовательных организаций, сохраняя 100% соответствие нормам.
    • Заодно стали экспертами по набору профильных ФЗ, приказов и предписаний — эти знания мы используем теперь и в других проектах.
    • Провели комплексную SEO‑оптимизацию и вывели органический трафик на стабильные 6000+ посетителей в сутки.
    • Построили платформы для научных мероприятий и регистрации: только за первый год более 1200 учёных зарегистрировались через сайт на конференции.
  • Запустили множество прикладных сервисов для пациентов и врачей, которые напрямую влияют на качество медицинской помощи и обратной связи.

    Отдельный пример — индекс RFI. Учёные Склифа дополнили классическую формулу индекса Франка, учли возраст пациента и наличие ингаляционной травмы и получили усовершенствованный индекс RFI с точностью прогноза исхода лечения до 95% — решение запатентовали.
    Мы аккуратно упаковали эту методику в веб‑интерфейс на сайте НИИ: инструмент помогает оценить тяжесть состояния, принять решение о маршрутизации (реанимация, профильное отделение, амбулаторное лечение) и подобрать наиболее эффективную терапию, экономя врачу минуты в критической ситуации.

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

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

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


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

    Почему понадобился Склиф 2.0

    У первого релиза был эффект «рывка»: сайт стал современным, удобным, управляемым — и сильно поднял планку ожиданий внутри НИИ:
    1. Базовый блочный конструктор стал настолько популярным, что его начали воспринимать как универсальный инструмент. На нем собирали промо‑лендинги, спецпроекты, страницы отделений — он стал центром жизни сайта. И внутри НИИ появилась цель, чтобы практически весь сайт собирался из блоков.
    2. Структура и объём контента выросли, появилось множество новых программ, услуг, мероприятий. Все это требовало более умного поиска и продуманной навигации.
    3. Команда Склифа хотела полного контроля над контентом и сборкой страниц, то есть выноса редактирования абсолютно всех текстов и кнопок в админку.
    Стало понятно, что нужны радикальные изменения: пересборка ядра, новый конструктор и обновление интерфейса.

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

    Склиф 2.0: функциональные инновации + осознанный редизайн

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

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

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

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

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

    ЭКОСИСТЕМА 360°: один сайт для всех задач и сервисов

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

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

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

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

    КУБ.F5 — конструктор управления блоками

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

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

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

     

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

    

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

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

    До Склиф 2.0 интерфейс развивался органически — без радикальных изменений, но с постоянным добавлением новых функций; со временем это сделало его сложным и перегруженным.
    Новый релиз позволил пересобрать дизайн на основе накопленной статистики и обратной связи и заложить атомарный подход в основу всех элементов, чтобы дальше развиваться без болезненных «перерисовок» дизайн-системы.
    Мы изначально проектировали макеты КУБа по принципам атомарного дизайна:
     
    • сначала описали «атомы» — базовые элементы интерфейса (цвета, типографику, кнопки, поля, иконки, отступы) и их состояния;
    • уже из этих молекул строили «кубики», модули и шаблоны страниц.
    • пересмотрели сетку и отдельные паттерны, чтобы сайт выглядел современно, но оставался узнаваемым;
  • По мере роста сайта не придется придумывать интерфейсы заново — мы будем просто по‑новому комбинировать уже описанные стабильные элементы под новые сценарии и задачи.

    Результат

    После СКЛИФ 2.0 и многолетней эволюции сайт — это не просто «официальный ресурс НИИ», а цифровая платформа, экосистема 360°:
     
    • основной сайт НИИ с разделами лечения, науки, образования и платных услуг;​
    • мини‑сайты отделений и подразделений, собранные на конструкторе КУБ.F5;​
    • онлайн‑приёмная комиссия и личный кабинет абитуриента;​
    • разделы и промо‑лендинги для чекапов и коммерческих программ;​
    • посадочные страницы научных конференций и мероприятий с регистрацией участников;
    • внутренний портал для сотрудников (о нём мы почти не рассказываем — он под NDA).
    Все части экосистемы связаны единой архитектурой, дизайн‑системой и админкой.

    +60% к конверсии в запись на приём.</strong>

    Конверсия выросла с ~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, обновлённые сценарии продвижения платных услуг и чекапов и небольшие, но заметные «фишки», которые сделают цифровой СКЛИФ ещё удобнее и человечнее.


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

    Комментарий агентства

    Команда F5 сумела найти идеальный баланс между инновацями и идентичностью проекта. Новый дизайн не испугал аудиторию и учел все накопленные за 10 лет функции — от системы «канцпоинтов» до гео-чувствительности контента.
    Елена Сурова,
    Директор по развитию бизнеса (CBDO)

    Взяли золото на главной digital-премии России Workspace Digital Awards 2026 с проектом для НИИ скорой помощи им. Склифосовского

    Хотите запустить похожую цифровую экосистему для своей компании?

    Оставить заявку

    Другие проекты F5:

    Нужна помощь с проектом?
    Свяжитесь с нами!

    г. Архангельск, пл. Ленина 4, офис 906

    г. Москва

    Мы на Workspace

    © 2026. Диджитал-агентство F5

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