Главная/Проекты/CLM-презентации в мобильном SFA
CLM SFA Реверс-инжиниринг Мобильное приложение

CLM-презентации в мобильном SFA для FMCG-производителя

Перенесли маркетинговые презентации из старой системы без документации в новое приложение торговых представителей: весь контент работает как прежде, а маркетинг видит, какие слайды и сколько смотрят клиенты.

  • 4 недели — на разработку CLM-модуля — сдан в согласованный срок
  • ≈6 дефектов — показа презентаций нашли при тестировании, хотя ожидали десятки
  • 3 формата — — ZIP-сайты, PDF и PPTX — система приводит к единому виду без участия маркетинга
Заглавное фото
Клиент
ОтрасльFMCG, производство
МасштабТорговые представители одного из бизнес-направлений по всей России
географияРоссия
ФорматCLM-модуль в SFA: веб-кабинет и мобильное приложение
02
Контекст

Клиент и исходная ситуация

Клиент — международный FMCG-производитель. Для одного из его бизнес-направлений GROTEM разрабатывала новую систему управления торговой командой взамен прежней. Во время визита торговые представители показывают клиентам интерактивные презентации: новинки, калькуляторы, видео и анимацию.

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

ОтрасльFMCG, производство
Масштаб бизнесаПолевая команда бизнес-направления, работа по всей России
ГеографияРоссия
Особенности работыПоказ на визите, часто без интернета; маркетингу нужна аналитика по каждому слайду

Что происходило до начала проекта

  • Документации к прежней платформе не было, а её разработчики давно ушли — даже заказчик не мог объяснить, почему некоторые функции работают именно так.
  • Презентации приходили ZIP-архивами: внутри каждого — мини-сайт с нелинейной навигацией, который не открывался в обычном браузере.
  • Скрипты презентаций были завязаны на прежнюю платформу и сами передавали ей данные о просмотре.
  • Без этой связки маркетинг потерял бы аналитику: какие слайды открывали и сколько времени на них провели.
03
Цели и задачи

Каких результатов хотел достичь клиент

Цель проекта

Встроить CLM-презентации в новое мобильное приложение так, чтобы весь существующий контент работал без переделки, офлайн и с аналитикой по каждому слайду.

01

Сохранить контент

Загружать архивы прежней платформы, PDF и PPTX без участия маркетинга.

02

Показывать без интернета

Скачивать презентацию при синхронизации и открывать её на визите офлайн.

03

Мерить вовлечённость

Фиксировать переходы между слайдами и время на каждом из них.

04

Работать на любом экране

Корректно отображать презентации и на планшете, и на смартфоне.

04
Решение

Что разработала команда GROTEM

Команда GROTEM провела реверс-инжиниринг старых презентаций и сделала отдельный сервис, который превращает любой материал в единый внутренний формат. Для пользователя презентация осталась прежней — изменилось её устройство.

Веб-кабинет и сервис CLM

Загрузка в один шаг, конвертация — в фоне

Администратор загружает файл и отмечает фокусные презентации — в приложении они выделяются звёздочкой и попадают в отдельный фильтр. Сервис автоматически:

  • проверяет структуру ZIP-архива и заменяет скрипты прежней платформы на собственные — навигация и аналитика работают по-новому;
  • переводит PDF и PPTX в изображения и оборачивает их в HTML-шаблон;
  • генерирует превью слайдов серверным рендерингом.
  • Реверс-инжиниринг
  • Конвертация
  • Отдельный сервис
Мобильное приложение

Показ на визите и аналитика просмотров

Представитель получает презентацию при синхронизации и показывает её даже без связи. Приложение:

  • фиксирует порядок и время просмотра слайдов с шагом 500 мс;
  • поддерживает свайпы внутри презентации;
  • масштабирует слайды под экран планшета или смартфона;
  • передаёт данные о просмотрах на сервер при синхронизации.
  • Офлайн
  • Аналитика просмотров
  • iOS и Android
