ВТКСПБ
Интернет-каталог поставщика промышленных систем и оборудования
О проекте
ВТКСПБ — официальный дилер одного из самых крупных производителей насосных станций в Европе — компании Grundfos. Компания ВодоТеплоКомплект организует оптовые поставки комплектующих и технологического оборудования на строительные объекты для систем водоснабжения, канализации, водоотведения и пожаротушения.
Целевая аудитория
Целевая аудитория
- Инженеры: Специалисты, занимающиеся проектированием, разработкой и обслуживанием инженерных систем. Они могут обращаться за консультацией по выбору и приобретению необходимого оборудования;
- Специалисты отдела закупок: Люди, ответственные за закупки в организациях. Эти специалисты могут искать поставщиков оборудования для проектов по водоснабжению и другим инженерным системам;
- Руководители проектов: Лица, управляющие различными строительными и инженерными проектами, которые требуют оборудования для водоснабжения и связанных систем;
- Начальники технических бюро заводов: Руководители технических отделов на заводах, ответственные за выбор и приобретение технологического оборудования;
- Представители фабрик: Лица, представляющие интересы производственных предприятий, которым может потребоваться оборудование для водоснабжения и других инженерных систем;
- Менеджеры из строительных компаний: Специалисты, управляющие строительными проектами, которым необходимо оборудование для реализации водоснабжения, канализации, водоотведения и систем пожаротушения.
Задачи проекта
1. Разработка веб-проекта, который представляет собой обширный интернет-каталог с более чем 11 000 складских позиций оборудования. Сайт должен обладать максимальной информационной наполненностью и рекомендательными свойствами.
2. Обеспечение возможности заказа продукции и услуг из любого региона России в целях расширения клиентской базы и увеличения географии обслуживания.
3. Использование технологического стека WordPress и плагина WooCommerce для реализации функциональности интернет-магазина. Это обеспечит удобство управления товарами, заказами и платежами.
Информация о проекте
Команда
1 PM, 1 Design, 2 Frontend, 1 Backend, 1 QA
Основной стек
WordPress + WooCommerce
Время разработки
410 часов
Статус проекта
Проект успешно реализован
Главная страница ВТКСПБ
Главная страница
Стартовая страница сайта представляет собой макет из 6 основных секций (не считая footer или header). Первая секция включает в себя заголовок и дескриптор, описывающие деятельность компании. Вторая часть секции — это четыре основных преимущества vtkspb. Далее располагается каталог, который разделен на 2 логических блока. Первый блок — это сверхбыстрый Ajax-поиск, который ищет по всем 11000 позициям на сайте и выдает результаты меньше, чем за 1 секунду в виде выпадающего, релевантного списка с подсказками в виде заголовков страниц товаров. Вторая логическая часть секции содержит в себе основные категории каталога сайта в виде прямоугольных и квадратных блоков.
Мобильная версия сайта
Разработка мобильной версии сайта
Ни для кого не секрет, что на 2020 год мобильный трафик в Интернете составляет 70%+. В eСoomerce — 50%+. Недооценивать качество представления сайта на мобильных девайсах — значит терпеть скрытые убытки и недополучать выручку. В связи с этим мы всегда очень тщательно прорабатываем респонсивность веб-проектов как для смартфонов, так и для планшетов.
Каталог VTKSPB
Каталог
Каталог на сайте реализован на JavaScript. Слева размещен SideBar, который содержит все основные категории и дополнительные параметры фильтрации.
Страница карточки товара
Карточка товара
Карточка для единицы товара представляет собой шаблон, содержащий в себе изображение, наименование, реальный складской артикул, интерактивный модуль ввода количества и 2 кнопки: «В корзину» и «Узнать стоимость», что является альтернативой «Купить в один клик» в классических интернет-магазинах.
Чекаут и корзина ВТКСПБ
Корзина каталога
Чекаут и корзина веб-ресурса являются единой страницей. В рамках бизнес-логики проекта и технического задания, предоставленного клиентом, реализация онлайн-оплаты не требовалась. Однако, функционал корзины с накоплением и редактированием количества выбранных товаров присутствует. В корзине также есть возможность увидеть суммарный вес выбранных товаров.
Оформление товара ВТКСПБ
Оформление заказа
При оформлении заказа заполняется четыре графы: имя и фамилия, телефон, почта, наименование организации. После чего при нажатии на «Оформить заказ» происходит отправка информации о запросе на почту менеджера и фиксация информации в админ-панели сайта.
Фрейм оборудования для инженерных систем
Оборудование для инженерных систем
Данный визуальный фрейм разрабатывался для схематического отображения работы насосного оборудования, которое продает ВодоТеплоКомплект. Для этого были изучены материалы компании, и отрисована стильная, оригинальная схема в формате SVG.
Пример контентной страницы ВТКСПБ
Контентные страницы
Для данного формата страниц разработан специальный single-шаблон, который редактируется при помощи Gutenberg — нативного редактора WordPress. Для редактирования уникальных элементов страницы были разработаны специальные контейнеры на базе плагина Advanced Custom Fields PRO и интегрированы в админ-панель сайта.Результаты
1. Успешная разработка сайта, основанного на WordPress и WooCommerce, который способствовал увеличению онлайн-присутствия компании. Это привело к увеличению числа посетителей сайта и повышению его видимости в поисковых результатах;
2. Реализована возможность заказа оборудования из любой точки России, предоставленная сайтом, что привело к расширению географии клиентской базы и увеличению объема заказов;
3. Создание информационно-рекомендательного ресурса, ориентированного на инженеров, руководителей проектов и других профессионалов в сфере строительства и инженерии, что помогло улучшить обслуживание целевой аудитории, предоставляя им необходимую информацию для принятия решений;
4. Повышение эффективности продаж за счет улучшенной навигации, предоставления полной информации о продукции и услугах, а также удобства оформления заказов.
