• 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

Мы готовы взяться за проект
любой сложности

Мы готовы обсудить ваш проект, создать стратегию реализации сайта и сформировать индивидуальное предложение. У вас есть вопросы? Просто оставьте заявку на сайте и мы свяжемся с вами в ближайшее время.

Получить консультацию Наше портфолио

Наши последние работы

Если у Вас появится желание с нами работать, мы всегда рады помочь и ответить на Ваши вопросы.