Демо-витрина — кожаные сумки
LINEA. Ремесленная мастерская онлайн
Кожаные сумки ручной работы: тёплый минимализм, sticky-галерея в карточке и стилизованная карта розничных точек с интерактивными пинами.
Задача
Ремесленный бренд продаёт историю: седельный шов, патина, «кожа, которая стареет красиво». Референс-кейс требовал двух фирменных механик — синхронного скролла фото с описанием в карточке и карты розничных точек.
Решение
Собрали тёплый минимализм на фирстиле: светлый фон, кофейный акцент, заголовки Montserrat Alternates. В карточке товара галерея закреплена sticky слева, пока справа скроллится описание с аккордеоном «Описание / Кожа и уход / Доставка». Карту магазинов нарисовали стилизованной CSS-схемой: тёмное полотно с сеткой улиц и четырьмя интерактивными пинами, синхронизированными с карточками адресов в обе стороны. Блок «Мастерская» с фото раскроя кожи и цифрами добавляет ремесленную глубину.
Что внутри
- Sticky-галерея в карточке при скролле описания
- Аккордеон «Описание / Кожа и уход / Доставка»
- CSS-карта магазинов с 4 интерактивными пинами
- Синхронизация пинов с карточками адресов в обе стороны
- Блок «Мастерская» с оффсет-композицией фото
- Каталог с фильтрами со счётчиками и сортировками
- Checkout в 3 шага с пересчётом доставки
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.