3

WebTech

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

Проекты, коммерческие предложения, документы и отчёты — в одном месте.

Войти Зарегистрироваться Забыли пароль?
Интернет-магазин Двери и мебель 2024

«Двери Здесь» — сайт сети магазинов дверей

Сайт сети из 50+ салонов: каталог с наличием по каждой точке, выбор ближайшего магазина, самовывоз и запись на замер.

Laravel Livewire Tailwind CSS MySQL Redis 1С
DV
Клиент
«Двери Здесь»
Срок
6 месяцев
Команда
7 специалистов
Стек
Laravel · Livewire · 1С
50+
магазинов на сайте
+58%
рост онлайн-заказов
8 000+
SKU в каталоге
1С
наличие по точкам

Скриншоты проекта

webtechretail.com
Главная: выбор города и вход в каталог
Главная: выбор города и вход в каталог
webtechretail.com
Каталог: наличие и цена в выбранном салоне
Каталог: наличие и цена в выбранном салоне
webtechretail.com
Страница магазина: адрес, график, ассортимент
Страница магазина: адрес, график, ассортимент
webtechretail.com
Запись на замер со слотами конкретной точки
Запись на замер со слотами конкретной точки
Мобильный сценарий: выбор салона и самовывоз
Мобильный сценарий: выбор салона и самовывоз

Как покупатель находит нужный салон

Главная сложность — связать абстрактный каталог с 50+ точками: у каждой свой склад, свой график замеров и свой набор услуг. Все данные привязали к единому идентификатору магазина.

  1. 01

    Определение города

    Сайт определяет город по IP и геолокации и предлагает подтвердить выбор. Решение сохраняется, чтобы каталог сразу показывал нужные цены и остатки.

  2. 02

    Наличие в точке

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

  3. 03

    Резерв и самовывоз

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

  4. 04

    Передача в магазин

    Заказ и заявка на замер попадают в карточку точки: директор видит их в рабочем интерфейсе и распределяет между замерщиками и монтажниками.

О проекте

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

Задача

Сеть из 50+ салонов продавала двери офлайн: с замером, доставкой и монтажом. Сайта, который связывал бы покупателя с конкретным магазином, не было — и весь поток заявок держался на колл-центре.

У сети не было единого сайта

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

Наличие товара не было видно

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

Запись на замер уходила не в тот магазин

Заявки с форм попадали в общий колл-центр и распределялись вручную. Часть замеров уезжала в соседний город, и точка теряла продажу, за которую уже заплатила рекламой.

Мобильный сценарий не работал

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

Решение

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

Каталог с наличием по магазинам

Единая номенклатура и цена на всю сеть, а остаток считается отдельно по каждому салону.

  • Единая номенклатура и цены сети
  • Остатки по 50+ магазинам
  • Фильтры по типу, покрытию и размеру
  • Мобильный каталог и быстрый поиск

Выбор города и ближайшего салона

Город определяется автоматически, покупатель может его сменить — от этого зависят наличие, сроки и точка обслуживания.

  • Определение города по геолокации
  • Ближайший салон на карте
  • Наличие товара именно в точке
  • Сохранение выбранного города

Онлайн-заказ с самовывозом

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

  • Резерв товара в магазине
  • Статусы от резерва до выдачи
  • Оплата онлайн и при получении
  • Уведомления продавцу и покупателю

Запись на замер

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

  • Свободные слоты по магазину
  • Передача заявки в учётную систему
  • Напоминание о визите замерщика
  • Перенос и отмена записи

Страницы магазинов и SEO-каркас

Каждая точка получила страницу с адресом, графиком и контактами, а сеть — посадочные под города и типы дверей.

  • Адрес, режим работы и контакты
  • Посадочные под город и тип дверей
  • ЧПУ, микроразметка и карта сайта
  • Фото салона, ассортимент и отзывы

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

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

  • Обмен номенклатурой и ценами
  • Остатки складов и магазинов
  • Выгрузка заказов и резервов
  • Журнал обмена и обработка ошибок

Результаты

Показатели первых двух кварталов после запуска.

+58%
Рост онлайн-заказов
год к году по данным Метрики
+31%
Конверсия в заказ
доля оформленных корзин
62%
Доля самовывоза
от онлайн-заказов сети
×2,3
Записи на замер
против прежних заявок через колл-центр
1,2 с
LCP каталога
на мобильных, было 9 с
50+
Магазинов на сайте
со страницами, остатками и графиком

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

  1. 01 3 недели

    Аналитика сети

    Разобрали ассортимент, логику складов и сценарии покупателя в 12 городах присутствия.

  2. 02 4 недели

    Прототип и дизайн

    Спроектировали путь «город → салон → заказ» и собрали дизайн-систему каталога.

  3. 03 10 недель

    Разработка каталога и заказов

    Каталог с остатками, выбор салона, корзина, самовывоз, запись на замер, страницы магазинов.

  4. 04 5 недель

    1С, SEO и производительность

    Настроили обмен с учётной системой, посадочные под города, ускорили каталог на мобильных.

  5. 05 далее

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

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

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

Backend

Laravel
каталог, заказы, резервы
MySQL
данные товаров и магазинов
Redis
кэш остатков и очереди обмена

Frontend

Livewire
выбор города, корзина, запись на замер
Tailwind CSS
адаптивная вёрстка сети
Alpine.js
фильтры каталога и карта салонов

Интеграции

1С
номенклатура, цены, остатки, заказы
Яндекс.Карты
салоны и схема проезда
Эквайринг
онлайн-оплата заказов

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

1,2 с
LCP каталога
93+
PageSpeed на мобильных
8 000+
SKU в каталоге
99,9%
Uptime за год

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

  • Исходный код сайта и админ-панели сети
  • Регламент обмена с 1С и инструкция для продавцов точек
  • Шаблоны страниц магазинов и городских посадочных
  • Дизайн-система каталога и карточки товара в Figma
  • Документация по развёртыванию и резервному копированию
Заказчик подтверждает: заявки на замер перестали теряться между городами — каждая приходит в тот магазин, который выбрал покупатель, вместе с составом комплекта и ценой.
Требует подтверждения — вставьте реальный отзыв клиента «Двери Здесь»

Нужен похожий проект?

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