Создали портал, который настраивает выдачу информации под интересы пользователей
Сделали тысячи материалов понятными и доступными для каждого
Разработали крупнейший информационный ресурс о помощи в конце жизни
О таком принято не говорить: сделали сайт для помощи людям в последние дни жизни
Наша команда серьезно погрузилась в тему паллиативной помощи и теперь отлично в ней разбирается. Мы не просто сделали сайт — мы постарались понять, как видят изменения портала Фонд «Вера», изучили все вопросы и разобрались в самых сложных моментах. Предлагаем вам совершить путешествие по кейсу. Усаживайтесь поудобнее, мы начинаем)
Благотворительный фонд помощи хосписам «Вера» с 2006 года занимается развитием доступности паллиативной помощи в России. Он оказывает поддержку неизлечимо больным детям, взрослым и их близким, обеспечивая комплексное медицинское и социальное сопровождение независимо от региона страны.
Фонд поддерживает региональные хосписы и некоммерческие организации, а также способствует развитию профессионального сообщества. Его миссия — обеспечить каждому неизлечимо больному человеку в России бесплатный доступ к квалифицированной и милосердной помощи в конце жизни.
Сайт фонда долгое время служил уникальным архивом знаний
Но со временем он стал слишком сложным для пользователей — интерфейс устарел, а огромный объем информации потерял структуру.
На сайте хранилось больше тысячи материалов:
статьи;
книги;
видео;
законы.
Со временем сайт стал неудобным:
устаревший дизайн;
плохая организация информации;
запутанная навигация.
Главная проблема: люди не могли быстро найти нужную информацию.
В
2х
ускорили работу сайта
2000+
учреждений на карте
1000+
материалов перенесено вручную
Родственники больных — находят инструкции по уходу и психологическую поддержку в два клика. Врачи — получают доступ к свежим материалам и профессиональным протоколам. Фонды и волонтеры — быстро находят документы и полезные материалы для работы.
Что изменилось для людей?
Мы полностью перезапустили портал.
Обновили дизайн и сделали сайт лёгким и быстрым.
Перенесли более 1000 материалов вручную, сохранив структуру.
Настроили удобный поиск, фильтры и теги.
Добавили карту с более чем 2000 учреждений паллиативной помощи.
Добавили полезные функции личного кабинета, которые ускорят поиск информации о заболеваниях близких
Что сделали для этого?
Сделать так, чтобы:
сайт быстро открывался, даже когда на нем много материалов;
по нему было легко и просто перемещаться;
любой человек мог без труда найти то, что ему нужно.
Собрать в одном месте все нужные сведения о помощи больным, чтобы врачи, родственники больных и волонтеры могли быстро найти нужную информацию.
Что было необходимо сделать?
ПроПаллиатив — это не просто сайт. Это живая энциклопедия паллиативной помощи, где каждый может найти ответы и поддержку в самый трудный момент.
Интересно узнать, как из простых строк кода вырос проект, дарящий надежду? Давайте вместе заглянем за кулисы создания портала, где технологии работают на благо людей.
Запустили в эксплуатацию
Октябрь
Перенесли вручную весь контент со старого сайта на новый, учитывая всю навигацию и структуру
Сентябрь
Протестировали сайт совместно с клиентом
Август
Перезапустили весь сайт на 1С-Битрикс: Управление сайтом, с дополнительной большой модернизацией всего функционала, включая новый личный кабинет
Июль
Разработали кодовую базу оформления, после чего объединили её с программной частью
Июнь
Отрисовали новые дизайн-макеты
Май
Сформировали новую дизайн-концепцию
Апрель
Проанализировали и спроектировали новый портал
Март
История проекта. 2024 год
Новый портал должен учитывать все эти потребности и обеспечивать удобный доступ к нужной информации для каждой из групп пользователей.
Врачи профессионалы
Ищут актуальную медицинскую и профильную информацию
Фонды, НКО, волонтеры и юристы
Нуждаются в документах и материалах для работы
Тяжелобольные и их близкие
Хотят максимально простой и понятный интерфейс, чтобы легко найти необходимую информацию
Не знакомы с терминологией
Ищут психологическую помощь
Более 60% посетителей — это врачи, работающие с людьми столкнувшимися с тяжелыми болезнями и неизлечимыми диагнозами.
Мобильный трафик составляет значительную часть посетителей портала, поэтому важно было учесть насколько комфортно пользователи смогут находить нужную информацию с мобильных устройств, не сталкиваясь с техническими сложностями и профессиональным сленгом.
Целевая аудитория
Подход к каждому пользователю сайта
Изучили около 15 ресурсов схожих по принципу подачи контента
Рассматривали ресурсы с обучающим и информационным контентом. Обращали внимание на варианты навигации и поиска. Сделали подробный сравнительный анализ.
Составили перечень рекомендаций для изменения сайта:
Видимость сайта поисковыми системами;
Удобство использования сайта;
Удобство восприятия расположенной информации;
Понятность структуры сайта, не требующая длительного изучения;
Дизайн сайта, шрифт, цвет, композиция и графические элементы;
Функциональность;
Реализация мобильной версии;
Существующие решения по реализации целевых блоков контента;
Наличие и функциональность Личного кабинета;
Скорость загрузки сайта;
Сходство тематик, концепции с порталом.
Спроектировали пользовательский путь
Разработали набор блок-схем, содержащий целевые пути взаимодействия пользователей с новым сайтом pro-palliativ.ru
Провели аналитику SEO-составляющей и сформировали рекомендации
Разработан набор документов, содержащих:
Ключевые слова семантического ядра
Набор рекомендаций и требований к содержанию публикуемых статей
Набор рекомендаций к структуре сайта для его переработки
Разработали структуру будущего сайта
Карта сайта содержит маркерную индикацию динамических разделов и переходов внутри сайта, а также легенду, позволяющую читать карту.
Подготовили техническую документацию
Оформили текстовый документ, где описан каждый элемент интерфейса в формате «элемент» — «результат при взаимодействии с элементом».
Разработали дизайн и создали прототипы портала
Созданы детализированные прототипы всех страниц нового сайта.
На старом сайте использовалось много фотографий, часто не уникальных. Для визуальной чистоты и легкости первым делом избавились от изображений на карточках и наполнили их полезным функционалом.
Карточки в центре внимания: их роль в организации контента портала
Мы хотели, чтобы постоянным пользователям было легко ориентироваться в большом объеме информации. Статьи и мероприятия — основная часть контента. Чтобы их было проще отличать друг от друга, каждому типу материала мы присвоили свой цвет и формат подачи.
Было
Стало
Иконка замочка указывает что материал доступен только для медицинских специалистов
Картинку оставили, но теперь она появляется по наведению на карточку
Дополнили теги иконками категорий и добавили время чтения
Статьи делятся на три типа по контенту:
Сложные темы с терминами в заголовках требуют краткого пояснения материала простыми словами
Интервью или важные материалы, к которым нужно привлечь внимание, содержат фото
Общедоступные статьи с понятными заголовками
И на три цвета по содержанию:
SOS материалы — желтые
Видео контент — синий
Статьи и мероприятия — нейтральный бежевый оттенок
Все статьи находятся в тематических подборках
Онкология
Конец жизни
Личные истории
Редкие болезни
Психология и общение
О паллиативной помощи
Социально- правовые вопросы
Перинатальная потеря
Симптоматическое лечение
Уход
Обезболивание
Все статьи находятся в тематических подборках. Подборки оформили в виде папок с уникальными иконками по основным категориям. В иконках необходимо было избежать религиозных символов, разночтения и ассоциаций со смертью.
Так как аудитория глобальная подумали о доступности заранее и сделали это помощью приложения Colorblindly.
Подобрали палитру контрастную при любой степени дальтонизма
Пример:
Родственник больного человека найдёт только материалы по уходу.
Врач увидит информацию о медицинских процедурах.
На новом портале каждый увидит только то, что ему нужно
Вот как это происходит:
На новом портале каждый увидит только то, что ему нужно
Больше не придётся искать нужное среди множества неважных материалов. Теперь главную страницу можно настроить под свои интересы.
Когда вы впервые заходите на сайт, вам показываются самые важные и интересные статьи. А если зарегистрируетесь, то сможете сами настроить, что хотите видеть. Или просто читайте то, что вам нравится — сайт сам поймёт ваши предпочтения и будет предлагать подходящий контент
Легко найти нужную информацию, благодаря дизайну
А ещё можно сразу выбрать свою роль (например, родственник пациента или медицинский работник) — и система покажет именно то, что вам нужно. Всё сделано так, чтобы вы быстро находили то, что ищете.
Как это работает:
Сразу видите поисковую строку
Видите популярные темы, отмеченные тегами
Нажимаете на интересующий тег — попадаете на подборку статей по этой теме
Сделали процесс поиска максимально комфортным и продуктивным
направлению;
теме;
уровню эксперта;
формату.
Легко найти нужную информацию, отфильтровав ее по:
Библиотека знаний: продвинутый поиск среди тысячи материалов
Более 2000 учреждений на одной карте: поиск паллиативной помощи
Дополнительные функции:
Возможность добавить новое учреждение
Отправка сообщений об ошибках и неточностях
Модерация данных
Как работает карта:
Детальные карточки учреждений
Подробная информация при клике на маркер
Удобное масштабирование
Автоматическая подгрузка данных
Быстрый и отзывчивый интерфейс
Удобные фильтры по типу учреждения и возрасту пациента
Поиск ближайших учреждений паллиативной помощи
Более 2000 организаций на карте
Интерактивные тесты для самодиагностики
Мгновенная проверка результатов
Персонализированные рекомендации по теме
Возможность оформления завещания. Нет, вам не показалось, это реальная функция портала. Здесь и правда можно оформить завещание, оно удобно в оформлении и будет юридически верно.
Практические инструменты:
Не просто сайт, а настоящая энциклопедия
Что делает портал особенным:
Глубокий контент — только профессиональные статьи от экспертов
Удобный формат — даже сложная информация подается понятно и доступно
Некоторые материалы доступны только для медработников — это гарантирует сохранность профессиональной информации.
Гид по палллиативной помощи, где каждый материал проходит строгий экспертный отбор.
Личный кабинет — персональный центр управления
Полезные функции для врачей и людей, которые ищут информацию о заболеваниях близких
Настроить портал под свои интересы
Управлять лентой статей и рассылками
Сохранять прочитанные материалы
Создавать собственные подборки
Личный кабинет дает возможность:
К закрытым статьям для медработников (нужно указать специализацию, регион и организацию)
К персонализированной ленте статей по выбранным темам
Регистрация открывает доступ:
Быстрый поиск релевантного контента
Свежие материалы по интересам
Возможность менять темы в личном кабинете
Преимущества регистрации на портале:
Новый единый навигатор обучения для медработников
Накопления баллов
Повышения квалификации
Профессионального развития
Навигатор регулярно обновляется новыми событиями.
Медицинский портал представляет удобный инструмент для непрерывного образования. Здесь вы найдёте актуальные обучающие мероприятия для:
Горячая линия партнерской организации: простой доступ с любого устройства
Быстрый способ связи через кликабельный номер телефона
Единый интерфейс для всех гаджетов
Усовершенствованная система по сравнению с предыдущей версией портала
Удобная навигация к контактам службы поддержки
Подвал сайта: место, где собраны все ответы
Развернутое меню для удобного поиска материалов
Форма подписки на рассылку
Контакты горячей линии
Ссылки на социальные сети
Баннеры-ссылки на сервисы фонда «Вера»
В нижней части страницы размещены:
2
Битрикс
сервера фронт и бэк, для SEO оптимизации
Nuxt.js
Технологии, которые работают на пользователей
Как это устроено:
Когда на сайте тысячи экспертных материалов, интерактивная карта, личные кабинеты и трафик со всей страны — важно, чтобы всё работало быстро и стабильно, без зависаний и ошибок. Именно поэтому мы спроектировали архитектуру портала по принципу мобильного приложения — легкую, устойчивую и легко масштабируемую.
Чтобы ускорить загрузку и повысить надёжность, мы разделили фронтенд и бэкенд:
бэкенд отвечает за базу данных, картотеку и внутреннюю логику;
фронтенд — за визуальную часть, интерфейсы и взаимодействие с пользователем.
Такой подход дает сразу несколько преимуществ:
страницы собираются «на лету» — сначала подгружается внешний вид, затем наполняется контентом;
сайт работает стабильно даже при высокой нагрузке;
любую часть портала можно доработать или обновить без риска всё сломать.
Технологии здесь — не самоцель, а основа, которая делает сложный сайт доступным, быстрым и удобным для каждого пользователя.
Результаты
Создали портал о паллиативной помощи, структурировали всю информацию.
Разработали удобную навигацию и систему тэгов.
Настроили личный кабинет — пользователь сам определяет то, что он читает на сайте.
Перенесли вручную более 1000 экспертных материалов.
Повысили показатели взаимодействия с трафиком целевой аудитории проекта.
Увеличили базовые KPI.
Фундаментальный проект. В кейсе показаны самые мощные результаты и решения. Но это верхушка айсберга, за которой лежит огромная работа нашей команды.
Благодарим Фонд «Вера» за доверие. «Про Паллиатив» — это масштабный проект, в котором собрана вся проверенная информация. Здесь вы можете получить не только медицинскую, но и психологическую, духовную и социальную поддержку. Мы провели глубокий анализ, взвесив все «плюсы» и «минусы», и выделили ключевые аспекты, которые сделают сайт удобным для всех категорий пользователей. В этом проекте мы применили инновационные технологии, которые ранее не использовались, чтобы обеспечить бесперебойную работу с огромным объемом информации и количеством пользователей.
Менеджер проекта
Дмитрий Журба
И это еще не все
5. Обновление дизайна Постоянное улучшение сайта: мы следим за тем, как пользователь взаимодействует с сайтом, анализируем и делаем портал приятнее и удобнее.
4. Улучшения для редакторов Редакторам дадут больше инструментов для работы: еще проще управление контентом.
3. Новые возможности для авторов Авторы смогут размещать платные публикации, любой желающий сможет купить место для своей статьи.
2. Связь с премией «Попутчики» Портал соединят с премией «Попутчики». Это значит, что информация будет обновляться автоматически, и пользоваться обеими платформами станет намного удобнее.
1. Единый аккаунт Скоро у пользователей будет один логин и пароль для всех проектов фонда «Вера». Не нужно будет регистрироваться заново на каждом сайте — просто войдите через Вера ID.
Как будет развиваться портал «ПроПаллиатив» в ближайший год?
Команда
Спасибо за ваш труд и чуткость к задаче. Вы помогли улучшить один из самых значимых проектов фонда, который помогает сотням неизлечимых больных людей и их родных.
Мы благодарим команду разработчиков, которая работала над обновлением портала «Про Паллиатив» (pro-palliativ.ru) — чтобы он стал понятнее, удобнее, ближе.
Нюта Федермессер
директор Благотворительного фонда помощи хосписам “Вера”
