/
← Все проекты
SHEET 09FASHION E-COMMERCE2026

SALVAGE 66

Магазин апсайкл-одежды партиями по 30 штук: глитч-манифест, дропы вместо склада, гранж-лупа и AI-примерочная, которая снимает страх «не сядет».

SALVAGE 66

Локальный бренд одежды из Екатеринбурга: рваньё, бличинг, нашивки, перешив. Восемь коллекций, партии по 30 единиц, без реставока. Роль студии — концепция, арт-дирекшн, дизайн-система, UX/UI и прототип, включая AI-примерочную.

A — ФИЛЬМ ПО ЭКРАНАМ

Видео-прогулка по экранам: вход, главы-дисциплины, магазин и хранилище.

B — ВВОДНЫЕ
Клиент
Бутик апсайкл-одежды, Екатеринбург, 66 регион, est. 2019
Продукт
8 коллекций: мужская, женская, килты, деним, джинсовки, обувь, аксессуары, Salvage Yard
Производство
Малые партии по 30 единиц на модель, ручная доработка
Что было
Продажи из соцсетей в личные сообщения, каждая продажа — ручной диалог
Аудитория
Преимущественно мобильный трафик
Метрика успеха
Доля заказов без переписки, конверсия в корзину, средний чек
Ключевая проблема

Бренд конкурирует не ценой и не логистикой, а идентичностью: люди покупают не худи, а принадлежность. При этом шаблонный e-commerce — белый фон, сетка 4×3, «Добавить в корзину» — убивал ровно то, за что бренду платят. Товар физически невозможно домерить: каждая вещь существует в одном экземпляре размерного ряда, а возврат для партии в 30 штук — прямой убыток.

Цели
  1. 01Б1. Перенести продажу из директа на сайт — считаем долю заказов без переписки
  2. 02Б2. Снять страх «не сядет» до оплаты — конверсия карточка → корзина и процент возвратов
  3. 03Б3. Продавать идентичность, а не вещь — глубина сессии, возвраты пользователя, средний чек
  4. 04Дать бренду тон голоса, который сам фильтрует аудиторию
  5. 05Собрать архитектуру, которая переживает вымывание партии
C — ОГРАНИЧЕНИЯ

Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.

  • О1. Нет фотостудии и бюджета на съёмку каждой модели в пяти ракурсах — контент собран как консистентные генеративные сеты, дизайн обязан держать кадры разной плотности и кропа.
  • О2. Партия 30 штук: нельзя строить интерфейс вокруг бестселлеров, товар вымывается. Нужна архитектура вокруг дропов, а не вокруг склада.
  • О3. Нет колл-центра — консультация по размеру встраивается в интерфейс, а не в человека.
  • О4. Аудитория сидит в телефоне: «дикая» типографика и слои не имеют права разваливаться на 390 px.
  • О5. Один регион как точка правды — географию не прячем, делаем частью бренда.
D — КОНЦЕПЦИЯ

«Rot in style» — гнить стильно. Ничего чистого в оформлении: зерно, глитч, кривые рамки, кислотный тикер. И полная стерильность в механике: кнопки, фильтры, корзина и чекаут работают скучно и предсказуемо. Шум в декоре, тишина в интерфейсе — поэтому сайт можно назвать диким и при этом с него можно спокойно купить.

E — РЕШЕНИЯ И ОБОСНОВАНИЕ

Первый экран: манифест вместо оффера

3.1

Манифест раньше оффера

Задача
За полторы секунды объяснить, что это не масс-маркет, и отфильтровать аудиторию.
Ограничение
Партия 30 штук — весь трафик не нужен, нужны правильные двести человек.
Решение
Глитч-заголовок ROT IN STYLE, кислотный тикер, кадр в трукере и штамп «Yekaterinburg / est. 2019 / 66 region». Первый экран говорит, а не продаёт.
Эффект
Свой остаётся, случайный уходит — и это часть задачи. Работает на Б3 и на средний чек.

Тикер и глитч-герой: экономика бренда одной строкой

3.2

Тикеры как оправдание цены

Задача
Снять возражения «почему дорого», «почему быстро кончается», «почему нет реставока».
Ограничение
Нет длинных продающих текстов — человек не будет их читать.
Решение
«CUT IT YOURSELF», «SMALL RUNS ONLY», «WEAR IT OUT» — три строки, которые едут через весь экран и объясняют экономику бренда.
Эффект
Дефицит перестаёт быть недостатком и становится аргументом. Скидок в этой логике нет: дефицит и скидка обнуляют друг друга.

Магазин: шесть разделов, а не одна сетка

3.3

Шесть разделов вместо одной портянки

