Carveli: мебельная фабрика, сеть шоурумов в Одессе, Киеве и Львове и интернет-магазин, который должен был продавать всё это одним каталогом. Снаружи это аккуратная витрина дизайнерской мебели. Внутри это товарная модель фабрики, где один диван существует в нескольких тканях, а у кровати своя таблица размеров и свой срок отправки.
Как и в большинстве наших проектов, визуальная часть была далеко не самым серьёзным вызовом. Сложность пряталась глубже: в учётной системе, модели производства, составных характеристиках товара, интеграциях сервисов и административных приложениях для разных ролей и партнёров компании. Ниже рассказываем только о том, что видно публично, по скриншотам магазина, сделанным в ноябре 2022 года.
Задача
Фабрике с розницей нужен магазин, который не врёт покупателю. Если модель EMMA шьётся в нескольких тканях, покупатель должен видеть все варианты и цену каждого, а не одну «типовую» карточку. Если товар уходит со склада за три дня, а кровать уходит до двух недель, это должно быть написано прямо на карточке. И всё это на украинском, с распродажами, избранным, корзиной и адресами живых шоурумов, куда можно прийти и посидеть на диване до покупки.
Что внутри
Каталог из составных товаров. Название в карточке собирается из модели, типа изделия и ткани: «EMMA, диван 3-местный раскладной, Woodrose». Под карточкой точки-образцы цвета, по которым видно, что у модели есть сёстры в других обивках. Это и есть те самые составные характеристики: товар как комбинация модели, конструкции и материала, а не плоская строка в прайсе.
Фильтры по смыслу, а не по полям базы. В категории столиков покупатель отбирает товары по типу, цвету, сроку отправки, стилю и материалу столешницы, остальное спрятано под «Больше фильтров». Между товарными карточками встречаются интерьерные фото, чтобы сетка не превращалась в склад на белом фоне.
Верхнее меню повторяет логику фабрики: Sale, диваны, стулья, столы, хранение, кровати, кресла, аксессуары. Внутри крупных разделов есть визуальные подкатегории, как в аксессуарах.
Карточка товара. Хлебные крошки, бейдж распродажи, цена со старой зачёркнутой, переключатель исполнения (на примере стола Bistro золотое и хромированное), атрибуты товара, срок отправки и кнопка покупки. Доставка, оплата, гарантия и характеристики свёрнуты в аккордеоны, чтобы не спорить с фотографией.
Для крупной мебели карточка превращается в паспорт изделия: чертёж с габаритами, высота, ширина, глубина и вес, материал ножек, обивки и наполнителя, нужна ли сборка, состав ткани и правила ухода. Это ровно те вопросы, которые иначе задают менеджеру по телефону.
Покупка. Корзина считает итог без доставки и принимает скидку или подарочный сертификат. Личный кабинет открывается через Facebook, Google или обычную почту. В подвале каждой страницы адреса шоурумов с графиком, а отдельная страница показывает сами залы.
Технологии
Публично видны: многоязычные адреса вида /ua/uk/p/…, вход через OAuth Facebook и Google, фасетные фильтры с сортировкой, избранное, корзина со скидками и сертификатами. Исходного кода этого магазина в нашем открытом репозитории нет, поэтому перечислять фреймворки по памяти не будем.
Чем полезно
Покупатель видит ту же товарную логику, что и фабрика: модель, исполнение, ткань, размеры, срок. Менеджеры получают меньше уточняющих звонков, а шоурумы и сайт продают из одного каталога. Для нас это пример того, как производственная модель доезжает до витрины, не потеряв по дороге ни одной характеристики.
Где посмотреть
Адрес carveli.com сейчас переадресует на maraline.ua by CARVELI, где живёт магазин бренда. Скриншоты в статье сделаны в 2022 году на carveli.com; за нынешнюю версию сайта отвечаем только в той части, которую видно выше.
