Подбор поездки: макет экрана

Выгрузка из файла Figma. Здесь видно все состояния экрана на компьютере и на телефоне, без открытия Figma. Помощник наверху, квитанция справа, варианты в центре.

Результаты

Основной экран: помощник с ответом и проверками, варианты поездки, квитанция «Выбор и итог».

Открыть это состояние на сайте

Десктоп: результаты подбора
Компьютер, 1440 px
Телефон: результаты подбора
Телефон, 390 px

Пусто

Перед первым запросом. Помощник просит описать поездку, вариантов пока нет.

Открыть это состояние на сайте

Десктоп: пустое состояние
Компьютер
Телефон: пустое состояние
Телефон

Загрузка

Варианты ищутся. Вместо карточек показаны заглушки, итог появится после ответа сервера.

Открыть это состояние на сайте

Десктоп: загрузка
Компьютер
Телефон: загрузка
Телефон

Ошибка

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

Открыть это состояние на сайте

Десктоп: ошибка
Компьютер
Телефон: ошибка
Телефон

Предпросмотр «А если…»

Показан, что изменится, без применения. Текущий план и согласие не меняются, применить можно отдельной кнопкой.

Открыть это состояние на сайте

Десктоп: предпросмотр
Компьютер
Телефон: предпросмотр
Телефон

Результат неизвестен

Оформление не завершилось и результат не получен. Нельзя покупать повторно: предлагается проверить результат.

Открыть это состояние на сайте

Десктоп: результат неизвестен
Компьютер
Телефон: результат неизвестен
Телефон

Оценка

Сравнение ваших вариантов без оформления. Кнопок покупки нет, итог не считается.

Открыть это состояние на сайте

Десктоп: оценка
Компьютер
Телефон: оценка
Телефон

Подтверждено

Имитация оформления прошла. Реальных списаний нет, номер заказа учебный.

Открыть это состояние на сайте

Десктоп: подтверждено
Компьютер
Телефон: подтверждено
Телефон

Устаревшая версия

Условия изменились, пока вы смотрели. Данные обновлены, согласие с прежней версией не переносится.

Открыть это состояние на сайте

Десктоп: устаревшая версия
Компьютер
Телефон: устаревшая версия
Телефон