Задача: показать дизайнерский стол, которого ещё не существует
AROOMA — собственное производство столов и стульев в Сургуте. Здесь сами гнут и красят металл, отбирают керамику по слэбам и вручную шлифуют дерево. Каждый стол делается под заказ: клиент выбирает форму, столешницу, опору, её цвет и размер.
В этом и сложность. Стол, который хочет клиент, ещё не сделан, и сфотографировать его нельзя. Комбинаций десятки, и раньше менеджер собирал их в переписке: присылал фото образцов керамики, описывал опору словами и считал цену вручную. Нужен был сайт, на котором человек соберёт свой стол сам и сразу увидит результат.
Что нужно было решить
- Сделать конфигуратор, в котором столешница и опора меняются отдельно друг от друга
- Показывать готовый стол на картинке сразу после каждого выбора, без перезагрузки
- Считать ориентировочную цену по выбранному размеру и принимать заявку с конфигурацией
- Передать премиальность производства: дорогие материалы, интерьеры, шоурум
- Рассказать о материалах — керамике, металле и тканях — так, чтобы их хотелось потрогать
- Дать команде админку, где новые столешницы, опоры и цвета добавляются без программиста
Как мы работали
- 1
Разобрали, из чего состоит стол
Форма столешницы, керамика, форма опоры, цвет опоры и габариты. Поняли, какие сочетания возможны, а какие нет.
- 2
Придумали механику конфигуратора
Стол собирается из двух независимых изображений — столешницы и опоры. Так любая комбинация выглядит как настоящая фотография.
- 3
Сделали дизайн
Много воздуха, крупные фото, спокойная типографика и медный акцент. Сайт выглядит так же дорого, как сама мебель.
- 4
Разработали сайт и админку на чистом коде
Конфигуратор работает мгновенно, а все его опции — формы, керамика, опоры и цвета — ведутся в админке.
- 5
Наполнили и запустили
Модели столов, материалы, интерьеры, шоурум и страницы с условиями доставки, гарантии и ухода.
Главная, которая продаёт атмосферу
Первый экран — видео: дизайнерский стол с керамической столешницей и мягкие стулья в интерьере. Сразу понятно, что это не мебельный магазин, а производство авторской мебели.
Ниже — каталог столов. У каждой модели своя форма опоры: ATLAS с массивными изогнутыми опорами, PARADISE с керамической накладкой, SAMURAI, INFINITY и ROUND. Клик по карточке открывает конфигуратор этой модели.
Конфигуратор: столешница отдельно, опора отдельно
Это сердце сайта. Слева — стол, справа — параметры. Клиент выбирает форму столешницы, потом керамику, потом форму опоры и её цвет. Каждый выбор сразу меняет картинку: столешница и опора — это отдельные слои, поэтому можно поставить зелёный мрамор на синюю опору или белую керамику на бордовую, и всё это будет выглядеть как настоящий стол.
Внизу — габариты с ценой для каждого размера и ориентировочная стоимость выбранного стола. Кнопка «Отправить заявку» отправляет менеджеру не просто телефон, а готовую конфигурацию: артикул, форму, керамику, опору, цвет и размер.
У каждой формы стола свой набор столешниц. Выбрал прямоугольную форму — увидел одну керамику, скруглённую — другую. Клиент физически не может собрать стол, который нельзя изготовить.
Премиальная подача без перегруза
Блок «Искусство AROOMA» рассказывает о производстве и показывает столы в живых интерьерах. Отдельные страницы — шоурум, материалы, контакты. А под каждой моделью — понятные условия: доставка и оплата, гарантия и уход за столом.
Материалы — важная часть продажи дизайнерской мебели. На главной — три направления: больше 30 видов керамики, металл в любом оттенке и больше 200 оттенков ткани для стульев. На странице «Материалы» каждую керамику можно рассмотреть с названием и форматом слэба, а ниже посмотреть, как она выглядит в интерьере.
Удобно и с телефона
Конфигуратор на телефоне работает так же, как на компьютере: стол сверху, варианты под ним, выбор — одним касанием. Видео на главной, каталог керамики и заявка тоже адаптированы под маленький экран.
Админка, в которой конфигуратор настраивается без программиста
Все опции конфигуратора живут в одном разделе. Формы стола — со своими наборами столешниц: у каждой керамики есть картинка для карточки выбора и большое изображение для сборки стола. Добавить новую керамику — значит загрузить две картинки и написать название.
Так же устроены опоры: у каждой формы есть схематичная картинка для карточки и список цветов. У каждого цвета — образец и своё изображение опоры. Новый цвет появляется на сайте сразу после сохранения.
В карточке конкретного стола отмечается, какие формы и опоры ему доступны. Двумя ползунками настраивается масштаб опоры и то, насколько столешница на неё наслаивается, — чтобы каждая модель выглядела на картинке пропорционально. Здесь же теги «Под заказ» и «Изготовление за 7 дней», фото, описание и вывод в популярные на главной.
Кроме конфигуратора, в админке — столы и стулья, интерьеры, галереи «Искусство AROOMA» и шоурума, подборки материалов, заявки, шапка и подвал, тексты всех страниц и политика. Отдельно настраивается конфигуратор стульев.
Чистый код, быстрые картинки
Сайт написан без конструкторов. Изображения столешниц и опор сжаты и подгружаются мгновенно, поэтому переключение керамики не тормозит даже на телефоне. У каждой модели и страницы свои заголовки и описания для поиска.
Что получилось
После запуска
- Клиент сам собирает стол из пяти параметров и сразу видит результат
- Столешница и опора меняются независимо — любая комбинация выглядит как фото
- Заявка приходит с готовой конфигурацией и ориентировочной ценой
- Сайт передаёт премиальность: видео, интерьеры, материалы и шоурум
- Новые керамика, опоры и цвета добавляются в админке без программиста
«Дизайнерскую мебель трудно продавать по фото, потому что каждый стол уникален. Мы сделали так, чтобы клиент увидел свой стол до того, как его начнут делать: выбрал керамику, поменял цвет опоры — и уже понимает, как это будет выглядеть у него дома. Менеджеру остаётся уточнить детали, а не объяснять на пальцах.»
Кому подойдёт такой сайт
- Мебельным производствам и мастерским, которые делают под заказ
- Брендам с конструктором товара: мебель, двери, кухни, светильники
- Тем, кто продаёт премиальный продукт и хочет показать материалы
- Производствам, где цена зависит от размера и комплектации
- Тем, кто устал собирать варианты для клиента вручную в мессенджерах
Сделаем сайт, на котором клиент сам соберёт свой товар из вариантов и увидит результат, а вы получите заявку с готовой конфигурацией. Покажем, как это будет работать у вас.
