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; за нинішню версію сайту відповідаємо лише в тій частині, яку видно вище.
