Atlas North
Подберите поездку по региону, сезону, нагрузке и длительности, сравните даты, изучите маршрут и отправьте заявку на выбранный заезд.
- Astro
- TypeScript
Задача
Для выбора поездки недостаточно знать направление. До обращения к организатору нужно сопоставить сезон, нагрузку, длительность, доступные даты и то, что входит в стоимость.
Как устроен сценарий
-
Отобрать подходящие поездки
Фильтры по региону, длительности, сезону и уровню нагрузки сохраняются в адресе страницы, поэтому подборкой можно поделиться.
-
Сравнить поездки по условиям
Ещё в каталоге видны длительность, характер маршрута, доступные даты и условия цены.
-
Изучить маршрут
На странице поездки собраны программа по дням, включённые услуги, условия участия, даты и фотографии.
-
Заполнить заявку
Пользователь выбирает дату, число участников и дополнительные условия. Ошибки показаны у конкретных полей, а после временного сбоя форму можно отправить повторно.
Каталог, маршрут и заявка
В каталоге, описании маршрута и готовой заявке сохраняются выбранная дата и условия поездки.
Короткий список поездок
После выбора Лофотен и лета остаётся небольшая подборка с датами, длительностью и ценой.
Условия поездки до заявки
На странице маршрута вместе показаны программа, включённые услуги, даты и условия участия.
Готовая заявка на мобильном
В узком окне видны выбранная дата, два участника и дополнительные полевые заметки.
Ключевые решения
-
Подборкой можно поделиться
Поиск, фильтры и сортировка сохраняются в адресе страницы. Ссылка открывает тот же список, а кнопки «Назад» и «Вперёд» возвращают предыдущий выбор.