Демо-магазин — стритвир
Живой сайт — smena-wear.vercel.app ↗СМЕНА. Широкий гротеск и переключатель «на модели»
Стритвир-бренд: худи, футболки, лонгсливы, низ, куртки и аксессуары. Белая витрина с широким жирным гротеском и mono-лейблами, переключатель вида карточек «на белом / на модели», секции категорий во всю ширину, каталог с табами и быстрым добавлением, карточка с таймлайном доставки и отзывами.
Задача
Молодой стритвир-бренд продавал через соцсети и хотел собственный магазин уровня зарубежных марок: белая витрина, крупные заголовки, вещи на белом фоне и на моделях, каталог с быстрым добавлением в корзину, карточка с отзывами и понятными сроками доставки. Референсом стал магазин Shihiko.
Решение
Тёмный лоадер с тремя полосками сменяется вспышкой и hero-слайдером кампании: три кадра, полоски-индикаторы с прогрессом, заголовок «СМЕНА_ОКОНЧЕНА» широким гротеском и белая кнопка с чёрной тенью-подложкой. Секция «Хиты (10)» с переключателем «Вид: на модели» — карточки показывают вырезку на белом или фото на модели с кроссфейдом, выбор запоминается. Секции категорий во всю ширину с огромными заголовками «Худи (01)» и счётчиком товаров собраны в липкий стек. Каталог: табы категорий с чёрной рамкой у активного, строка «20 // товаров», дропдауны размера, цены и сортировки, переключатель колонок, сетка с тонкими линиями и «+» в углу, который открывает выбор размера прямо в карточке. Карточка: серое поле фото со счётчиком «1 // 3», звёзды и отзывы, рассрочка на четыре платежа, квадраты размеров, количество, чёрная кнопка с подстрокой «в наличии», строка с баллами и бесплатной доставкой, таймлайн «заказ → отправлен → доставлен» с датами от сегодняшнего дня, аккордеоны и секция отзывов с гистограммой. Оформление заказа с плитками СДЭК, Яндекс и Ozon, картой пунктов выдачи и картой адреса.
Что внутри
- Лоадер и hero-слайдер кампании с прогресс-полосками
- Переключатель «вид: на модели» с кроссфейдом и памятью выбора
- Секции категорий во всю ширину в липком стеке
- Каталог с табами, дропдаунами и быстрым «+» с выбором размера
- Карточка с таймлайном доставки и отзывами
- Рассрочка на четыре платежа и таблица размеров
- Оформление: СДЭК, Яндекс, Ozon, карта пунктов выдачи и адреса
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.