Дверьничков: пересобрали витрину магазина дверей — главную, каталог и карточку
Как обновить интернет-магазин дверей, если каталог уже продаёт, а экран выглядит плотной витриной прошлых лет? Дверьничков продаёт входные и межкомнатные двери в Санкт-Петербурге. На этом этапе мы пересобрали внешний вид трёх экранов и внутреннюю сборку демо: главная, каталог входных дверей и карточка одной модели. Это тестовый сайт, не замена боевого магазина и не отчёт про трафик.
Ниже три пары «было / стало»: главная, каталог и карточка. Страницы целиком, без перехода на чужой сайт. Как заказывать такую работу без сюрприза в сроках — в статье про сайт под ключ. Как держать витрину текстом и фото — в наполнении сайта контентом.
Главная встречает выбором, а не полосой кнопок
Боевой магазин — плотный каталог на 1С-Битрикс. Две равные ветки, входные и межкомнатные, коралловый акцент, карточки с ценой и двумя действиями. На главной человек сразу видит обе ветки и счётчик моделей, но экран собран как набор плашек: акция, гарантия, фото монтажника, сетка дверей.
На тесте главная говорит одной фразой и двумя путями: выбрать дверь или записаться на замер. Категории остаются первыми, только воздух между ними больше, а фото двери стоит как предмет, не как нарезка в плитке.
Главная целиком, сентябрь 2026. Живой сайт потом изменится, этот снимок останется.
Каталог входных фильтруется на месте
На боевом каталог входных дверей длинный: фильтры, подборки, отзывы, плитка подкатегорий и сетка моделей на одной странице. Человек скроллит, чтобы дойти до двери.
На тесте листинг собран короче. Фильтры слева — бюджет, цвет, свойства — пересобирают сетку без перезагрузки страницы. Подкатегории на этом этапе ещё не стали отдельными данными шаблона: это ссылки внутри той же страницы, не готовые SEO-разделы.
Каталог входных дверей целиком, сентябрь 2026. Живой сайт потом изменится, этот снимок останется.
Карточка собрана из данных, не из ленты блоков
Боевая карточка «Броня М3 Люкс» держит на одном экране галерею, цену, характеристики, отзывы, сравнение «как продают обычные магазины» и акции. Рядом живут таймер, счётчик просмотров и остаток, который мы не стали переносить: на демо их нет.
На тесте та же модель собрана из файла данных и отдельных блоков: галерея, покупка, обещания сервиса, характеристики, акции, установка, отзывы, похожие двери. Корзина принимает модель, размер и сторону открывания и хранит выбор в браузере. Формы заказа, оплаты частями и отзыва на сервер не уходят — это демонстрация экрана.
Карточка входной двери целиком, сентябрь 2026. Живой сайт потом изменится, этот снимок останется.
Что уже работает внутри демо
- Фильтры каталога меняют сетку на странице, без новой загрузки.
- Карточка собирается из данных модели и отдельных компонентов, а не из одной ленты в админке.
- Корзина помнит выбор в браузере: модель, размер, сторону открывания.
- Заявки, оплата частями и отзыв пока не отправляются на сервер.
Частые вопросы
Это уже новый сайт магазина?
Нет. Главная, каталог входных и карточка стоят на тестовом сайте. Боевой магазин на этом этапе не заменяли.
Что видно в кадрах?
Три пары «было / стало»: главная, каталог входных дверей и карточка одной модели. Это снимки сентября 2026, не живые страницы.
Фильтры каталога обновляют страницу?
На тесте сетка пересобирается на месте, без перезагрузки. Отдельные SEO-подкатегории из этого ещё не сделаны.
Можно оформить заказ с тестовой карточки?
Нет. Формы заказа, оплаты частями и отзыва на сервер не отправляются. Корзина хранит выбор только в браузере.
Таймер и «сейчас смотрят» перенесли?
Нет. Таймер, динамические просмотры и неподтверждённый остаток со старой карточки в демо не входят.