Редизайн портала takzdorovo.ru Минздрава России о ЗОЖ

Процессы перед редизайном

Перед началом работы мы провели UI/UX-аудит и проанализировали статистику Интернет-портала, чтобы выяснить:

• Какой тип контента и какие темы больше всего интересуют пользователей;
• Какие устройства используют посетители и их разрешения экрана;
• Какой контент пользователь не находит.

На основе анализа мы разработали дизайн-концепцию и создали прототипы:

Создание концепции

Мы постарались переосмыслить сам Интернет-портал, чтобы создать пользовательский интерфейс, который будет подчеркивать весь обширный функционал сайта, а также позволит пользователю максимально быстро и просто получать информацию релевантную его запросу.

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

Также была проработана дифференциация каждого из пяти основных разделов Интернет-портала.

Адаптивный дизайн

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

Главная страница

На основе юзабилити аудита, а также после исследования данных аналитики мы разделили всю существующую страницу на смысловые блоки, которые упрощают восприятие информации на экране. Было добавлено несколько новых блоков:

1) Блок с наиболее актуальными проблемами для посетителей и ссылками на соответствующие материалы по их решению;

Дизайн блока с наиболее актуальными проблемами для посетителей

2) Интерактивный сервис «Калькулятор калорий», которым может сразу же воспользоваться каждый посетитель Интернет-портала;

3) Блок с интерактивными сервисами, которые для удобства ориентирования были условно разделены на условные категории.

Дизайн блока интерактивных сервисов

4) Опросы с возможностью прохождения опроса непосредственно на главной странице.

Для простоты восприятия страницы основных разделов Интернет-портала, также как и главная страница, имеют единую блочную структуру. Это позволяет пользователю быстро ориентироваться на страницах и находить нужные материалы.

Дизайн начального блока на страницах разделов портала

Интерактивные сервисы

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

Обновление технологической платформы сайта

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

Верстка материала без программистов

Благодаря обновлению технической платформы портала мы реализовали возможность редакторам сайта самим верстать материал из заранее созданных блоков.

---

Что планируется в будущем?

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