О заказчике
«9wave.ru» — компания, специализирующаяся на оптовых поставках сплит-систем и отопительного оборудования. За 13 лет работы компания продала более 1,5 млн единиц оборудования, имеет 5 филиалов и охватывает бесплатной доставкой 8 регионов России. Основная аудитория — профессиональные покупатели и B2B-клиенты.
Задача клиента
Разработать интернет-магазин на CMS Webasyst с элементами B2B-платформы на базе шаблона Mastershop. Цель — создать инструмент для профессиональных клиентов с разграничением доступа, сложной системой ценообразования и широкими возможностями управления заказами. Все кастомные доработки реализовать через плагины и приложения, не нарушая структуру фреймворка, и сохранить высокую скорость загрузки страниц (LCP 0,23-0,50 с).
Что было сделано
Мы выполнили полный цикл работ по созданию B2B-ориентированного интернет-магазина на CMS Webasyst. Общий объем трудозатрат наших специалистов составил 91 час.
✅ Проектирование и настройка
- • Анализ макетов Figma — изучена структура и все страницы проекта по ссылке из CRM.
- • Адаптация шаблона Mastershop — настройка существующего шаблона, вынесение нового функционала в отдельный подраздел «Новые функции дв».
- • Верстка шапки и подвала — разработаны сквозные блоки для всех страниц сайта.
- • Верстка главной страницы — реализована структура с каталогом, слайдером, блоками преимуществ, новинок, популярных категорий и брендов.
✅ Каталог и карточка товара
- • Настройка фильтров — реализован фильтр товаров, включая поиск по фильтру при более 10 значениях.
- • Список товаров — три типа отображения: список, таблица, плитка.
- • Карточка товара — блок с фото, ценой, характеристиками, логотипом бренда, копированием артикула.
- • Вкладки в карточке — «Характеристики», «Описание», «Особенности» (с иконками SVG), «Документы» (адаптация собственного плагина).
- • Блок преимуществ — настраиваемый блок.
✅ B2B-функционал и личный кабинет
- • Система оптовых цен — многоуровневые цены (Д1, Д2, Д3...) с привязкой к группам пользователей. Цена в корзине меняется в зависимости от группы.
- • Личный кабинет — разделы: баланс, заказы (с поиском и фильтром по периоду), отгрузки, избранное, сравнение, просмотрено, настройки.
- • Корзина и оформление заказа — работа с 200+ товарами, панель быстрого добавления через поиск, чекбоксы для выборочного оформления.
✅ Дополнительные модули и интеграции
- • Поиск в шапке — предиктивный поиск с выдачей во всплывающем окне.
- • Акции — страница со скидками, фильтром по категориям.
- • Приложение «Мероприятия» — разработано на основе приложения «Веб-формы» для создания мероприятий и регистрации.
- • Плагин «Сброс корзины при выходе из ЛК» — доработан механизм очистки корзины при выходе пользователя.
- • Плагин для документов — адаптирован собственный плагин для вкладки «Документы» в карточке товара.
- • Настройка уведомлений — система оповещений о закрытии доступа к оптовым ценам и появлении товаров из списка ожидания.
✅ Технические требования и оптимизация
- Адаптивная верстка — корректное отображение на всех устройствах (от 360px до 1920px).
- Скорость загрузки — сохранены высокие показатели производительности.
- Кроссбраузерность — поддержка последних версий браузеров.
Результат
Запущен B2B-интернет-магазин климатического оборудования, полностью соответствующий требованиям профессиональных клиентов. Сайт решает ключевые бизнес-задачи:
- • Для клиентов: Удобные инструменты: оптовые цены, персональный менеджер, быстрый поиск, история заказов и отгрузок, избранное, сравнение, система уведомлений.
- • Для менеджеров: Автоматизация управления клиентами, гибкая настройка ценообразования, контроль объемов продаж через систему блокировки оптовых цен.
- • Для администратора: Полный контроль через административную панель с настройкой уведомлений и управлением мероприятиями.
Используемые технологии и решения
CMS Webasyst | Шаблон Mastershop | Приложение «Веб-формы» (адаптация) | HTML5/CSS3 | JavaScript (jQuery) | PHP | MySQL | Адаптивная верстка | Figma
Объем трудозатрат:
| Задача | Часы |
|---|---|
| Анализ макетов Figma, проектирование структуры, ТЗ | 6 |
| Верстка шапки, подвала и главной страницы | 10 |
| Настройка фильтров и списка товаров (каталог) | 12 |
| Верстка и доработка карточки товара (вкладки, преимущества) | 14 |
| Система оптовых цен (привязка к группам, отображение в корзине) | 8 |
| Личный кабинет (заказы, отгрузки, избранное, сравнение, настройки) | 12 |
| Корзина и оформление заказа (работа с большим количеством товаров) | 8 |
| Поиск в шапке (предиктивный), страница акций | 6 |
| Адаптация приложения «Веб-формы» под «Мероприятия» | 6 |
| Плагин «Сброс корзины», адаптация плагина для документов | 4 |
| Настройка уведомлений, тестирование, оптимизация скорости | 5 |
| Итого | 91 |
* Общая стоимость проекта составила 158 400 руб.
