Мужской барбер-магазин, пересобранный для неё и для него
Barber & Co — минский магазин профессиональной косметики для волос, лица и тела. Мы пересобрали его на той же Tilda: две витрины, полноценное дерево каталога, 795 карточек товаров в едином шаблоне и корзина, которая подсказывает следующий товар.
- Клиент
- Barber & Co
- Локация
- Минск
- Отрасль
- Профессиональная косметика
- Год
- 2026
- Услуги
- Интернет-магазин, Ускорение, SEO
легче фото в каталоге: 26 МБ в оригиналах, 0,8 МБ на сайте
карточек товаров разложены по вкладкам одним импортом
групп фильтров в боковой панели: остались только настоящие
недели работы на действующем магазине, от каталога до корзины
Задача
Barber & Co начал продавать уход для женщин в магазине, созданном для барберов, а сайт по-прежнему говорил только с мужчинами. Каталог из 115 разделов лежал одним плоским списком, причём 104 из них были скрыты. В боковой панели было 22 группы фильтров, и 18 из них на деле были категориями. А сам каталог жил на девяти копиях страницы, и каждую правили вручную.
Наш подход
Мы сохранили Tilda, заказы и все ссылки на товары и пересобрали магазин вокруг них. Деление на «для неё» и «для него» стало двумя витринами, а тип товара — деревом каталога. Новые страницы запускались на временных адресах и подменяли старые, как только были готовы. Там, где возможности Tilda заканчиваются, мы написали свой код: допродажи в корзине, массовый импорт, оптимизацию изображений.
Пол покупателя — это витрина, а не фильтр. Тип товара — это каталог.
Что мы сделали
01
Две витрины
На главной теперь две двери: для неё и для него. Каждая ведёт в свою витрину со своими фото, категориями и подборками. За обеими стоит один каталог, поэтому остатки и цены никогда не расходятся.
- Две двери на главной: для неё и для него
- Один каталог за обеими витринами
- Мега-меню с новым разделом «Детям»
- Страница брендов с 50 плитками логотипов
02
Дерево каталога
Из 115 плоских разделов получилось дерево: волосы, лицо, тело, борода и бритьё. Каждый раздел получил плитку с фото, в 30 раз легче оригиналов. В боковой панели осталось пять настоящих фильтров, а объём и вес размечены у 639 товаров.
- 22 группы фильтров сокращены до 5
- 795 карточек товаров разбиты на вкладки
- 9 копий каталога объединены, старые ссылки сохранены
- Полноэкранное меню каталога на телефонах
03
Допродажи в корзине
В Tilda нет допродаж, и мы написали их сами. Корзина показывает, сколько осталось до бесплатной доставки, и ранжирует товары, которые закроют разницу: сначала того же бренда. Товар добавляется в один тап, и подборка тут же пересчитывается.
- Шкала прогресса до бесплатной доставки
- До 12 сопутствующих товаров, ранжированных под корзину
- 254 товара в скрытом пуле для допродаж
- Добавление в один тап с мгновенным пересчётом
Как это работает
- 1
Главная
Две двери делят покупателей: для неё и для него
- 2
Витрина
У каждой стороны свои категории и подборки
- 3
Дерево каталога
Волосы, лицо, тело, борода и бритьё
- 4
Фильтры
Бренд, объём упаковки, цена и наличие
- 5
Карточка товара
Описание, применение, характеристики и состав на вкладках
- 6
Корзина
Подборка сопутствующих товаров и шкала до бесплатной доставки
- 7
Оформление заказа
Курьер, DPD или почта, оплата онлайн или при получении
Продукт вживую
barberandco.by
Результаты
- 01Один магазин теперь продаёт и женщинам, и мужчинам — с общими остатками и единым прайсом
- 02Каждая корзина предлагает до 12 товаров, которые добирают сумму до бесплатной доставки
- 03Все старые адреса каталога перенаправляют на новые: при проверке после переноса — ни одной ошибки 404
- 04Все 885 фото товаров на телефонах загружаются в WebP: ни одного оригинала на четырёх проверенных ширинах экрана
Технологии
- Платформа
- Tilda · Tilda Store · Tilda CDN
- Свой код
- JavaScript · CSS · JSON-LD
- Данные каталога
- Tilda Store API · Node.js · импорт CSV
- Скорость и тестирование
- sharp · WebP · Lighthouse · Playwright
- Интеграции
- YClients · Google Tag Manager · GA4 · Яндекс Метрика
Следующий кейс · Под NDA
Из сырого видео — в опубликованные статьи
Обсудим
Есть проект? Разберём его за 30 минут.
Расскажите, что вы создаёте. Уже на первом созвоне вы получите прямой ответ о сроках, команде и подходе.