Мир Вендинга – поставщик вендингового оборудования и товаров

Группа компаний “МИР ВЕНДИНГА” была основана в 2007 году и на протяжении многих лет занимается успешным предоставлением услуг в сфере вендинга. 
Мир Вендинга является ведущим поставщиком питания и напитков, включая кофе собственной обжарки для оптовых закупок.  

Одно из ключевых преимуществ компании “МИР ВЕНДИНГА” заключается в уникальном ассортименте более чем 600 наименований товаров, предназначенных для кофейных и снековых автоматов.
Компания также специализируемся на поставке вендинговых аппаратов, включая современные кофемашины, и предлагает услуги для вендинга, ориентированные на развитие этой сферы.

Итак, на входе имеем: 

Некоторые из функций, которые требовались:

• Региональность. С увеличением клиентской базы в разных регионах компания осознала необходимость обновить свой веб-сайт, чтобы лучше соответствовать растущим потребностям и ожиданиям клиентов. Склады компании находятся в разных регионах России, отличаются товарные и ценовые предложения. Нужна система, которая автоматически будет показывать пользователю сайта актуальный ассортимент каталога, цены, остатков, а также служб доставок в соответствии с регионом пребывания.
• “Массовый” заказ в каталоге. Основные пользователи сайта - оптовые покупатели. Заказы могут включать более 100 видов номенклатуры. Листать каталог и добавлять в заказ по 1 товару не удобно. Поэтому нужно чтобы у пользователя была возможность выбрать интересующие товары с нужным количеством и добавить их в корзину одним нажатием кнопки.        


1. Несистематизированное взаимодействие с клиентами: Как пример, отсутствие централизованной системы управления клиентскими запросами (использование различных каналов связи, таких как электронная почта, телефон, социальные сети и т.д., но без ясного плана и структуры).  Отсутствие четкой системы взаимодействия с клиентами могло приводить к потере данных, упущению заказов или несвоевременной доставке товаров. Такие ситуации негативно сказываются на уровне доверия и удовлетворенности клиентов, а также на эффективности работы менеджеров. Кроме того, отсутствие прозрачной отчетности мешало объективно оценить эффективность работы отдела продаж в целом.


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


3. Отсутствие корректного отображения остатков на сайте. Ручное заведение номенклатуры возможно, если у компании представлено <200 видов товаров (включая SKU). При большем объеме, прежде всего сложно контролировать корректность остатков по каждому из товаров. В данном случае, менеджерам приходилось постоянно обращаться к систме 1С: Предприятие, чтобы убедиться что товар действительно есть в наличии на одном из складов региона и его можно отгрузить клиенту. Все это требовало дополнительного времени на обработку заказов.


4. Отсутствие разметки Opengraph и Schema.org приводило к проблемам с корректной индексацией страниц товаров поисковыми системами. В результате пользователь мог увидеть в поисковой выдаче подходящее товарное предложение, но из-за отсутствия важных данных, или некорректного отображения изображения товара переход на сайт не осуществлялся.

Сбор требований по проекту

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

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

Для этого менеджер проекта совместно с системным аналитиком проводят ряд встреч с заказчиком в формате интервью, чтобы понять его требования, ожидания и бизнес-потребности.

Один из важных шагов (который часто упускают) - определение стейкхолдеров проекта. То есть заинтересованных лиц, которые имеют интерес или влияние на проект. Они бывают внутренние и внешние.

 
Внутренними стейкхолдерами проекта (со стороны компании-заказчика) могут быть:

1. Директор/владелец. Главное заинтересованное лицо, определяющее основные требования к проекту;
2. Отдел маркетинга;
3. Отдел продаж;
4. Складское подразделение и т.д.

Описания ролей и требований стейкхолдеров со стороны компании недостаточно. Любая система предполагает, что кто-то будет ее использовать как инструмент, а для кого-то она будет ресурсом, облегчающим получение необходимых услуг.

Поэтому всегда важно “видеть” и знать внешних стекхолдеров - пользователей, которые будут посещать и использовать сайт интернет-магазина. Их потребности и предпочтения должны быть учтены при проектировании и разработке сайта.

На основе собранной информации:

• Формулируются цели и задачи проекта 
• Определяются функциональные и нефункциональные требования
• Уточняются основные функции, которые должны быть реализованы, например, поиск продуктов, корзина покупок, регистрация пользователей, особенности процесса оформления заказов
• Определяется, какая информация будет представлена на каждой странице, как они будут связаны друг с другом
• Как пользователи будут ориентироваться на сайте (придумываются пути пользователя по сайту)

