• VTKSPB

  • VTKSPB

ВодоТеплоКомплект

Интернет-каталог поставщика
промышленных систем и оборудования

Описание

Данный сайт представляет собой Интернет-каталог с более чем 11 000 складских позиций оборудования, которое можно заказать из любой точки России.

Веб-проект реализован на технологическом стеке WordPress и плагина WooCommerce.

О проекте

Официальный дилер одного из самых крупных производителей насосных станций в Европе - компании Grundfos.

Компания ВодоТеплоКомплект организует оптовые поставки комплектующих и технологического оборудования на строительные объекты для систем водоснабжения, канализации, водоотведения и пожаротушения.

Целевая аудитория

  • Инженеры

  • Специалисты отдела закупок

  • Руководители проектов

  • Начальники технических бюро заводов

  • Представители фабрик

  • Менеджеры из строительных компаний.

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

Site image

VTKSPB

Задача проекта

Реализация такого вида корпоративного сайта, который позволял бы иметь максимально информационно-рекомендательные свойства для потенциальныхи нынешних клиентов.

Принципиальная задача компании - чтобы клиенты приобретали с первого раза нужное оборудование, без каких либо сбоев в поставках или проблем при монтаже.

Главная страница

Стартовая страница сайта представляет собой макет из 6 основных секций (не считая footer или header).

Первая секция включает в себя заголовок и дескриптор, описывающие деятельность компании. Вторая часть секции - это четыре основных преимущества vtkspb:

  • Официальный дилер датской компании по производству инженерного оборудования

  • Количество наименований в основном каталоге компании

  • Возможность консультирования

  • Особенности ценовой политики


Вторая секция - элементы каталогом

Данная секция разделена на 2 логических блока. Первый блок - это сверхбыстрый Ajax-поиск, который ищет по всем 11000 позициям на сайте и выдает результаты меньше, чем за 1 секунду в виде выпадающего, релевантного списка с подсказками в виде заголовков страниц товаров.

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

  • Дозирующие насосы
  • Канализационные насосы
  • Консольные насосы
  • Насосы типа "ин-лайн"
  • Скважинные насосы
  • Станции пожаротушения
  • Трубопроводная арматура
  • Шкафы управления насосным оборудованием
  • Комплектные канализационные насосы
  • Станции повышения давления
  • VTKSPB
  • VTKSPB

Разработка мобильной версии сайта

Ни для кого не секрет, что на 2020 год мобильный трафик в Интернете составляет 70%+.

В eСoomerce - 50%+. Недооценивать качество представления сайта на мобильных девайсах - значит терпеть скрытые убытки и недополучать выручку. В связи с этим мы всегда очень тщательно прорабатываем респонсивность веб-проектов как для смартфонов, так и для планшетов.

  • VTK
  • VTK
  • VTK
  • VTK
  • VTK
  • VTK

Каталог

Каталог на сайте реализован на JavaScript. Слева размещен SideBar, который содержит все основные категории и дополнительные параметры фильтрации, например:

  • Максимальный расход

  • Максимальный напор

  • Номинальный напор

  • Максимальное рабочее давление

Инструменты визуального
представления каталога:

Кнопки изменения вида, представление миниатюр — строчкой или блоками

Переключатель количества выводимых блоков товара (до 128 штук)

Пагинация, позволяет переключаться между страницами

Сортировка наименований товара по алфавиту

VTKSPB
VTKSPB
  • VTKSPB
  • VTKSPB
VTKSPB

Страница карточки товара

Карточка для единицы товара представляет собой шаблон, содержащий в себе изображение, наименование, реальный складской артикул, интерактивный модуль ввода количества и 2 кнопки: "В корзину" и "Узнать стоимость", что является альтернативой "Купить в один клик" в классических интернет-магазинах.

Также на странице есть табы:

  • Описание

  • Характеристики

  • Спецификация

  • Габаритный чертеж (точная схема со всеми параметрами устройства)

  • Документы (где можно скачать PDF-файл)

  • VTKSPB
  • VTKSPB
VTKSPB

Корзина каталога

Чекаут и корзина веб-ресурса являются единой страницей. В рамках бизнес-логики проекта и технического задания, предоставленного клиентом, реализация онлайн-оплаты не требовалась.

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

VTKSPB

Оформление заказа

При оформлении заказа заполняется четыре графы:

  • Имя и фамилия

  • Номер телефона

  • Наименование организации

  • Почта

После чего при нажатии на "Оформить заказ" происходит отправка информации о запросе на почту менеджера и фиксация информации в админ-панели сайта.

VTKSPB

Оборудование для инженерных систем

Данный визуальный фрейм разрабатывался для схематического отображения работы насосного оборудования, которое продает ВодоТеплоКомплект.

Для этого были изучены материалы компании, и отрисована стильная, оригинальная схема в формате SVG.

VTK

Контентные страницы

Для данного формата страниц разработан специальный single-шаблон, который редактируется при помощи Gutenberg - нативного редактора WordPress.

Для редактирования уникальных элементов страницы были разработаны специальные контейнеры на базе плагина Advanced Custom Fields PRO и интегрированы в админ-панель сайта.

Стили сайта

  • #1072BA
  • #ED1C29
  • #313131
  • #808285
  • #FFFFFF

Элементы сайта

VTKSPB
VTKSPB

Типографика

  • Заголовки и строчный набор

    PT Sans

    • Aa
    • Bb
    • Cc
    • Dd
    • Ee
    • Ff
    • Gg
    • Hh
    • Ii
    • Jj
    • Kk
    • Ll
    • Mm
    • Nn
    • Oo
    • Pp
    • Qq
    • Rr
    • Ss
    • Tt
    • Uu
    • Vv
    • Ww
    • Xx
    • Yy
    • Zz

We implement projects of
any complexity

We are ready to discuss your project, create a strategy for its implementation and form an individual offer. Have some questions? Just leave a request and we will contact you soon.

Get a free consultation View our portfolio

Our recent works

OnePix team always thoroughly study the details of each project. We do our best to provide the clients with high quality service and meet the deadlines. Check out our recent projects. We are pleased to work with you and answer all the questions.