Редизайн сайта «Объясняем.рф»

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

Вместе с АНО «Национальные приоритеты» мы разработали новый визуальный язык для сайта объясняем.рф, а также провели рефакторинг кодовой базы проекта.

Редизайн объясняем.рф был запущен в конце февраля 2023 года, его итоги в цифрах:
- Посетители в целом: в феврале — 2,3 миллиона, а в марте уже — 4,8 миллиона.
- Каждый месяц на сайт теперь стабильно заходят 4 миллиона человек.
- Пик посещений — 7,5 миллионов.
- Уникальные посетители: в феврале — 1,7 миллиона, а в марте — уже почти 4 миллиона.
- Отказы снизились на 5%.
- Время, которое пользователи проводят на сайте, выросло почти в 2 раза.

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

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

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

Ресурс объясняем.рф предоставляет людям понятную и достоверную информацию по социально-экономическим вопросам и публикует четкие ответы от официальных лиц — представителей федеральных министерств и экспертов. Здесь можно найти инструкции с разъяснениями сложных официальных документов.

С момента запуска новой версии сайт посетили 38,5 миллионов человек, которые нашли ответы на важные для них вопросы.

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

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

Объясняем.рф запускался в очень короткие сроки — мы сделали релиз всего за три дня с помощью шаблона «Битрикс». Сразу после главной задачей стал редизайн ресурса: нужно было создать для него свой визуальный язык, уйти от шаблонной структуры и улучшить UX.

Для этого мы вместе с АНО «Национальные приоритеты»

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

Внедрили кастомную навигацию
Аудитория заходит на объясняем.рф за ответом на конкретный запрос, при этом информации на сайте очень много. Для облегчения поиска мы проанализировали путь пользователя по разделам и кастомизировали фильтры. Почти в каждом разделе они свои — теги, карточки, анкета, аккордеоны. Это делает сайт разнообразным, а сам процесс поиска контента — интересным. Для ключевых разделов — «Вопрос-ответ» и «Меры поддержки» — фильтры выведены на главную страницу.

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

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

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

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

С первого дня работы главные принципы нашего сотрудничества с АНО «Национальные приоритеты» — быстрое выполнение задач, сохранении актуальности и достоверности информации.

Пользователи воспринимают сайт объясняем.рф как последнюю инстанцию и любой сбой может обернуться серьезными репутационными потерями.

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

На проекте нужно всегда быть собранным, готовым к сложностям 24/7. В том числе, потому что сайт с первого дня стал объектом для DDoS-атак.

Со стороны АНО «Национальные приоритеты» в разработке участвует отдельная веб-команда. Мы проводим регулярные брейнштормы, вместе отрабатываем гипотезы и тестируем новые функции.

Скриншоты