05
Сложность

Особенности проекта

Главной сложностью была неопределённость: команде прислали архивы и попросили, чтобы приложение их показывало и собирало аналитику. Как они устроены, не знал никто.

01
Нет документации

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

02
Типовой презентации нет

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

03
Ограничения мобильных платформ

Презентации — это веб-страницы внутри приложения, а мобильные ОС ограничивают такой контент политиками безопасности.

04
Белый экран на iOS

Уже в эксплуатации тяжёлые презентации иногда открывались пустым экраном без ошибок и падений. Причина — iOS завершала процесс веб-контента из-за нехватки памяти: старые презентации загружали в память все экраны сразу, а в некоторых их больше пятидесяти.

05
Новая команда, три стека

Модуль делала только что собранная команда, а задача затрагивала бэкенд, веб и мобильную разработку одновременно.

06
Инженерная часть

Что было важно реализовать на уровне системы

Ключевой принцип — менять не контент, а среду, в которой он выполняется.

Единый внутренний форматZIP, PDF и PPTX приводятся к одному виду, дальше система работает с ними одинаково.
Изолированный сервис CLMКонвертация и рендеринг вынесены из основной системы и не нагружают её.
Локальный веб-сервер в приложенииСнимает ограничения безопасности мобильных ОС и позволяет показывать презентации офлайн.
События вместо логики в клиентеПрезентация через postMessage только сообщает о событиях, приложение копит их и передаёт на сервер.
Ленивая загрузка экрановВ памяти одновременно держатся только 3 экрана: текущий, предыдущий и следующий. Белые экраны исчезли без правки архивов.
Серверный рендерингHeadless Chromium строит превью, LibreOffice конвертирует офисные форматы.
07
Результаты

Что получил бизнес

CLM-модуль сдали в согласованный срок, клиент принял работу. Дефектов, связанных с показом презентаций, при тестировании нашли около шести.

4 нед.

на разработку модуля всей командой

≈6

дефектов показа презентаций при тестировании — при ожидаемых десятках

3 формата

ZIP, PDF и PPTX в одном внутреннем виде

500 мс

шаг, с которым фиксируется время просмотра слайда

Процесс
До проекта
После запуска
Знания о системе
Только в коде архивов
Восстановленная карта возможностей
Форматы
Архивы одной платформы
ZIP, PDF и PPTX
Перенос контента
Переделка силами маркетинга
Автоматическая конвертация
Аналитика
Внутри прежней платформы
Время и порядок по каждому слайду
Тяжёлые презентации на iOS
Белый экран
3 экрана в памяти, стабильный показ
Следующие миграции
Расследование с нуля
Готовый сервис преобразования
  • Контент сохранён — маркетинговой команде не пришлось перерабатывать презентации — исходные архивы не меняются.
  • Переиспользуемый сервис — механизм преобразования оформлен как отдельный сервис и готов для других систем клиента.
10
Стек

Технологии проекта

Мобильное приложение

FlutterWebViewHammer.js

Сервис CLM

.NETDocker

Конвертация и рендеринг

LibreOfficeHeadless Chromium

Связь с презентацией

postMessage APIЛокальный веб-сервер
Обсудим ваш проект

Поможем выбрать оптимальное решение для вашего бизнеса

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

  • Покажем релевантный опыт на похожих проектах
  • Сформируем решение с учётом ваших задач и IT-ландшафта
  • Предложим следующие шаги без обязательств

Оставьте заявку на консультацию

Заполните обязательные поля — остальное обсудим в разговоре. Перезвоним или напишем в течение одного рабочего дня

Необходимо дать согласие на обработку персональных данных.
Бесплатно Ответ за 1 рабочий день Без обязательств

Спасибо! Данные отправлены.

Для подписки на рассылку подтвердите почту по ссылке в письме. Если письма нет, проверьте папки «Спам» и «Промоакции».