Ищете крутые кейсы в digital? Посмотрите на номинантов Workspace Digital Awards 2026!
AIR Production
Как мы пересобрали интернет-магазин мебели и усилили конфигуратор товаров
AIR Production
#Разработка сайтов под ключ

Как мы пересобрали интернет-магазин мебели и усилили конфигуратор товаров

10 
AIR Production Россия, Москва
Поделиться: 0 0 0
Как мы пересобрали интернет-магазин мебели и усилили конфигуратор товаров
Клиент

Казахстанская Производственная Компания «ZETA»

Сфера

Мебель и интерьер

Регион

Казахстан

Тип сайта

Интернет-магазин

Сдано

Май 2026

Задача

ZETA - одно из ведущих предприятий мебельной промышленности в Республике Казахстан. Компания работает с 1996 года: собственное производство, сеть офлайн-магазинов по всей стране, десятки тысяч позиций в каталоге — от диванов до посуды. Три десятилетия на рынке — это репутация, которую нужно поддерживать на каждой точке контакта с покупателем.

Со временем действующий интернет-магазин на Битриксе перестал соответствовать масштабу бизнеса: рост каталога, вариативность товаров и новые сценарии выбора требовали другой скорости, логики и гибкости. Сайт больше не справлялся с ролью ключевого канала продаж, и точечные доработки уже не решали проблему. Решение было системным — полностью пересобрать e-commerce с нуля.

Проблема

Казахстанский ecom растёт быстро — и вместе с ним меняется модель поведения покупателя. Люди привыкли исследовать товар онлайн тщательнее, сравнивать, изучать детали — и ожидать от сайта магазина совершенно другого уровня взаимодействия.

Параллельно меняется и сам покупатель мебели. Он освоил маркетплейсы — с мгновенным поиском, прозрачным наличием и карточками, где есть ответ на любой вопрос. Рынок требует большего, и именно это послужило отправной точкой для создания нового сайта.

Решение

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

Для пользователей процесс выбора мебели стал быстрее и понятнее. Каталог и поиск работают по логике маркетплейсов: Elasticsearch обрабатывает неточные запросы, фильтры моментально обновляют выдачу, а конфигуратор позволяет в реальном времени менять параметры товара и сразу видеть итоговую стоимость. При ассортименте более 100 000 SKU и более 2 млн возможных конфигураций система сохраняет стабильную скорость работы.

1Исследование: что думает покупатель

Работу над проектом мы начали с исследования — custdev и анализ конкурентного рынка, чтобы понять, с какими ожиданиями пользователь приходит на сайт мебельного магазина.

Выводы оказались конкретными.

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

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

3. Формирование доверия через видеоконтент. Большинство респондентов назвали видеообзоры ключевым фактором при выборе мебели — люди хотят видеть, как диван выглядит в объёме, как раскладывается стол, как ткань смотрится при разном освещении. Фото этого не передаёт.

4. Соцсети также являются важной стадией пользовательского пути. Каждый третий опрошенный признался, что ищет мебель в Instagram*. Половина отметила, что публикации в соцсетях влияют на решение о покупке. Сайт и Instagram должны работать в связке и усиливать друг друга.

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

Каждый из этих выводов получил своё решение в продукте.

*Организация, запрещенная на территории РФ

2Архитектура проекта

Новый сайт ZETA построен на headless-архитектуре. Фронтенд на Next.js с серверным рендерингом, бэкенд на NestJS — модульный, с чёткими границами между бизнес-логикой, интеграциями и данными. MongoDB в качестве базы. Такой стек даёт скорость на любом объёме каталога и возможность развивать части системы независимо друг от друга — без риска сломать всё разом.

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

Синхронизация с 1С идёт через XML-обмен в формате CommerceML. Остатки и цены по всем магазинам сети обновляются каждые 15 минут — фоновым воркером, без остановки сайта. Пользователь видит актуальное наличие в конкретной точке продаж, что напрямую закрывает один из ключевых выводов исследования.

Отдельная история — интеграция с Битрикс24. Сайт стал сквозным слоем между 1С и CRM: заказы, клиенты, номенклатура и статусы сделок синхронизируются в обе стороны. Раньше этот обмен был ручным или частичным — теперь данные идут автоматически, и менеджеры работают в Битриксе с актуальной картиной.

Товарный каталог подтягивается из отдельного источника — отдельная таблица на каждый раздел. Контент-менеджеры работают в привычной среде, не касаясь CMS. Для управления баннерами, акциями, отзывами и медиаконтентом сделали AdminJS с кастомными workflow-хуками под процессы клиента.

Кеширование реализовано на фронте: краткоживущий in-memory cache GET-запросов с дедупликацией одновременных обращений. Это снижает нагрузку на API и держит время отклика стабильным даже в пиковые часы.

Сайт работает на трёх языках — русском, казахском и английском.

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

