Демо-магазин — мерч киностудии
Живой сайт — kadr-store.vercel.app ↗КАДР. Красный дуотон и заголовки во всю ширину
Магазин мерча документальной киностудии: худи, футболки, постеры, зины и плёнка. Первый экран — кадр в красном дуотоне и двухстрочный заголовок капсом, растянутый по ширине; ниже — серифные «Кадр / Правда» с красной диагональю, две фильм-панели и коллекции на кремовом.
Задача
Документальная студия захотела продавать мерч и печать прямо с сайта, не теряя характер бренда: агрессивный красный, кинематографичные кадры, крупная типографика. Референсом стал сайт американской студии Voyeur Vérité. Нужны были две коллекции — одежда и печать, витрина с фильтрами, карточка с размерами и оформление заказа с доставкой по всей России.
Решение
Главную собрали как афишу: полноэкранный кадр в красном дуотоне с заголовком «Искусство наблюдать», буквы которого растянуты по ширине экрана и выезжают снизу. Дальше кремовая секция «Кадр / Правда» с описаниями капсом и красной диагональю, две панели фильмов с серифными заголовками врастяжку и кнопками-пилюлями, затем «Коллекция 001» и «Коллекция 002» — сетки товаров с красными ценами и сменой кадра при наведении. Каталог на кремовом с чипсами разделов и коллекций, панель фильтров по цене, размеру и скидкам. Карточка: миниатюры, крупное фото, серифное название, размеры-пилюли, красная кнопка «В корзину», рассрочка на четыре платежа. Корзина и оформление в той же системе: контакты, город, плитки служб доставки СДЭК, Яндекс и Ozon для курьера и пунктов выдачи, карта пунктов с выбором на карте, карта адреса для курьера, самовывоз из студии, сводка и согласие на обработку данных.
Что внутри
- Красный дуотон кадров через CSS без обработки фото
- Заголовок капсом, растянутый по ширине, с появлением букв снизу
- Серифные «Кадр / Правда» с красной диагональю
- Две фильм-панели с заголовками врастяжку и кнопками-пилюлями
- Каталог с чипсами коллекций и фильтр-панелью
- Карточка с рассрочкой, размерами и сменой кадра
- Оформление: СДЭК, Яндекс, Ozon, карта пунктов выдачи и карта адреса
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.