9wave.ru

О заказчике

«9wave.ru» — компания, специализирующаяся на оптовых поставках сплит-систем и отопительного оборудования. За 13 лет работы компания продала более 1,5 млн единиц оборудования, имеет 5 филиалов в разных федеральных округах и охватывает бесплатной доставкой 8 регионов России. В портфеле компании — 8 собственных и партнерских брендов, а постоянный складской запас составляет 80 000 единиц техники. Основная аудитория — профессиональные покупатели и B2B-клиенты.

Задача клиента

Клиенту требовалось разработать интернет-магазин на CMS Webasyst с элементами B2B-платформы на базе шаблона Mastershop. Основная задача — создать полноценный рабочий инструмент для профессиональных клиентов с разграничением доступа, сложной системой ценообразования и широкими возможностями для управления заказами. Важным требованием было максимальное использование стандартных возможностей шаблона, а все кастомные доработки реализовывать через плагины и приложения, не нарушая структуру фреймворка. Особое внимание уделялось сохранению высокой скорости загрузки страниц (LCP 0,23-0,50 с).

Что было сделано

Мы выполнили полный комплекс работ по созданию B2B-ориентированного интернет-магазина на CMS Webasyst. Общий объем трудозатрат наших специалистов составил 40 часов.

✅ Проектирование и дизайн

• Адаптация шаблона Mastershop — выполнена настройка существующего шаблона с максимальным сохранением его родного функционала. Все доработки реализованы через дополнительные плагины и приложения.
• Создание прототипов — разработана структура основных страниц согласно ТЗ и макетам в Figma.
• Разработка дизайна — выполнена адаптация фирменного стиля, созданы макеты для всех типов страниц с учетом адаптации под 6 контрольных разрешений (от 360px до 1920px).

✅ Фронтенд-разработка

• Главная страница — реализована сложная структура с блоками: шапка с прилипанием при прокрутке, каталог с всплывающими подкатегориями, слайдер баннеров, блоки преимуществ, новинок, популярных категорий, последних новостей, брендов (слайдер) и инфоблоки.
• Каталог товаров — настроена навигация по подкатегориям с иконками, фильтр товаров (включая фильтр по наличию на выбранных складах, поиск по фильтру при более 10 значениях), сортировка и три типа отображения (список, таблица, плитка) с полной детализацией по каждому товару: стикеры, изображения с перелистыванием, артикул с копированием, характеристики, наличие, иконки сравнения/избранного, МРЦ, доход, цена (скрыта для неавторизованных), форма ввода количества, кнопка «В корзину» или «Получить условия».
• Карточка товара — реализован блок с фото (миниатюры), ценой, характеристиками, логотипом бренда, копированием артикула. Настроены вкладки: «Характеристики», «Описание», «Особенности» (с иконками SVG из плагина), «Документы» (адаптация плагина ewshoppattach), а также возможность добавления произвольных вкладок.
• Личный кабинет — разработана полноценная панель с разделами: баланс, заказы (с поиском и фильтром по периоду, разворачивающиеся списки), отгрузки, избранное, сравнение, просмотрено, настройки, выход. Добавлен блок персонального менеджера с фото, контактами и мессенджерами.
• Корзина и оформление заказа — реализована работа с большим количеством товаров (200+), панель быстрого добавления товаров через поиск (по артикулу/наименованию), управление позициями, чекбоксы для выборочного оформления, расчет веса и объема (плагины orderweight).
• Поиск — настроен предиктивный поиск с выдачей во всплывающем окне (товары и категории), отдельная страница результатов поиска с фильтрами.
• Система уведомлений — реализована в шапке с иконкой и счетчиком непрочитанных, оповещения о закрытии доступа к оптовым ценам и появлении товаров из списка ожидания, возможность ручной отправки уведомлений (всем, по группам, выборочно).
• Страница акций — с фильтром по категориям и стандартным фильтром товаров.

✅ Бэкенд-разработка и кастомный функционал

• Функционал шаблона — вынесен в отдельный подраздел «Новые функции дв» в настройках оформления. Реализовано управление блоком «Преимущества работы с нами» (название, сортировка, изображение, ссылка).
• Система оптовых цен — создана многоуровневая система цен (Д1, Д2, Д3, Д4...). МРЦ выступает розничная цена. Цена в корзине меняется в зависимости от группы пользователя.
• Система блокировки оптовых цен — разработан модуль с настраиваемыми параметрами: период (дни), пороговая сумма, исключения. При недостижении минимальной суммы покупок за период пользователь переключается на розничную цену. Реализована история блокировок с возможностью отмены последней блокировки. Добавлено описание cron-задания.
• Плагин «Особенности сплит-систем» — собирает информацию о значениях характеристики «Особенности», позволяет для каждого значения добавить иконку SVG, заголовок и описание.
• Приложение «Мероприятия» — разработано на основе приложения «Веб-формы» для создания мероприятий и регистрации. Реализованы вкладки: «Мероприятие» (статус, дата, заголовок, описание, изображение, 4 инфоблока, WYSIWYG-редактор), «Форма» (настройка полей), «Условия», «Записи», «Уведомления». Вкладки «Поделиться» и «Внешний вид» удалены, часть полей во вкладке «Настройки» скрыта.
• Плагин «Сброс корзины при выходе из ЛК» — доработан механизм очистки корзины при выходе пользователя, чтобы корзина не переносилась при входе в другой аккаунт. Работает совместно с плагином «Пароли пользователей».

✅ Технические требования и оптимизация

• Адаптивная верстка — обеспечено корректное отображение на всех устройствах (от 320px до 1920px), оптимизация под Retina-экраны.
• Скорость загрузки — сохранены высокие показатели производительности: первая загрузка LCP 0,23-0,50 с, с кешем 0,17-0,23 с. Подтверждено замерами PageSpeed Insights.
• Кроссбраузерность — поддержка последних версий всех основных браузеров.

Результат

Запущен мощный B2B-ориентированный интернет-магазин климатического оборудования, полностью соответствующий требованиям профессиональных клиентов. Сайт решает ключевые бизнес-задачи:

• • Для клиентов: Предоставляет удобные инструменты для работы: многоуровневые оптовые цены, персональный менеджер с контактами, быстрый поиск и добавление товаров, детальная история заказов и отгрузок, избранное, сравнение, система уведомлений о важных событиях.
• • Для менеджеров: Автоматизирует процессы управления клиентами, позволяет гибко настраивать ценообразование и контролировать объемы продаж, вовремя реагировать на снижение активности клиентов через систему блокировки оптовых цен.
• • Для администратора: Обеспечивает полный контроль над всеми процессами через продуманную административную панель с возможностью настройки уведомлений, управления мероприятиями и гибкой конфигурации всех блоков сайта.

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

Используемые технологии и решения

CMS Webasyst | Шаблон Mastershop | Приложение «Веб-формы» (адаптация) | Плагин ewshoppattach (адаптация) | Плагин orderweight | HTML5/CSS3 | JavaScript (jQuery) | PHP | MySQL | Адаптивная верстка | Figma | ЧПУ | SVG-графика

Объем трудозатрат:

* Общая стоимость проекта составила 158 400 руб.