• 56parallel

  • 56parallel

56th parallel

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

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

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

О проекте

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

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

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

  • Инженеры

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

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

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

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

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

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

Site image

56th Parallel

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

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

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

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

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

Первый экран

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

56th Parallel

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

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

Выбор тура

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

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

56th Parallel
56th Parallel

Карточка тура

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

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

56th Parallel
56th Parallel

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

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

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

  • 56th Parallel
  • 56th Parallel
  • 56th Parallel
  • 56th Parallel
  • 56th Parallel
  • 56th Parallel

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

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

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

56th Parallel

Форма обратной связи

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

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

Быстрый вопросы по обратной связи

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

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

56th Parallel

Меню

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

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

56th Parallel

Страница выбора туров

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

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

56th Parallel

Страница тура

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

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

Инструкции по турам

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

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

56th Parallel

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

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

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

Стили сайта

  • #02A4EA
  • #252525
  • #1C1C1C
  • #D3D3D3
  • #FFFFFF

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

56th Parallel
56th Parallel

Типографика

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

    Helvetica Neue

    • 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

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

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

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

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

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