Интернет-каталог поставщика
промышленных систем и оборудования
Описание
Данный сайт представляет собой Интернет-каталог с более чем 11 000 складских позиций оборудования, которое можно заказать из любой точки России.
Веб-проект реализован на технологическом стеке WordPress и плагина WooCommerce.
О проекте
Официальный дилер одного из самых крупных производителей насосных станций в Европе - компании Grundfos.
Компания ВодоТеплоКомплект организует оптовые поставки комплектующих и технологического оборудования на строительные объекты для систем водоснабжения, канализации, водоотведения и пожаротушения.
Целевая аудитория
Инженеры
Специалисты отдела закупок
Руководители проектов
Начальники технических бюро заводов
Представители фабрик
Менеджеры из строительных компаний.
Они обращаются за консультацией или закупкой конкретного инженерного оборудования, определенного в спецификации и проекте.
Site image
Задача проекта
Реализация такого вида корпоративного сайта, который позволял бы иметь максимально информационно-рекомендательные свойства для потенциальных и нынешних клиентов.
Принципиальная задача компании - чтобы клиенты приобретали с первого раза нужное оборудование, без каких либо сбоев в поставках или проблем при монтаже.
Главная страница
Стартовая страница сайта представляет собой макет из 6 основных секций (не считая footer или header).
Первая секция включает в себя заголовок и дескриптор, описывающие деятельность компании. Вторая часть секции - это четыре основных преимущества vtkspb:
Официальный дилер датской компании по производству инженерного оборудования
Количество наименований в основном каталоге компании
Возможность консультирования
Особенности ценовой политики
Вторая секция - элементы каталогом
Данная секция разделена на 2 логических блока. Первый блок - это сверхбыстрый Ajax-поиск, который ищет по всем 11000 позициям на сайте и выдает результаты меньше, чем за 1 секунду в виде выпадающего, релевантного списка с подсказками в виде заголовков страниц товаров.
Вторая логическая часть секции содержит в себе основные категории каталога сайта в виде прямоугольных и квадратных блоков с закруглениями:
- Дозирующие насосы
- Канализационные насосы
- Консольные насосы
- Насосы типа "ин-лайн"
- Скважинные насосы
- Станции пожаротушения
- Трубопроводная арматура
- Шкафы управления насосным оборудованием
- Комплектные канализационные насосы
- Станции повышения давления
Разработка мобильной версии сайта
Ни для кого не секрет, что на 2020 год мобильный трафик в Интернете составляет 70%+.
В eСoomerce - 50%+. Недооценивать качество представления сайта на мобильных девайсах - значит терпеть скрытые убытки и недополучать выручку. В связи с этим мы всегда очень тщательно прорабатываем респонсивность веб-проектов как для смартфонов, так и для планшетов.
Каталог
Каталог на сайте реализован на JavaScript. Слева размещен SideBar, который содержит все основные категории и дополнительные параметры фильтрации, например:
Максимальный расход
Максимальный напор
Номинальный напор
Максимальное рабочее давление
Инструменты визуального
представления каталога:
Кнопки изменения вида, представление миниатюр — строчкой или блоками
Переключатель количества выводимых блоков товара (до 128 штук)
Пагинация, позволяет переключаться между страницами
Сортировка наименований товара по алфавиту
Страница карточки товара
Карточка для единицы товара представляет собой шаблон, содержащий в себе изображение, наименование, реальный складской артикул, интерактивный модуль ввода количества и 2 кнопки: "В корзину" и "Узнать стоимость", что является альтернативой "Купить в один клик" в классических интернет-магазинах.
Также на странице есть табы:
Описание
Характеристики
Спецификация
Габаритный чертеж (точная схема со всеми параметрами устройства)
Документы (где можно скачать PDF-файл)
Корзина каталога
Чекаут и корзина веб-ресурса являются единой страницей. В рамках бизнес-логики проекта и технического задания, предоставленного клиентом, реализация онлайн-оплаты не требовалась.
Однако, функционал корзины с накоплением и редактированием количества выбранных товаров присутствует. В корзине также есть возможность увидеть суммарный вес выбранных товаров.
Оформление заказа
При оформлении заказа заполняется четыре графы:
Имя и фамилия
Номер телефона
Наименование организации
Почта
После чего при нажатии на "Оформить заказ" происходит отправка информации о запросе на почту менеджера и фиксация информации в админ-панели сайта.
Оборудование для инженерных систем
Данный визуальный фрейм разрабатывался для схематического отображения работы насосного оборудования, которое продает ВодоТеплоКомплект.
Для этого были изучены материалы компании, и отрисована стильная, оригинальная схема в формате SVG.
Контентные страницы
Для данного формата страниц разработан специальный single-шаблон, который редактируется при помощи Gutenberg - нативного редактора WordPress.
Для редактирования уникальных элементов страницы были разработаны специальные контейнеры на базе плагина Advanced Custom Fields PRO и интегрированы в админ-панель сайта.
Стили сайта
-
#1072BA
-
#ED1C29
-
#313131
-
#808285
-
#FFFFFF
Элементы сайта
Типографика
-
Заголовки и строчный набор
PT Sans
- Aa
- Bb
- Cc
- Dd
- Ee
- Ff
- Gg
- Hh
- Ii
- Jj
- Kk
- Ll
- Mm
- Nn
- Oo
- Pp
- Rr
- Ss
- Tt
- Uu
- Vv
- Ww
- Xx
- Yy
- Zz
Наши последние работы по разработке сайтов
Если у вас появится желание с нами работать — заказать разработку сайта или приложение, мы всегда рады помочь и ответить на интересующие вас вопросы по разработке.