Обучающий онлайн курс
«Эквайринг»

В 2016 году мы запустили комплексную программу обучения для Сбербанка по продукту «Эквайринг» — для менеджеров, которые продают продукт, помогают с подключением и поддерживают клиентов.

Заказчики

О проекте

Курс делался как полноценный HTML-продукт (не конструктор), поэтому можно было реализовывать интересные механики, но при этом разработка была дорогой: в проекте участвовали верстальщики и программисты.

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

Мои задачи в проекте

Руководитель отдела дизайна / арт-директор: отвечала за концепцию и визуальное качество проекта. Отвечала за планирование и распределение задач по исполнителям.

Совместно с методистом проекта придумали подход с персонажами и сюжетной подачей.
Совместно с дизайнером интерфейса спроектировали минималистичный плеер, который не спорит с историей курса и не перегружает экран (на тот момент это было нетипичным решением на фоне громоздких «кнопочных» интерфейсов).
Вместе с дизайнером и иллюстратором придумывали персонажей и стиль рисовки; при необходимости часть графики дорисовывала самостоятельно, чтобы ускорить производство.
Продумали единые правила для элементов, чтобы сценарный контент стабильно укладывался в систему и дальше масштабировался без постоянной «ручной» уникализации.

Результат

Персонаж курса

В качестве концепции использовались «кейсы из бизнеса»: например, один из сюжетов был построен вокруг кондитерской и её владельца — на этой истории разбирались типовые проблемы бизнеса и то, как продукт помогает их решать.

Пример иллюстраций

Проект был успешно реализован и масштабирован как комплексная многолетняя программа. Команда получила устойчивую дизайн-систему для HTML-разработки, которая одновременно решала две задачи: делала обучение «живым» (за счёт персонажей и сюжета) и снижала стоимость производства (за счёт стандартизированных переиспользуемых компонентов).