Перейти к содержанию

2026 / Дизайн · Разработка

Dismas et Gestas

Сайт и магазин швейной мастерской А. Матрухова: вход через фильм, светлая витрина, пошив на заказ с доставкой СДЭК и онлайн-оплатой.

Задача

Одежда, которую шьют после заказа

Dismas et Gestas — швейная мастерская А. Матрухова в Москве: одежда на грани высокой моды и streetwear. Свитер, футболки, худи, штаны, ремни, апсайкл — от 3 450 до 12 300 ₽. Каждую вещь шьют после заказа, поэтому сайт держит настроение марки и при этом спокойно доводит заказ до оплаты: размер, срок пошива, согласия, доставка по России.

  • Вход через фильм

    Главная — один экран: съёмка в пещере, название марки и пять слов меню. Ни шапки, ни подвала.

  • Светлая витрина

    Каталог, карточки и корзина — на белом: фото на светло-сером, размеры с наличием, срок пошива у каждой вещи.

  • Заказ до пункта СДЭК

    Два согласия, город, пункт выдачи на карте или курьер — и онлайн-оплата картой или через СБП.

вещей в каталоге в сентябре 2026
9
срок предзаказа у восьми вещей из девяти
1–3 дня
на вещь в расчёте доставки СДЭК
500 г
кадров в кампейне «Пещеры 2026»
8

Главная

Вход — это фильм

Главная ничего не продаёт и не объясняет. На весь экран идёт фильм из пещеры, по центру — название марки, под ним пять слов меню. Каждые пять секунд имя срывается в красно-голубой сбой и меняет алфавит: Dismas et Gestas становится «Дисмас и Гестас» и обратно — сразу на главной, в шапке и в подвале. Фильм и обложку к нему меняют из панели сайта.

Фрагмент фильма с сайта, замедленный. Сбой собран по его коду: имя меняется на 170 мс, сбой гаснет на 520 мс.

Главная dismasetgestas.com на телефоне: кадр фильма, название марки и меню столбиком
Главная на телефоне — снимок живого сайта

Одно имя — три места

  • ГлавнаяInter 600 · до 44 px · 0.07em
  • ШапкаInter 500 · до 21 px · 0.12em
  • ПодвалInter 300 · до 96 px · 0.04em

Каталог и 1/1

Тёмный вход, белая витрина

За фильмом начинается магазин — белый, тихий, набранный тонким Inter. Фото вещей на светло-сером, под ними название, тип и цена; распроданная вещь бледнеет и получает метку. Каталог и раздел 1/1 — одна витрина и флаг у товара: отметили вещь как штучную, и она переезжает из основного дропа в 1/1. Сейчас раздел 1/1 пуст, все девять вещей в каталоге.

Флаг 1/1 у каждой вещи

Отметьте вещь — она уйдёт из каталога в 1/1. Переключайте разделы в шапке витрины.

  • Сплит Идол
    Сплит Идол
    8 450 ₽
  • ВОИД
    ВОИД
    4 350 ₽
  • Трап
    Трап
    4 800 ₽
  • ???нет в наличии
    ???
    7 900 ₽
  • Лакшери бат Джанки
    Лакшери бат Джанки
    8 050 ₽
  • Сплит идол
    Сплит идол
    10 990 ₽
  • Фрэнч Нокиа
    Фрэнч Нокиа
    6 500 ₽
  • MД?A
    MД?A
    12 300 ₽
  • Ре.сайкл
    Ре.сайкл
    3 450 ₽

Размеры и состав указываются в карточке товара. Срок пошива — на каждой позиции.

Вещи, цены и наличие — с сайта, сентябрь 2026. У двух «Сплит Идол» вместо фото спереди — другой кадр из их карточек.

Каталог dismasetgestas.com, прокрученный вниз: под шапкой — штаны Фрэнч Нокиа, ремни MД?A и Ре.сайкл с типами и ценами, ниже подпись о размерах и сроке пошива
Каталог на сайте, нижний ряд: штаны и два ремня. Цены — от 3 450 до 12 300 ₽

Карточка

Размер, наличие, сетка

Вещь ещё не сшита, поэтому карточка отвечает на всё заранее. Галерея с превью, размеры кнопками: распроданный зачёркнут, первый свободный уже выбран. Если свободных нет, тяжёлая чёрная кнопка сама становится «Нет в наличии». Ниже — описание с составом и сроком пошива и размерная сетка: картинка, своя у каждой вещи.

Три вещи с сайта

MД?A

Ремень

MД?A

12 300 ₽

Размер

Описание

— Натуральная шкура пони — Подклад: натуральная телячья кожа Предзаказ, срок выполнения 1-3 дня

← В каталог

Страница ремня MД?A на dismasetgestas.com: фото, цена 12 300 ₽, размеры 95, 100 и зачёркнутый 110, чёрная кнопка «Добавить в корзину»
Карточка ремня MД?A на сайте: размер 110 распродан, выбран 95
Размерная сетка худи: схема замеров A, B, C, таблица для размеров 1 и 2 и значки ухода
Сетка к худи «Лакшери бат Джанки»: замеры, таблица и уход

