Delivery. Multi-date flow
In Progress · v0.1 · May 2026 · Fulfillment team

Интерфейс оформления доставки при выборе нескольких дат получения. Каждая дата — отдельная посылка с независимыми настройками способа, адреса и временного слота.


Шапка страницы
Способ доставки
Адрес
Временной слот
Состав заказа
Доставки
Уровень Элемент Визуальный приём Цель
H1 Заголовок шага «Доставка» 36px / weight 300 / lh 48px Ориентация в потоке оформления
H2 Заголовок блока посылки 14px / weight 500 + нумерованный маркер primary-400 Разграничение независимых блоков
H3 Подзаголовки полей внутри блока 12px / weight 700 / uppercase / grey-300 Структурирование формы внутри блока
Body Поля ввода, слоты, адрес 14px / weight 400 / border grey-200 Основной уровень взаимодействия
Meta Статусы, summary в свёрнутом блоке 12px / grey-400 / строчными Контекст без отвлечения от действий
CTA «Подтвердить» и «Перейти к оплате» primary-400 fill / 14px disabled при незаполненности Управление потоком — явный призыв к действию
Нумерация только при N > 1
При одной дате — нет «Посылка 1», просто «Доставка». Нумерация появляется только когда есть смысл различать посылки между собой.
Авто-переход к следующему блоку
После нажатия «Подтвердить» блок сворачивается, следующий незаполненный открывается автоматически. Пользователь не ищет куда идти дальше.
Редактирование = открыть блок
Свёрнутый подтверждённый блок можно кликнуть — он раскрывается с сохранёнными данными. Нет отдельного режима «редактирования».
Слот только для курьера
Поле временного слота скрыто при выборе ПВЗ — оно нерелевантно. Форма не загружает пользователя полями, которые не нужны.
Disable кнопки оплаты
«Перейти к оплате» заблокирована, пока хотя бы один блок не подтверждён. Статус кнопки — явный индикатор прогресса для опытных пользователей.
Масштабирование 5–10 дат
При N ≥ 3 добавляется прогресс-полоса с сегментами. При N ≥ 5 — список дат в сайдбаре схлопывается в компактный вид со счётчиком «X из Y заполнено».
Prototype · Interactive
Открыть отдельно ↗
Prototype · Static / BEM
Открыть отдельно ↗