Задача
Дать быстрый путь до карточки на каталоге в сотню с лишним позиций.
Ограничение
Раздел живёт вечно, коллекция умирает — навигация не может опираться на дроп.
Решение
Первый уровень — по типу вещи: куртки, джинсы, килты, худи, обувь, аксессуары. Фильтры живут внутри раздела, а витрина эмоций вынесена в дропы.
Эффект
Плоская сетка давала бы паралич выбора там, где партия уходит за дни. Работает на Б1.

Карточка: 68vh, лупа и рельса коллекции

3.4

Карточка: галерея, лупа, рельса

Задача
Продать деталь — шов, потёртость, нашивку — и поднять средний чек.
Ограничение
Первая версия слайдера не влезала в экран: пользователь скроллил, чтобы сравнить ракурсы.
Решение
Галерея высотой 68vh со стрелками, клавиатурой и счётчиком кадров. Гранж-лупа с перекрестием прямо в карточке вместо лайтбокса. Внизу — горизонтальная рельса коллекции вместо «похожих товаров».
Эффект
Сравнение ракурсов вернулось в одно поле зрения, детализация не выбивает из карточки, а рельса продаёт сет, а не аналог. Работает на Б2 и на чек.

Коллекции: дроп как инфоповод

3.5

Дропы как повод вернуться

Задача
Дать причину возвращаться на сайт между покупками.
Ограничение
Ассортимент вымывается, «хиты» и «бестселлеры» невозможны.
Решение
Boys 001, Girls 002, Salvage Yard 003, Bootleg 005, Kilt 006, Hardware 007, Denim 008, Jacket 009. Коллекция — единица сторителлинга, раздел — единица покупки. Разведены специально.
Эффект
Дроп становится инфоповодом: поводом для рассылки, ощущением «успей» и причиной повторного визита.

Size Advisor и AI-примерочная в кабинете

3.6

Кабинет и AI-примерочная

Задача
Убить страх «а вдруг не сядет» до оплаты и снять вопрос о размере с переписки.
Ограничение
Колл-центра нет, а возврат при партии в 30 штук критичен.
Решение
Профиль тела — рост, вес, обхваты — даёт рекомендацию размера. Селфи и текстовое описание внешности дают AI-примерку в нескольких ракурсах. Рядом всегда честная оговорка: это визуализация посадки, а не метрология.
Эффект
Один механизм закрывает все три задачи: размер убирает вопрос из переписки, примерка убирает страх до оплаты, сохранённый профиль даёт причину зарегистрироваться и вернуться.

Адаптив: тот же шум на 390 px

3.7

Тот же шум на 390 px

Задача
Не потерять громкость бренда на телефоне, где сидит основная аудитория.
Ограничение
Слои, глитч и крупная типографика легко разваливаются на узком экране.
Решение
Та же типографика и тот же тон, пересобранная сетка: тикер, манифест, карточка с галереей и кабинет переработаны под одну колонку без упрощения языка.
Эффект
Мобильная версия не выглядит урезанной десктопной — это тот же бренд, просто уже.
F — ЧТО МЫ СОЗНАТЕЛЬНО НЕ ДЕЛАЛИ
  • ×Не смягчили тон: агрессивность отпугивает часть аудитории — это входит в задачу, мы проверяем конверсию, а не охват.
  • ×Не пустили глитч в функциональные слои: цена, размер, состав и кнопки набраны моноширинным с высоким контрастом и без эффектов.
  • ×Не добавили скидки и баннеры: они противоречат логике «30 штук и всё».
  • ×Не стали строить витрину вокруг хитов и бестселлеров — товара под них физически нет.
  • ×Не спрятали географию и производственные ограничения — они работают как часть оффера.
G — ДИЗАЙН-СИСТЕМА

#111111

Промышленный чёрный

#d0f024

Кислотный лайм

#ff2e88

Розовый глитч

#ece7dd

Костяной белый

Дисплей
Гротеск с глитч-обработкой
Заголовки
Плотный конденс-санс
Функционал
Моноширинный, без эффектов
Текст
Mono / grotesque
H — ЭКРАНЫ
Главная: глитч-герой и кислотный тикер
Магазин: шесть разделов
Карточка товара: все ракурсы без скролла
Коллекции: Boys 001 — Jacket 009
Лукбук: тон бренда без товарной логики
Кабинет: размер и AI-примерка
Мобильные раскладки
I — РЕЗУЛЬТАТ
  • Продажа снята с переписки: путь от манифеста до чекаута проходится самостоятельно
  • Страх посадки закрыт внутри интерфейса — лупа, галерея, размер и примерка
  • Дропы дают повод вернуться, а сохранённый профиль тела — причину зарегистрироваться
  • Рельса коллекции продаёт сет вместо одной вещи
  • Бренд получил визуальный язык, который переносится в соцсети и на бирки

Проект живёт в сети — можно посмотреть вживую

Смотреть сайт ↗
Следующий проектGOUACHE