На телефоне

  • Каталог dismasetgestas.com на телефоне, прокрученный вниз: штаны и ремни в две колонки

    Каталог в две колонки

  • Страница ремня Ре.сайкл на телефоне: фото с превью, цена 3 450 ₽ и размеры 95, 100 и 110

    Карточка ремня

  • Корзина на телефоне: четыре вещи, итог 30 300 ₽ и два согласия

    Корзина

  • Раздел ЧЗВ на телефоне: открыт вопрос о сроках пошива

    ЧЗВ

Корзина и доставка

От пакета до пункта СДЭК

Корзина — чёрный бумажный пакет в углу экрана со счётчиком. Внутри строки по вещи и размеру, «−» и «+», итог в рублях. «Оформить заказ» не нажмётся, пока не отмечены два согласия. Дальше контакты, город и способ СДЭК: пункт выдачи выбирают на Яндекс Картах с поиском по улице и метро, курьеру нужен адрес. Цену и срок доставки сайт спрашивает у СДЭК по городу и весу — 500 г на вещь, — а оплата уходит онлайн, картой или через СБП.

  1. 1Корзина
  2. 2Согласия
  3. 3Доставка и контакты
  4. 4Оплата

Что считает сайт

Вещей в корзине
1
Вес для СДЭК
1 × 500 г = 500 г

Запрос в СДЭК: город «…», вес 500 г

Запрос уходит, когда покупатель ввёл город. В демо он не отправляется.

Демо на странице кейса: цены и правила с сайта, данные никуда не уходят.

Корзина
  • Ре.сайкл

    Ремень · размер 100

    1

    3 450 ₽

Итого3 450 ₽
Выезжающая корзина dismasetgestas.com поверх страницы товара: ремень MД?A, итог 12 300 ₽, две галочки согласия и серая кнопка «Оформить заказ»
Корзина на сайте: ремень MД?A, согласия не отмечены — кнопка заказа неактивна

Как устроено

  • Корзина в браузере

    Корзина хранится в браузере покупателя: вернулся на сайт — вещи на месте. Строка — это вещь и размер.

  • Согласия до заказа

    Без двух галочек кнопка заказа заблокирована, а согласие, политика и оферта открываются прямо из строк.

  • СДЭК по весу

    Город и вес корзины уходят на сервер сайта, обратно приходят цена и срок для пункта выдачи или курьера.

  • Оплата онлайн

    Корзина и контакты уходят на сервер сайта, он возвращает ссылку на оплату — картой или через СБП.

Кампейны

Пещеры 2026

Съёмки коллекций лежат в архиве папками: название и число фото, внутри — галерея кадров 3:4. Пока в архиве одна папка — «Пещеры 2026»: восемь кадров со вспышкой среди камня, на моделях вещи марки, часть из них есть в каталоге. Архив говорит тем же языком, что фильм на главной: темнота, камень, резкий свет.

Пещеры 2026

3 из 8 фото
  • Кампейн «Пещеры 2026», кадр 4
  • Кампейн «Пещеры 2026», кадр 5
  • Кампейн «Пещеры 2026», кадр 6

ЧЗВ и документы

Всё, что спрашивают до заказа

Вопросы собраны в разделе ЧЗВ — так он и называется: сроки пошива, доставка, оплата, размеры, 1/1 и кампейны. Контакты — Telegram и почта. В подвале каждой внутренней страницы — большое тонкое имя марки и документы магазина: публичная оферта, политика конфиденциальности и согласие на обработку данных; при первом визите внизу появляется плашка о cookie.

  • Все позиции шьются на заказ — срок указан на каждой позиции (как правило, от одного рабочего дня. Стараемся выполнить заказ оперативно). Штучные вещи 1/1 — индивидуально.

Документы

  • 01Публичная офертаДоговор подряда на индивидуальный пошив: 12 разделов — от оформления заказа и сроков до приёмки, возврата и гарантий.
  • 02Политика конфиденциальности11 разделов: какие данные обрабатываются, зачем и как хранятся.
  • 03Согласие на обработку данныхОтдельная страница — на неё ведёт первая галочка в корзине.
  • 04Плашка о cookieПоявляется внизу экрана при первом визите, с кнопкой «Принять».

Подвал сайта — без строки с реквизитами

Связь

TelegramE-mail

Разделы

Каталог1/1КампейныЧЗВКонтакты

Гео

Россия · Москва / СПбТолько ₽

Документы

Политика конфиденциальностиСогласие на обработку данныхПубличная оферта
© 2026 Dismas et GestasНа главную ↑

Результат

Что получила мастерская

Фото вещей, фильм и кампейн на этой странице — материалы марки с её сайта.

  • Главная-фильм с именем, которое сбоит и меняет алфавит
  • Каталог и раздел 1/1 на одном флаге товара
  • Карточки с наличием по размерам и сеткой для каждой вещи
  • Корзина с обязательными согласиями
  • Расчёт СДЭК по городу и весу, карта пунктов выдачи
  • Онлайн-оплата картой и через СБП
  • Архив кампейнов папками
  • ЧЗВ, контакты, оферта, политика и согласие
  • Панель: товары, заказы, кампейны и фильм на главной