Заказчик
Год
Роль
Контекст
Газпромнефть НТЦ
2020 – наст. время
Арт-директор
Запуск сервиса для геологов, этап гипотез и активного наращивания функций
О проекте
ГРАД — Геология, Разработка и Анализ данных.
Веб-приложение для анализа данных при разработке нефтяных месторождений.
Веб-приложение для анализа данных при разработке нефтяных месторождений.
Сервис упрощает работу геологов и аналитиков, которым раньше приходилось использовать 5–7 разных сервисов и приложений — ГРАД объединил весь функционал в платформе модулей по расчётам и визуализациям.
Простыми словами — объединяет в браузере Schlumberger Petrel, PowerBI, Qlik, Microsoft Excel, SmartNGT. И это всё параллельно со стандартизацией баз данных корпорации.
Для ГРАД важны масштабируемость, понятные правила, а также скорость развития продукта и сторонних плагинов.
Ситуация на старте
1.
Нет концепции работы интерфейса, ориентир на копирование
2.
Стандарты дизайна размыты и субъективны
3.
Дизайн-система и компонентная база отсутствуют
4.
Нет документации или описания проекта, стратегии
5.
Непонятно как оценивать результат и эффективность дизайна
6.
Низкий HR-бренд компании и проекта
Результаты работы
Эффект
1.
Концепция интерфейса
Продумал ограничения интерфейса, зафиксировал принципы и правила. Инициативно оформил руководство и вёл проектную документацию
•
Устойчивость к изменениям — при смене бизнес-модели продукт сохранил преемственность в дизайне и не оброс легаси
•
Продукт прошёл через стадию MVP и проверки гипотез с минимальными издержками
•
В течение трёх лет продукт развивается итерационно, сохраняя консистентность интерфейса
•
Новые дизайнеры проще и быстрее знакомятся с контекстом и приступают к работе
2.
Принципы дизайна
Написал манифест для дизайнеров и бизнеса. Разбил макеты на грейды и внедрил в работу методологию дизайн-долга.
•
Единый язык коммуникации и взаимопонимание бизнеса-дизайна-разработки
3.
Технологическая база для развития и масштабирования продукта
В Figma организовал файлы по системе, удобной для кросс-функциональных и распределённых команд. В Notion cоздал пространство для ведения задач. Помог найти и закупить шрифт для продукта.
•
Налажен процесс передачи дизайн-макетов по трём сценариям: бизнесу, аналитике и разработке
•
Дизайнеры из разных команд интегрируют привычные себе процессы в общие требования
•
Найти любой макет или сценарий легко, используя сквозное оглавление
•
У бизнеса всегда под рукой целевые макеты, у аналитики и разработки — соответствующие спринту версии
•
Единый источник дизайнерских задач для всех подрядчиков и продуктовой команды
•
Отображение текстовых и табличных данных в удобном уни- и моноширинном форматах, уникальные суффиксы для списков данных
4.
Дизайн-библиотека
Создал компонентную базу на основе дизайн-систем Consta и Ant Design, с учётом контекста продукта. В дальнейшем развил эту библиотеку в автономную и положил начало переходу на модульную структуру из суб-библиотек.
•
Преемственность от стандартизированных решений цифровых сервисов корпорации
•
Сотни макетов привязаны к единому источнику, актуализируются и обновляются
•
Близость общему корпоративному бренду, не в ущерб локальному удобству и гибкости
•
Подготовленная база для масштабирования библиотеки в полноценную дизайн-систему
5.
Дизайн-макеты на пользовательские сценарии
Совместно с командой спроектировал более 100 сценариев и узлов интерфейса, опираясь на изучение отраслевых стандартов. Все дизайн-макеты системно сгруппировал по пользовательским сценариям и блокам интерфейса.
•
Каждая фича продукта привязана к конкретному сценарию и бизнес-потребности
•
Копирование лучших практик отрасли упрощает онбординг пользователей
6.
Найм и развитие дизайн-команды
Искал, собеседовал, руководил дизайнерами как со стороны подрядчиков, так и в продуктовой команде. Организовал обучение дизайнеров
•
Повысилось качество работы. Каждый стал заниматься своим делом: продуктовые дизайнеры делают интерфейс, графические оформляют брендинг и рисуют иконки
•
Дизайнеры погрузились в контекст пользовательской работы, лучше узнали отраслевые стандарты
•
В дизайне сразу учитываются отраслевые требования к интерфейсу. Например, большинство пользователей работают на ultra-widescreen мониторах при разрешении экранов 3500+
7.
HR-бренд
Организовал еженедельные встречи дизайнеров из распределённых команд. Разработал бренд продукта и мерч для команды.
Выступал на Design Prosmotr, Дизайн-выходных с лекциями про ГРАД и методологию дизайна
Выступал на Design Prosmotr, Дизайн-выходных с лекциями про ГРАД и методологию дизайна
•
Налаживание в дизайн-команде атмосферы, когда задачи сформулированы, вызовы интересны, а работать бок о бок с коллегами приятно
•
Привлечение к работе и мотивация сильных дизайнеров в условиях постоянных редизайнов и изменений требований
•
Популяризация профессии дизайнера и повышение доверие к дизайну в корпоративной среде
8.
Дизайн-стратегия
После запуска проанализировал ситуацию, разработал дизайн-стратегию для дальнейшего развития продукта и команды.
•
Сформулированы бизнесовые и продуктовые KPI для дальнейшего развития продукта
•
Выявлены точки роста для дизайна и продукта
