Демо-магазин — женская авангардная одежда
Живой сайт — dofamin-store-olympos.vercel.app ↗ДОФАМИН. Вырезки на белом и рисующиеся каракули
Магазин авангардной женской одежды: корсеты, боди, платья, низ и аксессуары. Тёплый белый фон, узкий жирный гротеск и mono-лейблы: hero с вырезкой модели и рваным краем бумаги, нумерованные секции, кампания с белыми каракулями, которые рисуются поверх фото, каталог с ценами в скобках и карточка с кнопкой-мазком кисти.
Задача
Небольшой бренд авангардной женской одежды хотел витрину с характером журнала, а не маркетплейса: вещи вырезаны на белом, крупная узкая типографика, дерзкие тексты и «живая» кампания. Референсом стал сайт украинского бренда Serotoninn. При этом магазин должен продавать: размеры с остатками, избранное, корзина и оформление заказа с доставкой по России.
Решение
Первый экран — белый лист с рваным краем бумаги: слева заголовок «Корсеты (Ведьма)», справа вырезка модели и mono-текст с красными выделениями, три слайда листаются стрелками и клавишами. Дальше нумерованные секции: «02. Новинки» лентой карточек, «03. Кампания» — полноэкранный кадр, поверх которого рисуются белые каракули: корона, крылья, рожки, губы, цветок и сердце появляются по очереди, плавают и стираются, реагируют на клик и курсор. «04. Категории» — карточки с вертикальными заголовками снизу вверх и счётчиками, «05. Пространство» — серый экран с вырезкой и красным граффити-спреем, «06. Хиты», «07. Фильм». Каталог с mono-скобками «[ Все товары ]», счётчиком «| 20 - товаров |», размером и сортировкой на чёрных рваных подложках, полной панелью фильтров и ценами вида «23 900,00_₽». Карточка: языковые mono-лейблы слева, вертикальный стек кадров фронт, профиль и спина, справа липкая колонка с ценой в скобках, размерами в скобках с зачёркнутыми недоступными, остатком, кнопкой-мазком кисти, которая после выбора размера превращается в «В корзину», избранным и аккордеонами. Счётчик корзины «Корзина.0 → .1» с прыжком. Оформление заказа с городами, плитками СДЭК, Яндекс и Ozon, картой пунктов выдачи и картой адреса, самовывозом из ателье.
Что внутри
- Рваный край бумаги и вырезки моделей на белом
- Каракули, которые рисуются поверх кампании и реагируют на курсор
- Нумерованные секции и вертикальные заголовки категорий
- Каталог с mono-скобками и рваными подложками фильтров
- Карточка с вертикальным стеком кадров и кнопкой-мазком кисти
- Избранное и счётчик корзины в формате «Корзина.1»
- Оформление: СДЭК, Яндекс, Ozon, карта пунктов выдачи и адреса
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.