Дыши легко — информационный портал для пациентов с астмой и ХОБЛ

Главное о кейсе

Компания «ПСК Фарма», обладающая более чем 20-летним опытом в производстве лекарственных средств, пришла к нам за разработкой информационного портала «Дыши легко», предназначенного для пациентов с астмой и ХОБЛ. Этот проект направлен на решение ключевой проблемы заказчика — потребности в удобном и доступном ресурсе, который не только предоставляет информацию о заболеваниях, но и помогает пользователям адаптироваться к жизни с диагнозом.

И мы создали сайт, который стал универсальным инструментом поддержки как для пациентов, так и для врачей: благодаря структуре разделов с экспертными статьями, материалы можно рекомендовать пациентам напрямую.
На сайте есть интерактивные элементы: тестирование для оценки контроля заболевания, оно позволяет пользователям получать ориентировочную оценку своего состояния. Цветовое кодирование (синий для астмы, зеленый для ХОБЛ) упрощает навигацию по материалам и делает сайт интуитивно понятным. Поиск по сайту охватывает статьи, файлы для скачивания и видео — это значительно повышает удобство использования ресурса. Ну и конечно, мы предусмотрели версию для слабовидящих.

Какие цели достигнуты и задачи решены:
• Созданный портал помог компании укрепить свой имидж как эксперта в области лечения респираторных заболеваний.
• Информационный контент согласован с отделом пульмонологии «ПСК Фарма», что гарантирует соответствие медицинским стандартам и достоверность данных.
• Реализация механизма тестирования и поиска по статьям, файлам и видео сделала сайт функционально богаче и удобнее для использования.

Как проект изменил жизнь пользователей

• Доступность информации: Пациенты теперь могут легко находить статьи, рекомендации и материалы, которые помогают им лучше понимать свое заболевание и справляться с ним.
• Тестирование для оценки состояния : На сайте появились интерактивные тесты, которые позволяют пациентам самостоятельно оценивать, насколько эффективно они контролируют свое заболевание. Это дает возможность своевременно корректировать лечение или обращаться за дополнительной помощью к врачу.
• Информационная поддержка : Сайт предлагает не только текстовые материалы, но и инфографику, видео, а также файлы для скачивания. Такой формат делает сложные медицинские данные доступными и понятными даже тем, кто далек от медицины.
• Мотивация и вдохновение : Яркий и жизнерадостный дизайн сайта, наполненный позитивными образами, вдохновляет пользователей на борьбу с заболеванием и помогает сохранять оптимизм.

Бизнес-задача и ее решение

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

Что дает новый сайт:
• Укрепление имиджа бренда: портал стал важным элементом коммуникации с целевой аудиторией. Благодаря качественному контенту, соответствующему медицинским стандартам, и удобной структуре сайта, компания укрепляет свой статус эксперта в области лечения респираторных заболеваний.

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

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

• Оптимизация процессов информирования: механизм поиска по статьям, файлам и видео делает информацию максимально доступной.

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

Крафт (мастерство), реализация, технические детали

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

Ещё одним интересным ходом стало цветовое кодирование: мы разделили материалы по цветам — синий для астмы, зеленый для ХОБЛ. Вроде бы очевидное решение, но как оно упрощает жизнь пользователям!

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

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

1. Кодовое название и его эволюция
Для ПСК Фарма мы делаем несколько проектов, и этот проект заказчик называл «пациентский сайт». В процессе работы наше внутреннее обсуждение случайно превратило это название в «пацанский». Сначала звучало как шутка, но потом стало своеобразным кодовым словом внутри команды. Ирония заключается в том, что сайт совсем не «пацанский» — он получился мягким, человечным и очень продуманным.

2. Три концепции дизайна: борьба за идеал
На старте дизайна у нас был строгий консервативный референс от заказчика. Мы опасались, что развернуться будет негде, и в результате представили целых три концепции: основную, «медицинскую» и альтернативную: первая была воздушной и динамичной, вторая — экспертной и лаконичной, третья — яркой и интерактивной. И заказчику понравились все три! Мы честно попытались выбрать одну, но в итоге решили объединить лучшие элементы всех трех. Заказчик оценил наш подход, и финальный дизайн стал живым, но строгим, теплым, но профессиональным.

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

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

5. Истории пациентов: планы на будущее
Идея для развития сайта — раздел с историями пациентов.

Скриншоты