Все кейсы
Интернет-магазины 2023

hi-tech-media.ru

Обновили дизайн и UX интернет-магазина техники на Битрикс: современный интерфейс, понятный каталог и быстрый заказ.

Клиент
Hi-Tech Media
Сфера
Электроника и техника
Платформа
1С-Битрикс
Срок
3 месяца
hi-tech-media.ru
+41%
конверсия
−38%
отказы
×2
мобильный трафик
1.4 с
загрузка

О проекте

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 после очистки кеша).

Сопровождение
Тестирование, мелкие правки по всему сайту, правки вёрстки от дизайнера, коммуникация с заказчиком по оставшимся разделам и замечаниям.
Решение

Что мы сделали

Новый дизайн

Создали современный интерфейс с акцентом на товар и понятной навигацией.

Каталог и фильтры

Перестроили каталог с фасетными фильтрами и быстрым сравнением товаров.

Mobile-first

Переверстали под смартфоны - удобный заказ в одно касание.

Скорость

Оптимизировали загрузку страниц и изображений.

Галерея

Как это выглядит

Магазин стал выглядеть на уровне товара, который мы продаём. Заказов с мобильных стало кратно больше.
Достижения

Сертификаты и награды

Хостинг-партнер партнер 1С битрикс
Бизнес-партнер 1С-Битрикс
Интеграция с 1С

Хотите такой же результат?

Расскажите о задаче - подберём подход, оценим объём и сроки. Покажем релевантные вашему проекту кейсы.

Оставьте заявку

close

Предпочтительный способ связи

Телефон
Email
Telegram
attachment Добавить файлы
delete Удалить
checkmark
Я согласен на обработку персональных данных
close
checkmark-circle

Cпасибо! Данные успешно отправлены.