Разработка корпоративного сайта каталога на Joomla: B2B поставки оборудования
В мае 2022г. для компании специализирующейся на комплексном снабжении предприятий, выполнена профильная разработка корпоративного сайта каталога. Проект реализован в 2023 году на базе CMS Joomla 3.10.11 с использованием визуального конструктора SP Page Builder и фреймворка Helix Ultimate. Созданная платформа обеспечивает эффективную презентацию сложного B2B-оборудования (медицинского, лабораторного, промышленного) и автоматизирует сбор лидов с помощью маршрутизированных форм обратной связи.
Исходная ситуация и задачи проекта
Клиенту требовалась масштабируемая площадка для демонстрации широкого спектра импортного оборудования и сменно-запасных частей. Специфика оптовых B2B-поставок исключала использование стандартной корзины интернет-магазина, требуя индивидуального подхода к запросу цен и коммерческих предложений. Ключевые задачи:
- Разработка корпоративного сайта каталога с логичной категоризацией (от бурового до медицинского оборудования).
- Внедрение быстрых форм захвата лидов с маршрутизацией заявок по отделам (бухгалтерия, логистика, отдел продаж, тендерный отдел).
- Обеспечение высокой скорости загрузки страниц, несмотря на большое количество графики и сложную структуру DOM.
- Адаптивная верстка с поддержкой интерактивных элементов (счетчики, аккордеоны, слайдеры).
Выполненные работы
Проектирование интерфейса и адаптивная верстка
В качестве основы использован шаблонный фреймворк Helix Ultimate, обеспечивший надежную сетку (Bootstrap) и мобильную адаптивность. Реализовано боковое off-canvas меню для смартфонов и сложное mega-menu для десктопной версии, позволяющее пользователю в один клик переходить к узким нишам (например, «Трансформаторные подстанции» или «Лабораторное оборудование»). Главная страница спроектирована через компонент SP Page Builder, что позволило внедрить интерактивные счетчики выполненных поставок и динамические слайдеры.
Внедрение легковесного B2B каталога
Учитывая отсутствие необходимости в онлайн-оплате, для реализации каталога товаров применен компонент DJ-Classifieds вместо тяжеловесного VirtueMart. Это техническое решение значительно снизило нагрузку на базу данных MySQL. Настроены кастомные поля для вывода актуальных цен (например, морозильные камеры Biobase), превью изображений и технических характеристик. Подобная разработка сайтов каталогов ускоряет генерацию страниц сервером и упрощает администрирование.
Разработка интеллектуальных форм обратной связи
Сбор заявок реализован на базе компонента QF3 (QuickForm3). Создана многоуровневая форма, включающая поля для ввода ИНН организации, ФИО, должности и прикрепления файлов (до 5 МБ). Внедрена логика выбора отдела: запрос автоматически направляется на нужный email в зависимости от выбранного пункта (логистика, сервис, тендеры). Для предотвращения спама формы интегрированы с невидимой Google reCAPTCHA v3.
Техническая оптимизация производительности (Speed Optimization)
Для обеспечения соответствия требованиям Core Web Vitals выполнена глубокая оптимизация кода. Установлен и настроен плагин JCH Optimize, который выполнил объединение и минификацию CSS/JS файлов, а также внедрил технологию отложенной загрузки изображений (LazyLoad). Это критически важно для главной страницы, содержащей массивные графические блоки и скрипты слайдеров (Owl Carousel).
Использованные технологии
| Технология | Версия / Назначение | Бизнес-ценность |
|---|---|---|
| Joomla! | 3.10.11 (Core CMS) | Стабильное и безопасное управление контентом и правами доступа. |
| Helix Ultimate | Template Framework | Обеспечение 100% адаптивности под мобильные устройства (Mobile First). |
| SP Page Builder | Визуальное проектирование | Быстрое создание посадочных страниц (Landing Pages) для новых услуг. |
| DJ-Classifieds | Модуль каталога | Высокая скорость загрузки товарных матриц без лишнего кода e-commerce. |
| JCH Optimize | Кэширование и минификация | Ускорение загрузки страниц, улучшение позиций в Яндекс и Google. |
Что получил клиент
В результате разработки корпоративного сайта каталога компания «КОСПО» получила мощный маркетинговый инструмент:
- Готовый портал, способный выдерживать высокую посещаемость без сбоев базы данных.
- Удобную систему навигации по десяткам направлений (от проектирования до шеф-монтажа).
- Автоматизированный процесс приема заявок с предварительной квалификацией лида (выбор отдела и способа связи: Email, Телефон, WhatsApp, Telegram).
- Технически оптимизированный код (кэширование, LazyLoad), готовый для активного SEO-продвижения.
Дополнительно реализовано
Помимо основного пула работ по программированию, интегрирована система веб-аналитики. Установлен код Яндекс Метрики с настроенными целями на отправку форм и взаимодействие с номерами телефонов. Внедрены динамические скрипты коллтрекинга от Novofon (Zadarma) для отслеживания эффективности рекламных каналов. Произведена верстка нестандартных элементов интерфейса, таких как блок FAQ (аккордеон) и анимированные счетчики бизнес-показателей (yt-project-counter).
Проект сдан в эксплуатацию и успешно привлекает B2B заявки со всей территории России. Если вашей компании требуется аналогичная разработка корпоративного сайта каталога со сложной иерархией услуг, ознакомьтесь с техническими ответами ниже.
Развернуть полный вид корпоративного сайта каталога на Джумла 3
Примечание: текущее состояние и внешний вид действующего сайта могут отличаться от представленных в данном кейсе, так как после завершения и сдачи проекта заказчик мог внести самостоятельные изменения.
Вопросы и ответы по данному сайту
Почему для B2B каталога выбран DJ-Classifieds, а не интернет-магазин?
В B2B сегменте, где требуется индивидуальный просчет стоимости оборудования и логистики, стандартная "корзина" не работает. DJ-Classifieds позволяет создать структурированный каталог (витрину) с техническими характеристиками, но без перегрузки сервера модулями оплаты и сложного чекаута.
Обеспечена ли защита от спама в формах заявки?
Да. Во все формы обратной связи (QF3) интегрирована система Google reCAPTCHA, которая отсекает автоматические рассылки ботов, не создавая неудобств реальным пользователям.
Как достигается высокая скорость загрузки при обилии скриптов?
Используется плагин JCH Optimize, который генерирует критический CSS, объединяет JS-файлы и включает LazyLoad (отложенную загрузку изображений, скрытых за пределами видимого экрана).
Можно ли самостоятельно добавлять новые товары в каталог?
Абсолютно. Система управления контентом (CMS) позволяет менеджерам заказчика добавлять новые позиции, цены и характеристики через удобный визуальный интерфейс без привлечения программистов.
Насколько безопасно использование Joomla 3.10.11 сегодня?
Версия 3.10.11 является финальным и самым стабильным релизом третьей ветки. При правильной настройке прав доступа и файловой системы проект защищен от взлома. Однако в перспективе 2-3 лет потребуется плановая миграция проекта на актуальную Joomla 5.
Интегрируется ли сайт с CRM системами?
Да. Хотя в данном кейсе заявки маршрутизируются на корпоративные Email-адреса отделов, архитектура позволяет настроить передачу лидов в AmoCRM или Битрикс24 через Webhook или REST API.
