Дыши легко

Наша основная задача заключалась в том, чтобы создать информационный портал для пациентов с астмой и ХОБЛ, который помогал бы людям не просто узнавать о заболевании, но и жить полной жизнью, несмотря на диагноз.

При этом мы понимали, что сайт должен быть полезен не только пациентам, но и врачам, поэтому поставили перед собой сразу несколько целей:

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

— сделать удобную навигацию и возможность быстро делиться статьями или распечатывать их;

— создать дизайн, вызывающий доверие и ощущение заботы, без лишней анимации и визуальной перегрузки;

— добавить интерактивные элементы, чтобы сайт не был просто «о чтении», а позволял вовлекать пользователя — например, через дыхательные гимнастики и тесты по контролю заболевания;

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

— предусмотреть адаптацию для слабовидящих пользователей;

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

В рамках проекта мы:

— провели аналитику и глубоко изучили целевую аудиторию — пациентов и врачей;

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

— разработали три дизайн-концепции и объединили их в итоговый вариант: ассоциации дыхания, экспертность и лёгкая анимация;

— реализовали дыхательные гимнастики в безопасном статичном формате;

— создали механизм онлайн-тестов для оценки контроля заболевания;

— внедрили поиск по статьям, тестам, файлам и видео;

— добавили цветовое кодирование для тем астмы и ХОБЛ;

— обеспечили версию сайта для слабовидящих пользователей;

— доработали инфографику и визуальное сопровождение статей в едином стиле;

— добились сочетания медицинской строгости и позитивного настроя во всём проекте.

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

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

Мы представили три концепции:

— основную — с элементами дыхания, ассоциирующимися с лёгкостью и гармонией;

— медицинскую — строгую и экспертную, с графикой на основе фирменного логотипа;

— альтернативную — с лёгкой анимацией и идеей дыхательных гимнастик.

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

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

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

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

Для удобства навигации применили цветовое кодирование — синий для астмы и зелёный для ХОБЛ. А чтобы сайт оставался доступным для всех, предусмотрели версию для слабовидящих пользователей.

Все тексты статей и тестов подготовил заказчик — это обеспечило медицинскую точность и достоверность информации. Мы сосредоточились на визуальной части: оформили материалы, доработали иллюстрации и согласовали всё с отделом пульмонологии «ПСК Фарма».

Особое внимание уделили инфографике — сделали её проще, понятнее и визуально легче. Мы использовали фирменные цвета и шрифты, чтобы сложные медицинские данные воспринимались интуитивно и гармонично вписывались в общий стиль проекта.

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

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