Найти в Дзене

Кейс: Редизайн корпоративного портала для «Газпрома»

Задача
Обновить дизайн портала «Газпром газораспределение» с ключевым ограничением: сделать современно, но оставить все элементы на привычных местах. Сервисом ежедневно пользуются десятки тысяч человек разных возрастов для передачи показаний, оплаты и заявок. Любая ошибка могла парализовать работу и вызвать тысячи звонков в поддержку. Анализ
Исследование показало, что старый интерфейс, хотя и был формально доступен, создавал информационную перегрузку. На главной было 47 кликабельных элементов, но 80% пользователей использовали только 3 функции. Ключевые действия терялись среди баннеров, а устаревшая типографика ухудшала читаемость. Подход: эволюция, а не революция
Мы выбрали стратегию точечных, но значимых изменений: Технические решения Визуальные изменения Главный вызов — согласования
Каждое изменение проходило три уровня утверждения: техспециалисты (корректность), юристы (соответствие нормам), маркетологи (сохранение бренда). Даже анимацию загрузки в 0.3 секунды согласовывали две н

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

Анализ
Исследование показало, что старый интерфейс, хотя и был формально доступен, создавал информационную перегрузку. На главной было 47 кликабельных элементов, но 80% пользователей использовали только 3 функции. Ключевые действия терялись среди баннеров, а устаревшая типографика ухудшала читаемость.

Подход: эволюция, а не революция
Мы выбрали стратегию точечных, но значимых изменений:

  1. Ничего не удалять. Все 47 функций остались, но были сгруппированы по смыслу.
  2. Сохранить мышечную память. Ключевые кнопки сместились не более чем на 50 пикселей.
  3. Работать в рамках брендбука. Мы оптимизировали, а не меняли корпоративный стиль.

Технические решения

  • Интеллектуальный ввод данных: Форма приёма показаний научилась самостоятельно исправлять частые ошибки (точки на запятые, лишние нули) с пояснением: «Вы ввели 15.5, мы записали как 15,5».
  • Адаптивная сетка: Интерфейс автоматически переходил в «упрощённый режим» на старых мониторах с низким разрешением, скрывая второстепенные элементы.
-2

Визуальные изменения

  • Цвет. Вместо одного корпоративного синего создали палитру из 12 оттенков, каждый со своей ролью: тёмный — для интерактива, светлый — для фона, средний — для акцентов.
  • Типографика. Шрифт не меняли, но улучшили читаемость за счёт увеличения межстрочного интервала, контрастности и оптимизации кернинга.

Главный вызов — согласования
Каждое изменение проходило три уровня утверждения: техспециалисты (корректность), юристы (соответствие нормам), маркетологи (сохранение бренда). Даже анимацию загрузки в 0.3 секунды согласовывали две недели.

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

-3

Итог
Редизайн массовых корпоративных сервисов — это не про тренды, а про баланс. Между модернизацией и привычкой, между новым и проверенным. Иногда лучший дизайн — тот, что остаётся незаметным, но делает жизнь миллионов немного проще. Особенно когда речь идёт о тепле в домах.