Мир магнитов

1. Вводная задача от заказчика, проблематика, цели

Компания «Мир Магнитов» более 17 лет успешно работает на российском рынке. Старый сайт, созданный ещё в 2014 году, перестал справляться с ростом ассортимента, доработками и интеграциями: функционал запутался, админка усложнилась, а SEO-логика зависела от множества нестандартных решений. Заказчику требовался современный интернет-магазин с:

• интеграцией с 1С и службой доставки,
• сложной системой скидок и «порогов»,
• гибкой настройкой SEO и фидов,
• двумя каталогами: по категориям и по применению,
• высокой скоростью и адаптивностью.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Аудит и агрегация требований

Перед началом разработки команда тщательно проанализировала старый сайт, на котором за годы накопился «технический долг» из сторонних доработок, сменившихся команд и «костыльных» решений. В результате аудита появился список из 98 обязательных пунктов — всего, что должно остаться и заработать на новом сайте. Это помогло систематизировать пожелания и разложить будущую реализацию по слоям.

Команда приняла решение остаться на Битриксе — знакомой платформе для заказчика — и использовать не полноценные микросервисы, а точечные сервисы для поиска, фильтрации и обмена с 1С.

Магнетическая главная страница

Хотя основное внимание в e-commerce отдано каталогу, первая точка входа всё равно должна «цеплять». Главную страницу решили сделать яркой и запоминающейся: слайдер с анимированным магнитом в форме подковы и «прилипшими» буквами — визуальный акцент и метафора продукта.

Кроме того, на главной странице появились цветные плашки, ведущие в два разных каталога: классический и каталог по применению. Такой приём помогает охватить разные сценарии поиска и увеличивает вовлеченность.

Каталог по применению

Это альтернативный способ найти нужный товар, если пользователь не знает его точное название, но понимает задачу (например, «магниты для коробок»). По каждому направлению создаются мини-лендинги с информацией о свойствах, сценариях использования и подборкой подходящих товаров.

Для управления этими лендингами разработан собственный конструктор: контент-менеджер может гибко собирать страницы из блоков, подключать описания и «привязывать» нужные товары через инфоблок с фильтрами и логикой.

Основной каталог

Каталог — ключевая часть проекта, требовавшая особого внимания к UX и технической реализации.

• Фильтры работают на ElasticSearch, учитывают до миллиона параметров в категориях. Есть строка текстового поиска для каждого параметра, а в мобильной версии фильтр вынесен на отдельную страницу.
• Быстрые фильтры — плашки с подкатегориями в начале страниц.
• Покупка в один клик — минимальное количество шагов между решением и оформлением.
• Табличный режим отображения — для B2B-аудитории и опытных покупателей, которым важны техпараметры и скорость выбора.

Детальная страница товара

Здесь реализовано всё, что нужно для уверенного решения о покупке:

• Галерея с зумом и видео;
• Прозрачное ценообразование с «порогами» и отображением оптовых условий;
• Мгновенный пересчет при изменении количества;
• Вывод отзывов, вопросов, похожих товаров и комплектов;
• Гибкое описание: базовые блоки с типовыми характеристиками и уникальный контент на конкретный товар.

Корзина и оформление заказа

Корзина построена по логике маркетплейсов:

• чекбоксы для частичного оформления;
• визуальная математика скидок;
• автоматическое округление количества по упаковкам;
• пороговые цены с отображением «старой» и «новой» стоимости, а также расчётом экономии;
• расчёт веса заказа и подсказки по бесплатной доставке.

На этапе оформления:

• быстрый выбор доставки через агрегатор (кеш и «прогрев» данных обеспечивают высокую скорость);
• «ленивая» регистрация и автосоздание ЛК;
• дооформление заказа мелочами;
• ввод данных юрлица с помощью daData.

Личный кабинет

В личном кабинете — история заказов, данные пользователя, избранное, адреса. Заказы, созданные менеджерами в 1С, также видны пользователю — благодаря разработке отдельного API. Перенесена вся история с предыдущего сайта.

Интеграция с 1С

1С остаётся ядром бизнес-логики: именно там хранятся цены, пороги, SKU и «альтернативные» товары. На стороне сайта реализованы:

• псевдоSKU (торговые линейки), объединяющие варианты товаров;
• интерфейс быстрого добавления в линейки;
• отображение всей группы товаров на карточке;
• удобная связка между свойствами и товаром.

SEO и фиды

Работа с SEO стала отдельной эпопеей. Было переработано старое ТЗ построчно, вручную, с обсуждениями и тестами. Особенности реализации:

• псевдоязык макросов, подставляющий нужные значения в зависимости от города, поддомена, устройства и даже количества отзывов;
• подстановка уникальных номеров телефонов, названий и текстов в зависимости от локации;
• визуальный (и затем программный) конструктор фидов: маркетолог сам формирует выгрузку под любой канал — с фильтрами, условиями и расчётами;
• всё это встроено в административную панель и документировано.

Перенос данных

Старый сайт служил «опорной базой»: оттуда аккуратно перенесли товары, заказы, тексты, SEO-настройки, отзывы и даже историю действий пользователей. Переход получился комфортным и незаметным для клиентов.

3. Результаты сотрудничества

• Удалось сохранить весь старый SEO-эффект, адаптировав его к новому сайту.
• Внедрён магазин с высокой производительностью и гибкой архитектурой без лишней нагрузки.
• Разработан функционал, который учёл все 98 критических требований заказчика.
• Улучшен пользовательский путь: от выбора товара до получения заказа.
• Настроены мощные инструменты для маркетинга и контент-менеджмента.
• Новый сайт стал современным и удобным инструментом для оптовых и розничных покупателей.