Лендинги для перевода контрагентов на ЭДО для ТД «Петрович»

Торговый дом «Петрович» — это крупнейший ритейлер товаров для строительства и ремонта. Компании принадлежит 21 строительно-торговый центр. Ассортимент — более 34 тысяч наименований.

Что такое EDI и как он помогает бизнесу

Аббревиатура EDI читается как «и-ди-ай» и расшифровывается как «electronic data interchange». В переводе это означает «электронный обмен данными», что четко отражает суть процесса: EDI это обмен коммерческой информацией между организациями по определенному стандарту.

Обмен данными происходит через сообщения заданных типов и в нужном формате. Примеры существующих типов сообщений в EDI: заказ, подтверждение заказа, уведомление об отгрузке, уведомление о приемке и т.д. Вместе с сообщениями передаётся вся нужная информация, например, список товаров. EDI интегрируется с программами электронного учета, например, с 1C.

Вот какие преимущества получает организация от перехода на EDI:

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

При этом важно отличать EDI от ЮзЭДО (или просто ЭДО). EDI это просто обмен данными, а ЮзЭДО — юридический значимый электронный документооборот. В отличие от EDI, в ЭДО происходит обмен полноценными документами с электронной подписью, поэтому по силе они равнозначны аналогичному бумажным документам.

Проблемы, с которыми столкнулся клиент

Часть контрагентов СТД «Петрович» уже пользовались EDI, поэтому с ними было проще: нужно было только рассказать им, как обмениваться данными с «Петровичем».

Но многие контрагенты еще не пользовались EDI или даже еще не слышали про эту технологию. Поэтому нужно было «продать» им эту идею: убедить их перейти на электронный обмен данными и затем помочь подключиться. Потому что внедрение EDI в компании имеет свои сложности:

• Нужно выбрать компанию-оператора EDI (например, «Корус», «Эдивеб» и остальные).
• Нужно разобраться с процессом подключения, при том что инструкции от операторов не всегда написаны понятно.
• Нужно обучить сотрудников пользоваться EDI.

Чтобы максимально облегчить своим контрагентам процесс перехода на EDI, «Петрович» подготовил инструкции в формате PDF-файлов. Это упрощало процесс, но проблемы оставались:

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

Все эти сложности отнимали много времени как у контрагентов, так и у менеджеров «Петровича».

Лендинг как решение проблемы

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

СТД «Петрович» обратился к нам в panfilov.digital, и мы с радостью взялись за задачу.

Этап проектирования

Создание любого сайта у нас начинается с проектирования, и в данном случае мы начали с изучения и сегментации целевой аудитории (ЦА)

Стало понятно, что все контрагенты делятся на 5 условных групп, и для каждой из этих групп нужна своя информация:

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

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

Общий алгоритм разделения пользователей на группы можно увидеть на этой диаграмме:

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

Разработка лендинга

Не будем рассказывать подробно про весь процесс, но выделим ключевые детали созданного сайта.

Иллюстрация для первого экрана

Хоть у нас и информационный сайт, но и ему нужны хотя бы минимальные иллюстрации и визуальные элементы.

В результате мозгового штурма для иллюстрации на первом экране мы остановились на изображении «улетающего» бумажного документооборота и приходящих ему на смену цифровых инструментов.

Блок с инструкциями

Как мы уже отметили, у «Петрович» были десятки разных инструкций в формате PDF об EDI и способах подключения к нему. Также была собрана база ответов на типовые вопросы от контрагентов.

Это всё полезная информация, но для нашего лендинга это избыточно. Если бы мы просто скопировали всю информацию на сайт, то это не решило бы проблему до конца.

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

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

У нас получилось 3 вкладки:

• Для тех, кто еще не работает по EDI.
• Для тех, кто работает по EDI с «Корус» или «Эдивеб».
• Для тех, кто работает по EDI с одним из других провайдеров.

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

Страницы с ответами на вопросы

Опыт менеджеров СТД «Петрович» показал, что одних инструкций недостаточно, потому что у контрагентов возникают дополнительные вопросы.

Типовые вопросы уже были накоплены, все ответы расписаны. Но нужно было переработать их, чтобы у них была четкая структура, и потом разместить их на сайте.

Мы создали две страницы с ответами на часто задаваемые вопросы: одна для новых поставщиков, а другая для уже подключенных.

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

Дополнительные лендинги

После запуска лендинг по EDI показал хорошие результаты. Пользователи оценили лаконичность и удобство.

Поэтому заказчик обратился к нам, чтобы сделать еще 3 лендинга по той же теме:

• По подключению поставщиков к ЭДО.
• По EDI для оптовых клиентов.
• По подключению к EDI с помощью собственного продукта СТД «Петрович», который компания разработала вместе с одним из провайдеров EDI.

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

Собственное программное решение для EDI от «Петровича» позволяет юрлицам подключаться к EDI и пользоваться им бесплатно. При этом можно отправлять заказы в СТД «Петрович» в своей номенклатуре и получать их статусы без выхода из 1С.

Нам удалось упростить структуру этого лендинга за счет анимации. Мы создали ролик, в котором показали, как работает EDI и постарались убедить посетителей, что электронный обмен данными — это просто и удобно.

Выводы

И напоследок соберём ключевые выводы кейса и составим из них список рекомендаций. Они пригодятся, если вы захотите сделать аналогичные лендинги для своего бизнеса.

• Перед началом разработки изучите ЦА (целевую аудиторию) сайта и разделите её на группы.
• Для каждой группы ЦА пропишите пользовательские сценарии — то, как они будут решать свои задачи на сайте.
• Когда соберёте и структурируете всю текстовую информацию для сайта, не забудьте убрать всё лишнее и сократить её насколько возможно.
• Начинайте с прототипа и тестируйте его с будущими пользователями, чтобы заранее внести коррективы и сократить число правок в дальнейшем.
• Структура и дизайн сайта должны быть четкими и лаконичными. Не должно быть сплошной стены текста, а иллюстрации не должны отвлекать от чтения информации.
• Будьте готовы после запуска собирать фидбек и вносить улучшения.