Сайт системы автоматической работы с документами Norma для МТС

Главное о кейсе

— Вместо одностраничного лендинга сделали полноценный сайт (100+ макетов), который рассказывает о сервисе, его возможностях и преимуществах.
— В 3 раза снизилась нагрузка на менеджера, который принимал звонки и отвечал на вопросы потенциальных клиентов. Результат достигнут за счет проработанного контента и анимаций, наглядно демонстрирующих работу сервиса.
— На 32% увеличилось количество переходов в сам конструктор документов, так как мы сделали бесшовный переход от сайта к сервису через личный кабинет.
_______________________

— Instead of a landing page we’ve made a full-fledged website (100+ layouts) to present the service, its capabilities and advantages.
— The workload of the manager who provided support to users decreased by three times. This spectacular result was obtained due to careful development of the content and animations that demonstrate how the service works.
— The number of visits to Document Maker has increased by 32% because we’ve built a seamless transition from the website to the service via User Account.

Бизнес-задача и ее решение

Для выхода на рынок сервису нужен был полноценный сайт, рассказывающий о продукте и демонстрирующий его возможности. Требовалось создать уникальный визуальный стиль, но сохранить преемственность экосистемы МТС. Этим мы и занялись.

В начале мы определились с общей концепцией. Уже существовали первоначальные иллюстрации персонажа Нормы (прообраз Нормы — Норма Джин, известная как Мэрилин Монро). Требовалось расширить эту идею, отрисовать новые образы и графику в рамках концепции сторителлинга.

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

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

Возможности платформы изложили в знакомой для юристов и топ-менеджеров форме пунктов договора 1.1, 1.2 и т. д. С одной стороны, это привычный способ потреблять информацию, а с другой — приятное общение с помощницей, которая игриво подсказывает решение, не обременяя официальными терминами.

Затем спроектировали и задизайнили страницы трех основных опций сервиса: «Конструктор документов», «Контрактный менеджмент» и «Мониторинг просрочек». Здесь понадобилось гораздо больше иллюстраций, чтобы отразить ключевые функции продуктов. Главной темой интерфейса стали стопки документов А4 — тарифы, иконки, дашборды сделаны с отсылкой к ним.

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

Закончили проект со ста двадцатью отрисованными дизайн-макетами для ПК и мобильной версии. Несмотря на то, что большинство клиентов будут пользоваться сервисом на компьютере, в современном мире нет места сайту без адаптива.

У нас получилось рассказать про серьезный продукт для крупного бизнеса в легко усваиваемой форме, сделать Норму живым собеседником и показать преимущества сервиса.
_______________________

In order to enter the market the tool needed a full-fledged website describing the product and presenting its capabilities. We were to create a unique visual style while maintaining the continuity within the MTS ecosystem.

To begin with, a general concept was defined. Norma the character was based on Norma Jeane aka Marilyn Monroe and the preliminary illustrations already existed. Expansion of this idea was required, together with creating new images and storytelling illustrations.

The initial version of the concept was in mint green, exactly like the interface of the platform, but eventually the decision was made to use the company’s signature shade of red.

We had various ideas about how to communicate the central message: Keeping your documents in order — it’s Norma! and how to present the key function of the product on the first screen. As a result we taught Norma to talk. After all, Norma is an AI-based technology, but she is a nice girl as well and she is not averse to a bit of flirting.

The capabilities of the platform were presented in the form of paragraphs with numbers 1.1., 1.2., etc., familiar to lawyers and top-managers. On the one hand, they would get information in a habitual way, and on the other, they would have pleasant communication with an assistant who suggests solutions without loads of official-sounding terminology.

Then we created prototypes and visual design for the three major options presented by the service, namely Document Maker, Contract Management and Monitoring of Delays. They required much more illustrations than we had at the time to reflect the essential functions of the products. Piles of A4 documents became the main theme in the interface visualizations, as all the icons, tariffs and dashboards refer to this key idea.

Monitoring of Delays is a solution to save the customer’s money by reminding them about the impending fines. We made a calculator where users can enter the number of agreements being processed and receive the sum they can save in a year.

By the end of the project we had 120 layouts complete with graphics for desktop and mobile versions. Though most users will use the service on their desktops, a mobile version is a must for any modern service.

We managed to present a serious product for large business in an easily-digestible form, to make Norma a live conversational partner and to communicate advantages of the service.

Прочая информация о кейсе

Norma — это система автоматической работы с документами от МТС. Она распознает и анализирует содержание любых юридических документов и на основе этих данных систематизирует их, вносит информацию в ERP-систему компании и контролирует все этапы исполнения пунктов договоров. Например, платформа автоматически определяет истекающие договоры и рассылает уведомления контрагентам, самостоятельно формирует претензию, если ответ не получен или срок истек, рассчитывает сумму штрафа в соответствии с условиями договора.

А еще в ней есть конструктор договоров, позволяющий создавать новые документы на основе шаблонов. Это колоссально экономит время. Разработка МТС избавляет от рутинных операций, требующих высокой концентрации, и освобождает время юристов и топ-менеджеров крупных компаний для более сложных задач.

Уже больше двух лет Norma работает внутри МТС и справляется с 90% задач без специалистов.
_______________________

Norma — is a document automation tool created by MTS. Norma is used to recognize legal documents of any kind, analyze, systematize and enter them in the company’s ERP system, while managing every step of their fulfillment. For instance, the platform automatically recognizes agreements that are approaching their expiration date and sends notifications to the parties, lodges claims in case of no reply or if the deadline has passed, calculates the fines according to the provisions in the agreement.

The tool also provides a form builder for creating new documents from templates in order to save time and effort and to streamline document workflows. By automating the time-consuming, labor-intensive routine processes this system frees up time of specialists for more complicated tasks.

MTS has been using Norma for more than two years, over 90% of the documents are processed automatically by the tool with zero personal involvement from MTS’ specialists.

Скриншоты

Видео