← Вернуться к прототипу

NOIR ATELIER / UI STATES

Один стиль.
Каждое состояние.

Визуальная спецификация для будущего API. Карточки ниже статические, кнопки отключены.

01 / ЗАГРУЗКА

Ищем свободное время

Пока ответ сервера не получен, слоты нельзя выбрать. Контактные поля не очищаются.

02 / ПУСТОЕ РАСПИСАНИЕ

На этот день мест нет

Выбери другой день в пределах 7 дней. Если весь период занят, покажем, что свободных окон пока нет.

03 / ОШИБКА СВЯЗИ

Не удалось загрузить время

Сохраняем выбранные услуги. Предлагаем повторить запрос, не показывая устаревшие слоты свободными.

04 / НЕТ ИНТЕРНЕТА

Для записи нужна связь

Работы можно просматривать офлайн. Запись и проверка свободного времени доступны после подключения.

В прототипе service worker отсутствует. Это спецификация поведения будущего PWA.

05 / СЛОТ УЖЕ ЗАНЯТ

Это время уже выбрали

Сервер вернул конфликт бронирования. Услуги и контакт остаются, выбор времени сбрасывается. Повторное нажатие не создаёт дубликат.

06 / ВАЛИДАЦИЯ

Введите @username: от 5 до 32 символов после @.

Ошибка привязана к полю; при отправке фокус переходит к первой ошибке.

07 / ЗАЯВКА СОЗДАНА

Ожидает подтверждения

Заявка у мастера

Покрытие 5 000 ₸ + дизайн 1 000 ₸ = 6 000 ₸.
Предоплата 2 000 ₸, остаток 4 000 ₸.

В рабочем интерфейсе здесь появятся согласованные инструкции по переводу. До проверки банком/мастером статус не меняется на подтверждённый.

08 / РЕЗЕРВ ИСТЁК

Время больше не удерживается

Повторно проверяем свободные слоты. Если деньги уже переведены, предлагаем связаться с мастером для решения о переносе или возврате. Другой слот автоматически не занимаем.