ЗТМ Алватекс
Потребительские товары
Россия, Санкт-Петербург
Интернет-магазин
Октябрь 2021
interSafety - это первая в сфере СИЗ маркетплейс-платформа. Для покупателей эта площадка очень удобна тем, что всё "в одном окне" по ценам производителей с максимально быстрой доставкой. Для производителей — новый источник продаж и сокращение расходов на логистику и хранение.
Задача
Разработать дизайн, создать и запустить сайт для нового сервиса по продаже средств индивидуальной защиты. Маркетплейс должен быть удобным и интуитивно понятным для пользователей, сделать процесс продажи, приобретения и доставки быстрым и удобным.
На сайте много различных интеграций, событий и расчётов. Их работа не должна сказываться на быстродействии, поэтому они выполняются асинхронно. Мы реализовали двусторонний обмен с 1С в режиме реального времени с использованием механизма очередей, что также позволяет обеспечить отказоустойчивость.
Благодаря заложенной архитектуре мы добились высокой производительности продукта, не потеряв в удобстве использования и прозрачности архитектуры. Мы используем поисковую систему Elasticsearch, что позволяет не только очень быстро отдавать результаты пользователю, но и проводить тонкую настройку поискового движка.
На предпроектном этапе мы тщательно исследовали рынок СИЗ и его основных производителей. Провели интервьюирование представителей рынка: производителей, крупный ритейл, специалистов ГО и ЧС, служб снабжения и охраны труда. Анкетирование потребителей помогло выявить основные потребности целевой аудитории, создать и проработать Customer Journey Map с планами развития проекта на несколько лет вперёд.
Также наши аналитики изучили номенклатуру и каждый параметр всех типов продукции основных производителей. Мы выявили и описали основные бизнес-процессы сервиса, разработали информационную архитектуру проекта, вывели удобный рубрикатор каталога.
Полученная на этапе аналитики информация, помогла нам в деталях спроектировать каждую страницу ресурса в различных состояниях под разные устройства. В результате был разработан удобный интерфейс интернет-магазина и функциональные личные кабинеты покупателя и поставщика.
Для реализации клиентской (frontend) части мы использовали фреймворк VueJs с модулем для генерации статичных html-страниц. Это позволило нам реализовать сложные анимации, задуманные дизайнером, и достичь высокой производительности по доставке данных клиенту. Взаимодействие публичной части с серверной осуществляется по REST.
Каталог и внутренние страницы:
Уделили отдельное внимание проработке удобного и понятного каталога товаров. Для удобства пользователя все товары представлены в виде плитки и списка, есть подборки с выделенными категориями, подробный фильтр для выбора товаров. Создали удобный функционал для выбора нужного размера товара.
Чтобы покупатели не терялись в разнообразии товаров и могли найти ответы на волнующие вопросы, мы предусмотрели разделы с полезной информацией о защитных свойствах СИЗ, брендах и новинках, правильном подборе размеров и доставке.
Личный кабинет:
Чтобы каждому типу пользователей было удобно взаимодействовать с функционалом маркетплейса, мы создали отдельные личные кабинеты. Поставщикам мы предлагаем прозрачный просмотр данных о комиссиях и операциях, статистики и отчетных документов, а также гибкое управление ценами и разными видами скидок. Покупателям предоставляем возможность взаимодействовать с широким кругом юридическими лиц — участников проекта при оформлении заказов.
ARTW с удовольствием обсудит вашу задачу