Платёжный модуль поддерживает банковские карты, Halyk ePay, Google Pay, Apple Pay и рассрочки. Для юридических лиц — выставление счёта с отправкой в личный кабинет и на почту.

3Интеграции как основа экосистемы

Проект включает более 8 ключевых интеграций, которые обеспечивают сквозную работу всех бизнес-процессов — от управления ассортиментом до оплаты и логистики.

В инфраструктуру сайта интегрированы:

 — 1С — основной источник данных по товарам, остаткам и ценам;

 — Bitrix24 — управление заказами, клиентами и сделками;

 — База данных, где хранятся все варианты конфигураций;

 — Tarlan Pay и Halyk ePay — обработка онлайн-платежей;

 — BNPL-сервисы — оформление покупок в рассрочку;

 —Яндекс карты и 2GIS — определение адреса, геолокация и расчёт доставки.

Все интеграции объединены в единую систему, где сайт выступает центральным слоем, синхронизируя данные между ERP, CRM и внешними сервисами в реальном времени.

4Дизайн и интерактивность

На сайте расположен блок популярных категорий, который формируется автоматически на основе реальной посещаемости и пересчитывается каждые 24 часа — на первых позициях всегда то, что актуально прямо сейчас. Горячие скидки обновляются каждый час и выстраиваются по размеру дисконта. При этом у контент-менеджера есть полный контроль: любой автоматический расчёт можно скорректировать вручную через админку, и ручные настройки всегда в приоритете.

Конфигуратор сохранили как ключевой инструмент выбора и переосмыслили его с точки зрения пользовательского опыта и производительности.

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

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

Конфигуратор адаптировали под текущий масштаб ассортимента: 100 000+ SKU, из которых у 7 000 товаров есть вариативные параметры.

За счёт комбинаторики опций общее количество потенциальных конфигураций превышает 2 млн. Перенос на новую архитектуру позволил обрабатывать этот объём быстрее и стабильнее, сохраняя корректный расчёт цены для каждой конфигурации.

Раздел «Интерьеры» — отдельный способ навигации по каталогу. Вместо того чтобы искать диван в списке категорий, пользователь выбирает комнату — гостиная, спальня, кухня, детская, кабинет — и видит готовые пространства с мебелью ZETA. На каждом фото расставлены интерактивные точки: при наведении они раскрываются в карточку с названием товара, ценой и ссылкой для покупки. Просмотр интерьера превращается в навигацию по каталогу — человек видит, как мебель выглядит в реальном пространстве, и сразу может перейти к нужной позиции.

На новом сайте ZETA особое внимание уделено визуальному опыту пользователей и удобству взаимодействия с контентом. Раздел «Отзывы» реализован динамично: фотографии интерьеров клиентов подтягиваются напрямую из Instagram*. Пользователи видят реальные интерьеры с мебелью ZETA, что создаёт эффект живого сообщества и повышает доверие к бренду. Каждое изображение сопровождается упоминанием автора публикации, что мотивирует других клиентов делиться своими фото и использовать брендовые хештеги.

5Омниканальность и программа лояльности

Сайт ZETA стал частью единой омниканальной системы, в которой онлайн и офлайн дополняют друг друга.

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

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

Это позволяет:

 — формировать единый клиентский профиль;

 — повышать повторные продажи;

 — усиливать связку «сайт — розница — соцсети»;

 — сокращать разрывы в пользовательском опыте.

Результат

Проект закрыл сразу несколько уровней задач — от пользовательского опыта до внутренней автоматизации бизнес-процессов.

— Онлайн и офлайн объединены в единую среду: актуальные остатки по всем магазинам сети обновляются каждые 15 минут

— Обмен данными между 1С, сайтом и Битрикс24 автоматизирован

— Покупатель получил инструменты для самостоятельного принятия решения: конфигуратор, интерактивные интерьеры, умный поиск

— Платформа работает на трёх языках и поддерживает все актуальные способы оплаты, включая рассрочку

— Архитектура готова к росту каталога и нагрузки без потери в скорости

Комментарий агентства

Кирилл Викторович Кириллов
Кирилл Викторович Кириллов

Мы давно работаем не только с российскими клиентами — и ZETA один из примеров того, как это выглядит на практике. Разные рынки, разная поведенческая модель, другие технические требования. Именно это делает такие проекты профессионально интересными. Казахстанский ecom растёт, и работать здесь с компанией такого масштаба — значит решать задачи, которые прокачивают экспертизу команды и добавляют баллы в нашу копилку профессионализма

https://zeta.kz/

Стек технологий

  • PHP PHP Язык программирования
  • Nuxt.js Nuxt.js Фреймворк/библиотека
  • Docker Docker Среда разработки
  • PhpStorm PhpStorm Среда разработки
  • Figma Figma Графический редактор

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

AIR Production с удовольствием обсудит вашу задачу

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