Привет! Мы тут рассказываем, кто такой этот ваш майнинг процессов, как он экономит миллионы бизнесу и как мы делали сайт для большого игрока в этой нише.Кто мы такие?Панклаб — студия дизайна и разработки, которая умеет работать с самым крупным бизнесом. Мы делали веб-сервис для академии Зенита, чат-бота ДЖО и еще 50 цифровых продуктов для крутых компаний.А что за заказчик?Промайн – универсальный инструмент оптимизации бизнес-процессов на основе технологии process mining. Промайн включен в реестр Российского ПО, разработан и теперь можно о нем рассказывать потенциальным покупателям.Задачи проектаВыяснить, что вообще такое процессная аналитика и с чем её едят.Нарисовать простую и понятную посадочную страницу для сбора лидов на демонстрацию продукта. Cверстать её, провести сквозь отделы безопасности заказчика и запустить.Что получилосьИз общения с заказчиком сами собрали контент для сайта.Задизайнили за три недели, заверстали на базовом стеке (HTML/CSS/JS) и развернули на Битриксе админку.Лендинг работает, есть лиды с него.Что за майнинг и почему не BIПроцессная аналитика и майнинг процессов — узкая и сложная тема для нас, так что на фоновых знаниях тут далеко не уедешь.Поэтому мы сразу напросились на полноценное демо к заказчикам из Промайна.Вот что выяснили:Process Mining — это рентген процессов у вас в компании. Промайн использует такую технологию, подключается к процессам и создает их цифровую копию: с шагами, визуализацией, подсветкой проблем и многим другим. Есть несколько причин уделить майнингу внимание:Майнинг, в отличие от BI-аналитики, показывает не только проблемы, но и их причины. Увидеть (и ощутить), что документы согласовываются медленно — легко. Но именно Промайн покажет, где именно образуются задержки.Промайн умеет автоматически формировать цифровую копию процесса, рассчитывать показатели процессов, даже тех, которые проходят через несколько систем - SAP, Диадок, 1С и что угодно другое.Нам эти выводы помогли понять и проиллюстрировать блок о механике работы Промайна. Теперь потенциальный клиент сможет разобраться быстрее, а значит демо для него пройдет легче. Клево? Клево.Показываем, а не рассказываемЕсть базовое правило дизайна и презентаций — если что-то можно показать, то нужно это показывать, а не объясняться текстом. Мы вытащили из продукта ключевые функции и сделали упрощенные иллюстрации того, как они работают. В суперкороткие сроки и с помощью скриптов на JS оживили их. Заверстали.Добавляем красивогоДизайн-система на маленьком лендинге ни к чему, поэтому мы собрали компактный UI-кит.А для главного экрана сделали интерактивный фон на p5.js. Он реагирует на курсор и оживляет сайт.Еще у заказчика был классный тридешный ролик про то, как работает их система. Не использовать его на сайте было бы расточительством. И еще мы научили плеер работать хитрее, чем обычно:По умолчанию загружается небольшая и зацикленная часть видео, которая не увеличивает время загрузки сайта и запускается автоматически. А при клике — можно подгрузить полную и посмотреть целиком.Отзыв заказчика«С первых встреч команда понимала наши запросы и пожелания, глубоко погрузилась в принципы работы системы. Уже первая версия макетов произвела вау-эффект. Это позволило быстро найти общий язык и прийти к желаемому результату»ФиналКто дочитал (спасибо) — держите ссылку на сам сайт! Он сейчас ведется и заполняется клиентом. Нам радостно, что такой проект дошел до реализации.А вот наш классный бот в Телеграме, через который можно заказывать работу. Там можно заполнить заявку с примерными ожиданиями и пообщаться о вашем продукте. До связи!