Объясняем.рф — официальный интернет-ресурс
для информирования жителей России о социально- экономической ситуации в стране
Разработка
и развитие сайта
  • Клиент
АНО «Национальные приоритеты» — автономная некоммерческая организация, которая занимается информационным сопровождением, мониторингом реализации и расширением форматов участия граждан России в национальных проектах.
  • Технологии
  • Что сделали
UX-аудит
UI/UX-дизайн
Аналитика
Фронтенд- и бэкенд-разработка
Тестирование
Поддержка
Март 2022
  • Дата запуска
PHP
JavaScript
Vue
Bitrix

  • Результаты
Запустить сайт объясняем.рф о социально-экономической ситуации в России, обеспечить его поддержку и развитие.
  • Задача
посещений за 2022 год
85 млн
посещений за первый месяц
11 млн
на разработку MVP
3 дня
План работы над проектом
01
Запуск MVP
03
Редизайн
04
Поддержка
и развитие
02
Доработка UX и добавление функций
На объясняем.рф собраны материалы на сотни тем от соцпомощи до туризма и финансов. Поэтому мы сфокусировались на разработке комфортной информационной архитектуры, чтобы читатели легко ориентировались в потоке контента.
Главная страница подсказывает, куда стоит обратиться с запросом. Для этого мы разбили ее на блоки и добавили превью каждого раздела
  • Информационная архитектура
В основе разработки лежит принцип mobile first, поскольку более 70% пользователей заходят на сайт с мобильных устройств
Внутренние страницы спроектированы в формате минималистичных блоков или карточек, это уменьшает когнитивную нагрузку и обеспечивает последовательный user flow.
Пользователь видит карточки в режиме одного окна, это ускоряет поиск ответа
На страницах, где собраны материалы сразу на многие темы, мы добавили блоки с популярным контентом. Такой прием повышает рециркуляцию читателей медиа и продолжительность одного сеанса на сайте.
  • Нагрузка
За первый месяц объясняем.рф посетили около 11 миллионов раз, а к концу 2022 года эта цифра превысила 85 миллионов. Мы подготовились к такому трафику и разработали ресурс как хайлоад-систему. За счет настроек кэширования и повышенной защиты от DDOS-атак он выдерживает большую нагрузку.
Два главных направления
Светлая и минималистичная цветовая схема
Ведущая роль контента в интерфейсе
Поэкранное разделение контента
Максимум свободного пространства
Ее основа — стильный и сдержанный интерфейс, который подчеркивает надежность и серьезность издания.
  • Разработали новую
дизайн-концепцию
Светлая и минималистичная цветовая схема
Ведущая роль контента в интерфейсе
Поэкранное разделение контента
Максимум свободного пространства
Ее основа — стильный и сдержанный интерфейс, который подчеркивает надежность и серьезность издания.
  • Разработали новую дизайн-концепцию
Модуль настраивает связи между ответами в анкете и точно подбирает список доступных для пользователя мер. Он синхронизирован с аналогичным блоком на сайте Правительства и за счет этого показывает актуальные рекомендации.
«Меры поддержки» — один из самых больших разделов. Навигация по нему осуществляется тремя способами: с помощью фильтрации по типам мер и адресатам, а также анкеты на основе кастомного модуля Bitrix.
  • Настроили поиск по мерам поддержки
Он упростит дизайн новых макетов, элементов и баннеров, а также гарантирует преемственность фирменного стиля.
  • Собрали гайдбук с фирменными UI элементами
Для беженцев, который позднее трансформировался в «Новые регионы».
О частичной мобилизации, сейчас — «Военная служба».
  • Добавили разделы
Она построена по принципу хлебных крошек — структура раздела всегда находится у читателя перед глазами. Можно выбрать сразу несколько тем и подтем, напротив каждой появится их количество.
  • Сделали фильтрацию
в разделе «Вопрос-ответ»
 Хлебные крошки и наглядный фильтр увеличивают глубину просмотра и время на сайте 
Результат
простая и интуитивная навигация по разделам сайта
оптимальная когнитивная нагрузка и комфорт восприятия информации
стабильность и высокая скорость при высоких нагрузках