Интернет-магазин напольных покрытий "Полметра"

Как выглядит магазин

Каталог, калькулятор и 3D-визуализация — ключевые экраны проекта.

polmetra.ru/catalog

Главная: быстрый вход в подбор по типу покрытия и помещению

polmetra.ru/catalog

Каталог: фасетные фильтры по 20+ характеристикам с живым пересчётом

polmetra.ru/catalog

Калькулятор: площадь, схема укладки, запас и подбор упаковок

polmetra.ru/catalog

3D-визуализация: смена покрытия и освещения прямо в браузере

polmetra.ru/catalog

Карточка товара: наличие по 12 магазинам, резерв и самовывоз

Мобильный сценарий: конфигуратор и расчёт на телефоне

Как работает расчёт покрытия

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

01
Габариты помещения

Покупатель вводит длину и ширину комнаты или загружает план — система считает площадь и периметр.
02
Схема укладки

Прямая, диагональная или «ёлочка»: от схемы зависит процент запаса на подрезку.
03
Параметры артикула

Из карточки товара подтягиваются размер доски, количество в упаковке и площадь покрытия упаковки.
04
Итог и резерв

Покупатель видит точное число упаковок, остаток на подрезку и кнопку «добавить в корзину» с резервом в магазине.

Задача

У «Полметра» был каталог на готовом движке, но купить покрытие онлайн было практически невозможно: покупатель не понимал, сколько упаковок ему нужно, и не мог представить материал в интерьере.

Покупатель не мог посчитать объём

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

Покрытие невозможно было «примерить»

Фотография рулона не передаёт цвет и фактуру. Из-за этого росли возвраты и отказы на этапе выбора.

Каталог плохо фильтровался

У товаров десятки характеристик: класс износостойкости, толщина, фаска, тип замка, влагостойкость, основа. Плоский фильтр не позволял дойти до нужной позиции.

Остатки расходились с реальностью

Товар хранился в 12 магазинах, данные жили в 1С. Сайт показывал «уточняйте наличие», и заказы оформлялись вручную по телефону.

Решение

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

Калькулятор покрытия

Считает количество упаковок по площади, схеме укладки и запасу на подрезку, учитывая фасовку конкретного артикула.

Ввод размеров комнаты или загрузка плана помещения
Выбор схемы укладки: прямой, диагональный, ёлочка
Запас на подрезку и подгонку рисунка
Подбор целых упаковок вместо «квадратных метров»

3D-визуализация в интерьере

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

Библиотека сцен: гостиная, спальня, кухня, офис
Реалистичные текстуры и масштаб рисунка
Смена освещения и ракурса
Ссылка на конфигурацию для отправки в мессенджер

Фасетная фильтрация по 20+ параметрам

Поиск по характеристикам с живым пересчётом количества товаров и подсказкой совместимых значений.

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

Остатки и цены из 1С

Обмен с 1С по расписанию: номенклатура, цены, остатки по 12 магазинам, резервы и документы.

Актуальное наличие по каждому магазину
Резерв товара под заказ
Самовывоз из ближайшей точки
Выгрузка заказов и счетов обратно в 1С

Оформление заказа и оплата

Корзина, доставка с расчётом по габаритам и весу, онлайн-оплата и рассрочка.

Расчёт доставки с учётом веса и объёма рулона
Оплата картой и рассрочка
Чеки по 54-ФЗ
Уведомления о статусе заказа

Личный кабинет и повторные продажи

История заказов, сохранённые расчёты и напоминание о том, сколько покрытия осталось «в запасе».

Сохранённые расчёты и 3D-конфигурации
История заказов и документы
Повторный заказ в один клик
Программа лояльности для дизайнеров

Результаты

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

+27%: Конверсия в заказ; доля визитов, завершившихся оформлением
−38%: Время подбора; от входа в каталог до добавления в корзину
×2,1: Доля онлайн-заказов; против оформления по телефону
−31%: Возвраты; за счёт 3D-примера до покупки
0,9 с: LCP на каталоге; при 4 000+ SKU и фасетных фильтрах
99,9%: Доступность; мониторинг и сопровождение после релиза

Как шла работа

01 4 недели

Аналитика и прототип

Разобрали сценарии подбора, посчитали экономику заказа и спроектировали путь покупателя от фильтра до расчёта.
02 5 недель

Дизайн и 3D-прототип

Собрали дизайн-систему каталога и проверили прототип 3D-визуализации на реальных текстурах.
03 9 недель

Разработка магазина

Каталог, фильтры, калькулятор, корзина, оплата, личный кабинет и админ-панель.
04 4 недели

3D-модуль и интеграция с 1С

Настроили обмен номенклатурой, ценами и остатками по 12 магазинам, подключили сцены и текстуры.
05 далее

Запуск и развитие

Перенесли каталог, обучили менеджеров, настроили аналитику и сопровождаем проект.

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

Backend

Laravel: каталог, заказы, расчёты, интеграция с 1С
MySQL: хранение каталога и заказов
Redis: кэш каталога, очереди обмена с 1С

Frontend

Vue.js: каталог, калькулятор, корзина
Three.js: 3D-визуализация покрытия в интерьере
Tailwind CSS: адаптивная вёрстка и дизайн-система

Интеграции

1С: номенклатура, цены, остатки 12 магазинов, документы
Эквайринг и рассрочка: онлайн-оплата заказов
54-ФЗ / ОФД: фискализация чеков

Технические показатели

0,9 с: LCP каталога
95+: PageSpeed
4 000+: SKU в каталоге
99,9%: Uptime за год

Что передали клиенту

Исходный код магазина и админ-панели
Регламент обмена с 1С и инструкция для менеджеров
Библиотека 3D-сцен и текстур покрытий
Дизайн-система каталога в Figma
Настроенная аналитика воронки подбора
Документация по развёртыванию и резервному копированию

Заказчик подтверждает: покупатели перестали звонить с вопросом «сколько упаковок брать». Расчёт и 3D-пример забрали основную часть нагрузки с менеджеров.

Требует подтверждения — вставьте реальный отзыв клиента «Полметра»