Майнинг процессов — разбираемся в технологии и дизайним сайт

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

Майнинг процессов — разбираемся в технологии и дизайним сайт

Кто мы такие?

Панклаб — студия дизайна и разработки, которая умеет работать с самым крупным бизнесом. Мы делали веб-сервис для академии Зенита, чат-бота ДЖО и еще 50 цифровых продуктов для крутых компаний.

А что за заказчик?

Промайн – универсальный инструмент оптимизации бизнес-процессов на основе технологии process mining. Промайн включен в реестр Российского ПО, разработан и теперь можно о нем рассказывать потенциальным покупателям.

Задачи проекта

  • Выяснить, что вообще такое процессная аналитика и с чем её едят.

  • Нарисовать простую и понятную посадочную страницу для сбора лидов на демонстрацию продукта.

  • Cверстать её, провести сквозь отделы безопасности заказчика и запустить.

Что получилось

  • Из общения с заказчиком сами собрали контент для сайта.

  • Задизайнили за три недели, заверстали на базовом стеке (HTML/CSS/JS) и развернули на Битриксе админку.

  • Лендинг работает, есть лиды с него.

Что за майнинг и почему не BI

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

Поэтому мы сразу напросились на полноценное демо к заказчикам из Промайна.

Вот что выяснили:

Process Mining — это рентген процессов у вас в компании. Промайн использует такую технологию, подключается к процессам и создает их цифровую копию: с шагами, визуализацией, подсветкой проблем и многим другим. Есть несколько причин уделить майнингу внимание:

Майнинг, в отличие от BI-аналитики, показывает не только проблемы, но и их причины. Увидеть (и ощутить), что документы согласовываются медленно — легко. Но именно Промайн покажет, где именно образуются задержки.

Промайн умеет автоматически формировать цифровую копию процесса, рассчитывать показатели процессов, даже тех, которые проходят через несколько систем - SAP, Диадок, 1С и что угодно другое.

Нам эти выводы помогли понять и проиллюстрировать блок о механике работы Промайна. Теперь потенциальный клиент сможет разобраться быстрее, а значит демо для него пройдет легче. Клево? Клево.
Нам эти выводы помогли понять и проиллюстрировать блок о механике работы Промайна. Теперь потенциальный клиент сможет разобраться быстрее, а значит демо для него пройдет легче. Клево? Клево.

Показываем, а не рассказываем

Есть базовое правило дизайна и презентаций — если что-то можно показать, то нужно это показывать, а не объясняться текстом.

Мы вытащили из продукта ключевые функции и сделали упрощенные иллюстрации того, как они работают. В суперкороткие сроки и с помощью скриптов на JS оживили их. Заверстали.

Добавляем красивого

Дизайн-система на маленьком лендинге ни к чему, поэтому мы собрали компактный UI-кит.

Майнинг процессов — разбираемся в технологии и дизайним сайт

А для главного экрана сделали интерактивный фон на p5.js. Он реагирует на курсор и оживляет сайт.

Еще у заказчика был классный тридешный ролик про то, как работает их система. Не использовать его на сайте было бы расточительством. И еще мы научили плеер работать хитрее, чем обычно:

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

Отзыв заказчика

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

Финал

Кто дочитал (спасибо) — держите ссылку на сам сайт! Он сейчас ведется и заполняется клиентом. Нам радостно, что такой проект дошел до реализации.

А вот наш классный бот в Телеграме, через который можно заказывать работу. Там можно заполнить заявку с примерными ожиданиями и пообщаться о вашем продукте. До связи!

33
Начать дискуссию