Кейс
Редизайн портала takzdorovo.ru Минздрава России о ЗОЖ
![](/images/case-item/takzdorovo/top.png)
Сайт: takzdorovo.ru
Клиент: Takzdorovo.ru – официальный Интернет-портал Министерства здравоохранения Российской Федерации посвященный здоровому образу жизни, правильному питанию, профилактике различных заболеваний и отказу от вредных привычек.
Задачи: Заново переработать и преобразовать весь интернет-портал, определить наиболее востребованные категории материалов, выделить для пользователей возможность использования интерактивных сервисов, а также изменить техническую платформу сайта.
Процессы перед редизайном
Перед началом работы мы провели UI/UX-аудит и проанализировали статистику Интернет-портала, чтобы выяснить:
- Какой тип контента и какие темы больше всего интересуют пользователей;
- Какие устройства используют посетители и их разрешения экрана;
- Какой контент пользователь не находит.
На основе анализа мы разработали дизайн-концепцию и создали прототипы:
![](/images/case-item/takzdorovo/image-1.png)
Создание концепции
Мы постарались переосмыслить сам Интернет-портал, чтобы создать пользовательский интерфейс, который будет подчеркивать весь обширный функционал сайта, а также позволит пользователю максимально быстро и просто получать информацию релевантную его запросу.
Уход от блоков с четкими острыми гранями и использование скругленных углов позволили добиться визуальной мягкости всех блоков, а также это позволило «направлять» взгляд пользователя внутрь блока, что способствует более длительному удержанию внимания на размещенном контенте.
Также была проработана дифференциация каждого из пяти основных разделов Интернет-портала.
![](/images/case-item/takzdorovo/image-8.jpg)
Адаптивный дизайн
Мы также уделили большое внимание адаптивной версии Интернет-портала для корректного отображения контента на мобильных устройствах. В оформлении мобильной версии сайта мы применили уже традиционные паттерны поведения пользователей в мобильных приложениях, что позволяет использовать функционал сайта на интуитивном уровне.
![](/images/case-item/takzdorovo/image-2.png)
Главная страница
На основе юзабилити аудита, а также после исследования данных аналитики мы разделили всю существующую страницу на смысловые блоки, которые упрощают восприятие информации на экране. Было добавлено несколько новых блоков:
1) Блок с наиболее актуальными проблемами для посетителей и ссылками на соответствующие материалы по их решению;
![](/images/case-item/takzdorovo/image-3.png)
Дизайн блока с наиболее актуальными проблемами для посетителей
2) Интерактивный сервис «Калькулятор калорий», которым может сразу же воспользоваться каждый посетитель Интернет-портала;
3) Блок с интерактивными сервисами, которые для удобства ориентирования были условно разделены на условные категории.
![](/images/case-item/takzdorovo/image-4.png)
Дизайн блока интерактивных сервисов
4) Опросы с возможностью прохождения опроса непосредственно на главной странице.
Для простоты восприятия страницы основных разделов Интернет-портала, также как и главная страница, имеют единую блочную структуру. Это позволяет пользователю быстро ориентироваться на страницах и находить нужные материалы.
![](/images/case-item/takzdorovo/image-5.png)
Дизайн начального блока на страницах разделов портала
Интерактивные сервисы
Одной из особенностью Интернет-портала Takzdorovo.ru является наличие большого количества интерактивных сервисов, которые помогают пользователям вести здоровый образ жизни, фиксировать и отслеживать свои спортивные результаты, а также задавать вопросы экспертам на онлайн-конференциях и проверить свои знания, пройдя тесты. По факту такой функционал позволяет заменить пользователю сразу несколько фитнес-приложений. Именно поэтому при разработке дизайна сервисов нам в первую очередь было важно, чтобы пользователи смогли быстро и просто вносить данные с мобильного телефона.
![](/images/case-item/takzdorovo/image-6.png)
Обновление технологической платформы сайта
В самом начале, при проведении первичной аналитики Интернет-портала мы поняли, что необходимо производить модернизацию технической составляющей сайта. Именно поэтому весь сайт был перенесен на новую платформу с полным сохранением всего контента и его структуры для сохранения SEO-показателей сайта.
Верстка материала без программистов
Благодаря обновлению технической платформы портала мы реализовали возможность редакторам сайта самим верстать материал из заранее созданных блоков.
![](/images/case-item/takzdorovo/image-7.png)
Что планируется в будущем?
При разработке обновленного дизайна пользовательского интерфейса и модернизации технологической платформы мы подготовили Интернет-портал к внедрению на сайт большого количества нового функционала, а также новых типов материалов. Поэтому мы видим развитие сайта со стороны увеличения и более качественной проработки интерактивных сервисов.