Рассматриваются и анализируются дополнительные требования, такие как интеграция с платежными системами, системой управления запасами (1С предприятие, МойСклад, SAP ERP и др.)? системой CRM (Битрикс 24, amoCRM, Salrsforce, MIcrosoft Dynamics 365 и др. ) и другими сторонними сервисами.

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

Прототипирование и дизайн

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

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

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

Создание дизайн-макетов происходит после согласования прототипов. Здесь важным шагом является создание UI-kit, который включает типовые элементы дизайна, такие как кнопки, формы, подписи и другие интерфейсные компоненты. UI-kit обеспечивает единый стиль и консистентность дизайна на всех страницах сайта.

Дизайн-макеты включают элементы фирменного стиля заказчика и разрабатываются на основе созданного UI-kit. Они определяют окончательный внешний вид сайта, включая цвета, шрифты и оформление.

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

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

Массовый заказ в каталоге

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

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

Интеграция: Сайт + CRM + 1С: Управление торговлей 11

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

В рамках проекта задачей было сделать интеграцию с учетной системой 1С Предприятие 8.3 (УТ 11.4.166). 

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

• информацию о номенклатуре (описание, характеристики и т.д.);
• ценах;
• наличии товаров;
• заказах;
• оплатах.

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

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

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

Вторая часть - обработка заказов интернет-магазина.

Напомню, что основная задача - минимизация переключения менеджеров между различными программными интерфейсами при приеме и обработке клиентских заказов. Для этого в связку было решено добавить CRM Битрикс24. Синхронизация сайта на платформе Битрикс с CRM Битрикс 24 и 1С:Управление торговлей предоставляет множество преимуществ и улучшает эффективность работы менеджеров компании.

Но набор функционала - это еще не решение. Решением является качество внедрения.

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

Мультирегиональность

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

Соответственно для многих регионов и предложение будет индивидуальным.

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

• Товарные и ценовые предложения.
• Наличие товара или возможность связаться с менеджером и заказать товар.
• Доступность служб доставки.
• Актуальность остатков в соответствии с выбранным регионом.

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

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

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

Настройка служб доставки

Клиенты компании ООО “Мир Вендинга” могут получить свой заказ одним из нескольких способов:

• самовывоз со склада продавца;
• доставка собственным транспортом компании Мир Вендинга;
• доставки силами сторонних транспортных компаний (СДЭК, ПЭК, Деловые Линии, КиТ и пр.).

На старом сайте одной из проблем было то, что пользователь видел сразу все возможные пункты самовывоза и варианты доставок. Что, во-первых, загромождало страницу чек-аут, во-вторых, мешало пользователю выбрать подходящий тип доставки. В результате, в большинстве случаев пользователи выбирали “Самовывоз” и далее уже с менеджером согласовывали приемлемый вариант доставки заказа.

Для того чтобы упростить этот процесс, мы связали службы доставки с регионом пребывания пользователя. Теперь пользователи видят только актуальные данные по доставкам на странице чек-аут, в соответствии с регионом пребывания.

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

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

Следующий момент касался доступности товаров для заказа.

Компания ООО “Мир Вендинга” имеет собственные склады в разных регионах России. Что позволяет перекрыть потребности различных групп пользователей.

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

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

Личный кабинет

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

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

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

Это дает возможность быстро оформить заказ, не вводя данные. Пользователю достаточно выбрать профиль предприятия. В итоге данные будут заполнены. Останется лишь нажать кнопку “Оформить заказ”. 

Кроме того, в истории заказов пользователь видит, на какое предприятие оформлен заказ, его состав, адрес доставки, в каком статусе он находится. Это облегчает учет и анализ заказов для каждого предприятия отдельно.

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

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

Внедрение метаданных Opengraph

Внедрение разметок Opengraph и Schema.org на сайт помогает улучшить корректность индексации страниц товаров поисковыми системами, а также улучшит отображение информации в результатах поиска. Это может привести к повышению видимости и привлечению большего количества потенциальных клиентов.

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

После внедрения метаданных Opengraph и Schema.org важно провести проверку и отладку, чтобы убедиться, что метаданные правильно отображаются на страницах товаров.

Что в итоге?

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

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

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

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

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

Дизайн основных страниц

• Главная страница

• Страницы акций

• Страницы каталога