Разработка корзины и формы обратной связи.
Доработка карточки товара инженерного оборудования

«Торговый Дом АДЛ» в цифрах:

компания ООО «Торговый Дом АДЛ» основна в 1994 году

10 000 000 единиц продукций отгружается со склада ежегодно

50 единиц номенклатуры производится на данный момент

1 075 010 тонн продукции отгружается ежегодно со склада клиентам

Проблема

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

Решение

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

Реализация

1. Создание дизайн-макета карточки товара и редизайн шапки сайта.
Дизайн-макет карточки товара отрисован для товаров с разными статусами:

Товар в наличии
Товар под заказ

Дополнительно переделана шапка сайта, а именно добавлена иконка корзины.
В карточке товара сделаны:

Более удобное отображение характеристик товара.
В таблицу с добавлен фильтр для быстрого подбора необходимых характеристик:

В таблицу с характеристиками добавлена сортировка по каждому из параметров:

Добавлены форма обратной связи: задать вопрос, отправить запрос, заказ в 1 клик:

Добавлена информация о способах и сроках доставки:

2. Создание дизайн-макетов корзины и формы обратной связи. Дизайн-макеты корзины отрисованы для двух состояний:

Корзина пустая + форма для обратной связи
Корзина с добавленными товарами

3. Верстка и внедрение дизайн-макетов карточки товара для двух различных статусов:

Товар в наличии https://adl.ru/elektrooborudovanie/preobrazovateli-chastoty-grandrive-pfd75.html
Товар под заказ https://adl.ru/truboprovodnaya-armatura/baki-rasshiritelnye-granlevel-hm-epdm.html

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

Особенности форм обратной связи в карточке товара:

Присутствует защита от Спама
Текст в поле «Комментарий» автоматически меняется, в зависимости от того, с какого товара была отправлена форма:

Добавлен чек-бокс с условиями «Пользовательского соглашения» и согласием на «Обработку персональных данных»

4. Верстка и внедрение дизайн-макетов корзины в двух состояниях:

Корзина пустая, но есть форма обратной связи с возможностью отправить документацию менеджеру продаж https://adl.ru/order/
Корзина, в которую добавлены товары для последующей покупки

5. Особенности формы обратной связи в корзине:

В форме для отправки документации реадизована удобная функция drag-n-drop, что значительно ускоряет процесс загрузки файлов на сайт

присутствует кнопка «Очистить форму»

Итоги работы

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

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