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

Локальный бренд одежды из Екатеринбурга: рваньё, бличинг, нашивки, перешив. Восемь коллекций, партии по 30 единиц, без реставока. Роль студии — концепция, арт-дирекшн, дизайн-система, UX/UI и прототип, включая AI-примерочную.
Видео-прогулка по экранам: вход, главы-дисциплины, магазин и хранилище.
- Клиент
- Бутик апсайкл-одежды, Екатеринбург, 66 регион, est. 2019
- Продукт
- 8 коллекций: мужская, женская, килты, деним, джинсовки, обувь, аксессуары, Salvage Yard
- Производство
- Малые партии по 30 единиц на модель, ручная доработка
- Что было
- Продажи из соцсетей в личные сообщения, каждая продажа — ручной диалог
- Аудитория
- Преимущественно мобильный трафик
- Метрика успеха
- Доля заказов без переписки, конверсия в корзину, средний чек
Бренд конкурирует не ценой и не логистикой, а идентичностью: люди покупают не худи, а принадлежность. При этом шаблонный e-commerce — белый фон, сетка 4×3, «Добавить в корзину» — убивал ровно то, за что бренду платят. Товар физически невозможно домерить: каждая вещь существует в одном экземпляре размерного ряда, а возврат для партии в 30 штук — прямой убыток.
Цели- 01Б1. Перенести продажу из директа на сайт — считаем долю заказов без переписки
- 02Б2. Снять страх «не сядет» до оплаты — конверсия карточка → корзина и процент возвратов
- 03Б3. Продавать идентичность, а не вещь — глубина сессии, возвраты пользователя, средний чек
- 04Дать бренду тон голоса, который сам фильтрует аудиторию
- 05Собрать архитектуру, которая переживает вымывание партии
Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.
- О1. Нет фотостудии и бюджета на съёмку каждой модели в пяти ракурсах — контент собран как консистентные генеративные сеты, дизайн обязан держать кадры разной плотности и кропа.
- О2. Партия 30 штук: нельзя строить интерфейс вокруг бестселлеров, товар вымывается. Нужна архитектура вокруг дропов, а не вокруг склада.
- О3. Нет колл-центра — консультация по размеру встраивается в интерфейс, а не в человека.
- О4. Аудитория сидит в телефоне: «дикая» типографика и слои не имеют права разваливаться на 390 px.
- О5. Один регион как точка правды — географию не прячем, делаем частью бренда.
«Rot in style» — гнить стильно. Ничего чистого в оформлении: зерно, глитч, кривые рамки, кислотный тикер. И полная стерильность в механике: кнопки, фильтры, корзина и чекаут работают скучно и предсказуемо. Шум в декоре, тишина в интерфейсе — поэтому сайт можно назвать диким и при этом с него можно спокойно купить.
Первый экран: манифест вместо оффера
Манифест раньше оффера
- Задача
- За полторы секунды объяснить, что это не масс-маркет, и отфильтровать аудиторию.
- Ограничение
- Партия 30 штук — весь трафик не нужен, нужны правильные двести человек.
- Решение
- Глитч-заголовок ROT IN STYLE, кислотный тикер, кадр в трукере и штамп «Yekaterinburg / est. 2019 / 66 region». Первый экран говорит, а не продаёт.
- Эффект
- Свой остаётся, случайный уходит — и это часть задачи. Работает на Б3 и на средний чек.
Тикер и глитч-герой: экономика бренда одной строкой
Тикеры как оправдание цены
- Задача
- Снять возражения «почему дорого», «почему быстро кончается», «почему нет реставока».
- Ограничение
- Нет длинных продающих текстов — человек не будет их читать.
- Решение
- «CUT IT YOURSELF», «SMALL RUNS ONLY», «WEAR IT OUT» — три строки, которые едут через весь экран и объясняют экономику бренда.
- Эффект
- Дефицит перестаёт быть недостатком и становится аргументом. Скидок в этой логике нет: дефицит и скидка обнуляют друг друга.
Магазин: шесть разделов, а не одна сетка
Шесть разделов вместо одной портянки
- Задача
- Дать быстрый путь до карточки на каталоге в сотню с лишним позиций.
- Ограничение
- Раздел живёт вечно, коллекция умирает — навигация не может опираться на дроп.
- Решение
- Первый уровень — по типу вещи: куртки, джинсы, килты, худи, обувь, аксессуары. Фильтры живут внутри раздела, а витрина эмоций вынесена в дропы.
- Эффект
- Плоская сетка давала бы паралич выбора там, где партия уходит за дни. Работает на Б1.
Карточка: 68vh, лупа и рельса коллекции
Карточка: галерея, лупа, рельса
- Задача
- Продать деталь — шов, потёртость, нашивку — и поднять средний чек.
- Ограничение
- Первая версия слайдера не влезала в экран: пользователь скроллил, чтобы сравнить ракурсы.
- Решение
- Галерея высотой 68vh со стрелками, клавиатурой и счётчиком кадров. Гранж-лупа с перекрестием прямо в карточке вместо лайтбокса. Внизу — горизонтальная рельса коллекции вместо «похожих товаров».
- Эффект
- Сравнение ракурсов вернулось в одно поле зрения, детализация не выбивает из карточки, а рельса продаёт сет, а не аналог. Работает на Б2 и на чек.
Коллекции: дроп как инфоповод
Дропы как повод вернуться
- Задача
- Дать причину возвращаться на сайт между покупками.
- Ограничение
- Ассортимент вымывается, «хиты» и «бестселлеры» невозможны.
- Решение
- Boys 001, Girls 002, Salvage Yard 003, Bootleg 005, Kilt 006, Hardware 007, Denim 008, Jacket 009. Коллекция — единица сторителлинга, раздел — единица покупки. Разведены специально.
- Эффект
- Дроп становится инфоповодом: поводом для рассылки, ощущением «успей» и причиной повторного визита.
Size Advisor и AI-примерочная в кабинете
Кабинет и AI-примерочная
- Задача
- Убить страх «а вдруг не сядет» до оплаты и снять вопрос о размере с переписки.
- Ограничение
- Колл-центра нет, а возврат при партии в 30 штук критичен.
- Решение
- Профиль тела — рост, вес, обхваты — даёт рекомендацию размера. Селфи и текстовое описание внешности дают AI-примерку в нескольких ракурсах. Рядом всегда честная оговорка: это визуализация посадки, а не метрология.
- Эффект
- Один механизм закрывает все три задачи: размер убирает вопрос из переписки, примерка убирает страх до оплаты, сохранённый профиль даёт причину зарегистрироваться и вернуться.
Адаптив: тот же шум на 390 px
Тот же шум на 390 px
- Задача
- Не потерять громкость бренда на телефоне, где сидит основная аудитория.
- Ограничение
- Слои, глитч и крупная типографика легко разваливаются на узком экране.
- Решение
- Та же типографика и тот же тон, пересобранная сетка: тикер, манифест, карточка с галереей и кабинет переработаны под одну колонку без упрощения языка.
- Эффект
- Мобильная версия не выглядит урезанной десктопной — это тот же бренд, просто уже.
- ×Не смягчили тон: агрессивность отпугивает часть аудитории — это входит в задачу, мы проверяем конверсию, а не охват.
- ×Не пустили глитч в функциональные слои: цена, размер, состав и кнопки набраны моноширинным с высоким контрастом и без эффектов.
- ×Не добавили скидки и баннеры: они противоречат логике «30 штук и всё».
- ×Не стали строить витрину вокруг хитов и бестселлеров — товара под них физически нет.
- ×Не спрятали географию и производственные ограничения — они работают как часть оффера.
#111111
Промышленный чёрный
#d0f024
Кислотный лайм
#ff2e88
Розовый глитч
#ece7dd
Костяной белый
- Дисплей
- Гротеск с глитч-обработкой
- Заголовки
- Плотный конденс-санс
- Функционал
- Моноширинный, без эффектов
- Текст
- Mono / grotesque
- Продажа снята с переписки: путь от манифеста до чекаута проходится самостоятельно
- Страх посадки закрыт внутри интерфейса — лупа, галерея, размер и примерка
- Дропы дают повод вернуться, а сохранённый профиль тела — причину зарегистрироваться
- Рельса коллекции продаёт сет вместо одной вещи
- Бренд получил визуальный язык, который переносится в соцсети и на бирки
Проект живёт в сети — можно посмотреть вживую
Смотреть сайт ↗