Редизайн интернет-магазина hi-tech-media.ru
- Редизайн интернет-магазина
- Поддержка сайта
О проекте
Hi-Tech Media — дистрибьютор профессионального AV-оборудования. Сайт: hi-tech-media.ru
Задачи
Обновить внешний вид и пользовательские сценарии крупного каталожного сайта на 1С-Битрикс, сохранив и усилив функциональность для B2B-аудитории.
Инфраструктура и подготовка
Развернули отдельный dev-сервер, перенесли шаблон, настроили Git, устранили проблемы с логированием и лишней нагрузкой на окружение. Затем выполнили настройку VDS под продакшен и перенос основного сайта и B2B-версии.
Вёрстка и дизайн-система страниц
С нуля собрана вёрстка ключевых типов страниц: главная, о компании, контакты, каталог (список и карточка), бренды, учебный центр (курсы, преподаватели, отзывы), пресс-центр, акции, готовые решения, конференц-системы, корзина и личный кабинет, адаптив шапки, подвала и 404.
Интеграция в Битрикс и редизайн «под капотом»
Внедрён новый шаблон, модуль настроек Webdoka, меню и структура на инфоблоках, кастомные компоненты (в том числе меню разделов вместо стандартного catalog.section.list), доработка хлебных крошек с учётом разметки схемы, агенты для фоновых задач (например, подсчёт количества товаров в разделах для меню). Проведён рефакторинг существующего шаблона и кода.
Каталог, поиск и коммерция
Реализованы фильтр, компоненты списка разделов и тегов, универсальная работа компонентов Битрикс в обычном и AJAX-режиме (в т.ч. для каталога). Разработан собственный умный поиск с подготовкой структуры данных в БД и последующей оптимизацией генерации таблиц. Доработаны карточка товара, превью в модальном окне, похожие товары, сценарии скидок на базовом функционале инфоблока, раздел «Наши партнёры». Реализованы избранное и сравнение (включая AJAX и сохранение контекста раздела), добавление в корзину на D7, оформление заказа, личный кабинет (в т.ч. история заказов). Добавлена работа с белорусскими рублями для отображения цен. Подготовлены разделы шоурум, конференц-системы (список и детальная).
Формы и контент
Универсальный блок работы с формами (включая Google reCAPTCHA v3), вынос e-mail получателей по формам в настройки, привязка форм из модальных окон к пунктам меню, отдельная страница обратной связи, компонент галереи, баннеры мероприятий, документация по готовым разделам для клиента.
SEO и соцсети
Установка и настройка модуля OpenGraph; отдельно исправлена выдача исходных URL изображений в разметке OG (без кеш-путей, чтобы не получать 404 после очистки кеша).
Сопровождение
Тестирование, мелкие правки по всему сайту, правки вёрстки от дизайнера, коммуникация с заказчиком по оставшимся разделам и замечаниям.
Технологии
Cертификаты и достижения