Кейсы
Столешка — магазин столешниц на заказ
Интернет-магазин с каталогом декоров, конфигуратором столешниц и предварительным расчётом изделия.

2025 · Производство столешниц · Интернет-магазин
Для «Столешки» разработали интернет-магазин кухонных столешниц с подбором декора и расчётом изделия по индивидуальным параметрам. Покупатель выбирает материал, задаёт размеры и обработку, смотрит будущую столешницу в 3D и оставляет заявку на расчёт. Открыть сайт «Столешки».
Размер и цвет товара определяют выбор покупателя. Для столешницы к ним добавляются форма, обработка торцов и вырезы под технику. Эти параметры вынесены в карточку товара и конфигуратор.
Задача проекта
Столешницу выбирают под конкретную кухню. Одного декора недостаточно: нужно учесть длину и глубину, толщину, форму, обработку торцов и места под мойку или плиту. Эти решения связаны между собой и влияют на состав расчёта. Задача сайта — дать покупателю последовательно выбрать материал и описать нужное изделие до обращения к менеджеру.
Для этого предусмотрели несколько способов начать подбор. На главной можно выбрать основные параметры и увидеть ориентировочную стоимость. Каталог помогает сначала определиться с внешним видом. Карточка подходит для настройки прямоугольной столешницы, а полный конфигуратор — для работы с формой и отдельными элементами изделия.
Каталог декоров
В каталоге на первом плане — фактура материала. Декоры можно отбирать по оттенку, бренду, толщине и другим характеристикам. У каждого есть название и код: они позволяют различать похожие рисунки и точно обозначить выбранный материал при обсуждении заказа. Рядом показан ориентир по стоимости или сообщение о необходимости уточнить цену.
Фотографии фактур дополнены примерами в интерьере. Отдельный снимок помогает рассмотреть рисунок, а кухня с выбранной поверхностью — оценить сочетание с мебелью. Эти изображения отвечают на разные вопросы покупателя и дополняют технические характеристики в карточке.

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

Конфигуратор столешницы
В конфигураторе покупатель задаёт длину и глубину, выбирает обработку отдельных торцов и углов, добавляет вырезы под мойку и плиту. В меню предусмотрены шаблоны для Г-образной и П-образной столешниц, а также острова. Они дают отправную точку для описания формы.
Параметры расположены слева, чертёж или объёмная модель — в центре, состав расчёта и стоимость — справа. На одном экране видны настройки, изображение изделия и его расчёт. Покупатель может сопоставлять выбранные параметры с тем, что получилось на модели.
Плоский и 3D-просмотр решают разные задачи. На чертеже удобно ориентироваться в размерах и расположении элементов. Объёмный вид помогает оценить форму целиком и посмотреть выбранный декор на поверхности. Переключение между ними оставляет настройку изделия в одном интерфейсе.

Заявка после расчёта
После настройки кнопка «Получить расчёт» добавляет изделие в расчёт и открывает контактную форму. Покупатель указывает имя, телефон и при необходимости комментарий. К этому шагу он уже выбрал декор, размеры и обработку; форма завершает подготовку обращения.
Стоимость на сайте обозначена как предварительная. Геометрию и детали заказа нужно уточнить с менеджером. Такой порядок сохраняет возможность самостоятельного подбора и оставляет место для согласования изделия перед изготовлением.
Что получилось
Разработали интернет-магазин, в котором каталог декоров, карточка товара и конфигуратор составляют последовательный путь к расчёту столешницы. Покупатель может начать с внешнего вида, перейти к размерам, рассмотреть форму в 3D и подготовить обращение по выбранному изделию.
В состав проекта вошли визуальный каталог с фильтрами, настройка размеров и обработки, предварительный расчёт, редактор формы с чертежом и 3D-просмотром, а также форма заявки. Основная особенность решения — подробная работа с параметрами изделия на заказ прямо на сайте.