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

Клиент

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

Задача

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

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

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

 

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

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

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

 

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

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

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

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