Haibike

Информация о проекте

Бренд Haibike представляет премиальные электровелосипеды, велосипеды и профессиональную экипировку. Для выхода на российский рынок требовался современный интернет-магазин с полноценной интеграцией 1С, удобным каталогом и инструментами для автоматизации продаж. Особое внимание уделялось функциональности подбора товаров и гибкой системе лояльности для разных категорий покупателей.

Цели создания сайта:

• Разработать современный адаптивный интернет-магазин на 1С-Битрикс с каталогом товаров (велосипеды, аксессуары, экипировка, запчасти).
• Реализовать интеграцию с 1С для автоматического обмена товарами, ценами, остатками и заказами.
• Создать удобный каталог с фильтрацией по параметрам (размер рамы, тип привода, материал и др.) и сортировкой.
• Внедрить конфигуратор подбора размера велосипеда на основе роста и параметров пользователя.
• Разработать гибкую бонусную систему с возможностью раздельного начисления для розничных и оптовых клиентов.
• Настроить несколько платёжных систем (ЮKassa, Яндекс.Пэй) с корректной работой эквайринга.
• Обеспечить возможность управления контентом и заказами через удобную административную панель.

Решение

Проект стартовал с детального предпроектного обследования. Учитывая сложность интеграции с 1С, был проведён отдельный технический звонок с участием специалиста по 1С. Было принято решение разбить разработку на два этапа: первый — дизайн и вёрстка, второй — программирование и интеграция. Это позволило оперативно запустить работы и параллельно уточнять детали по обмену данными.

Дизайн-концепция разрабатывалась с опорой на фирменный стиль бренда и лучшие практики в нише. Были созданы мудборды, прототипы и итоговые макеты всех ключевых страниц: главная, каталог, карточка товара, корзина, оформление заказа, личный кабинет. Особое внимание уделили карточке товара — она включает подробные характеристики, таблицу геометрии для велосипедов, блок рекомендаций и кнопки быстрых действий. В процессе согласования дизайна были учтены пожелания заказчика по визуальному выделению акций и специальных предложений.

Параллельно с дизайном велась работа над вёрсткой. Была создана адаптивная версия для всех типов устройств, реализованы hover-эффекты, модальные окна и кастомные элементы интерфейса (слайдеры, выпадающие списки). В ходе вёрстки возникла необходимость доработать мобильную навигацию и добавить подкатегории в боковое меню — эти правки были оперативно внесены и согласованы.

На этапе программирования ключевым вызовом стала интеграция с 1С. Потребовалось несколько итераций настройки обмена: корректировка выгрузки разделов, свойств, торговых предложений, картинок и остатков. Были выявлены и устранены проблемы с дублированием инфоблоков и свойств, настроены фасетные индексы для фильтрации. В результате был настроен стабильный двусторонний обмен, при котором заказы из интернет-магазина передаются в 1С, а обновления товаров и остатков приходят на сайт.

Одной из ключевых функций стал конфигуратор подбора размера. На основе предоставленных таблиц соответствия роста и размера рамы был разработан интерактивный квиз. Пользователь указывает рост, и система отображает рекомендуемый размер на специальной шкале. Для треккинговых велосипедов была добавлена поддержка размеров в миллиметрах.

Бонусная система была реализована с использованием готового модуля, адаптированного под требования проекта. Настроено раздельное начисление баллов для розничных и оптовых клиентов, отображение баллов в карточке товара и в личном кабинете, а также списание баллов при оформлении заказа.

Интеграция платёжных систем потребовала дополнительных усилий. Был подключён и протестирован модуль ЮKassa, а затем, по инициативе заказчика, выполнена замена на Яндекс.Пэй. В процессе настройки возникли сложности с авторизацией и редиректами, которые были успешно устранены. После тестирования на стенде разработки все платёжные системы были перенесены на боевой сайт и введены в эксплуатацию.

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