Годовой отчет МРСК 2018

Клиент

«МРСК Урала» — межрегиональная распределительная сетевая компания, входит в структуру ПАО Россети.

Задача

«МРСК Урала» занимается передачей электроэнергии по электрическим сетям на территории Уральского региона. Это не только звучит очень круто, но и подразумевает очень серьёзные цифры. Годовой отчёт должен показать инвесторам и акционерам, насколько хорошо компания заканчивает год, и какое море перспектив ждёт всех в году наступающем. При проектировании и разработке интерфейсов нам нужно было учесть десятки правовых ограничений, следовать жёсткой структуре отчёта, но при этом умудриться подать информацию эффектно и понятно.

На весь проект у нас было всего 3 месяца, при этом нужно было справиться с переносом горы контента — 100 страниц наборного текста, 55 таблиц, 25 графиков и 96 нормативных ссылок — и не забыть про дополнительные, но предписанные законом функции, — отправка ссылок на документы по почте, режим для слабовидящих, сохранение документов и выгрузка pdf.

Годовой отчет МРСК 2018

 

Интерактивный годовой отчёт для МРСК Урала

Принципы проектирования пользовательского интерфейса

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

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

 

Проектирование пользовательского интерфейса для МРСК Урала

Дизайн и вёрстка

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

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

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

 

Контент

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

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

Ещё к каждой странице привязали ссылку на аналогичную страницу из отчёта за прошлый год, а также прикрепили pdf-версию. Также в годовом отчёте содержится около 70 аббревиатур. Чтобы сделать их проще для понимания, мы добавили перекрёстные ссылки, которые срабатывают при наведении курсора.

Результат

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

 

Команда проекта

  • Всеволод

    Проджект-менеджер

  • Виталий

    Аккаунт-менеджер

  • Иван

    Арт-директор

  • Максим

    Дизайнер

  • Сергей

    Бэкенд

  • Андрей

    Бэкенд

  • Максим

    Фронтенд

  • Полина

    Контент

  • Алена

    Фронтенд

Смотреть следующий проект

Давайте обсудим ваш проект

Этот сайт защищен reCAPTCHA и применяются Политика конфиденциальности и Условия обслуживания Google, Политика kokoc.tech