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

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

компания ООО «Торговый Дом АДЛ» основна в 1994 году
10 000 000 единиц продукций отгружается со склада ежегодно
50 единиц номенклатуры производится на данный момент
1 075 010 тонн продукции отгружается ежегодно со склада клиентам

Проблема

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

Решение

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

Реализация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итоги работы

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

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

Заказать