Разработка мобильного приложения для туроператора «Первые линии»
Разработали приложение на базе сервиса «Первые линии» и обновили дизайн сайта: от поиска поездки до бронирования и личного кабинета туриста
Задача
«Первые линии» организуют экскурсионные туры с 2008 года. Компания обратилась за обновлением главной и основных страниц сайта и разработкой приложения на базе существующего сервиса. Требовалось объединить выбор поездки, расписание, бронирование и личный кабинет туриста.
От сайта к приложению
В основу приложения положили существующий сервис «Первых линий». Главная знакомит туриста с предложениями компании, каталог помогает выбрать поездку, а расписание — найти отправление на подходящие даты.
Для сайта и приложения проработали связанные сценарии: поиск тура, выбор условий поездки и работу с бронью в личном кабинете. Отдельно подготовили разделы акций, контактов, отзывов и подарочных сертификатов.
Поиск подходящей поездки
В Figma разработали главную с поиском направления и подборками туров. Предложения разделили по видам поездок: пользователь может перейти к автобусным турам или авиатурам из своего раздела.
Дизайн каталога учитывает длительность, даты отправления, категорию, интенсивность и цену. Эти параметры помогают сопоставить поездку со свободным временем, бюджетом и подходящей нагрузкой. В расписании рядом с датой и временем выезда показали стоимость и наличие мест.
Бронь и кабинет туриста
В дизайне карточки тура и оформления связали выбор даты с составом участников, дополнительными услугами и местом отправления. Для автобусных поездок подготовили схемы автобусов.
На странице брони собрали сведения, которые нужны перед выездом: время, адрес отправления, карту и данные туристов. Здесь же разместили напоминание, статус оплаты и действия с бронью.
В личном кабинете проработали бонусные вёрсты и персональный промокод. Вёрсты после оплаты поездки можно использовать для следующих туров, а промокод — передать друзьям.
Подключение к существующему сервису
Выполнили работы по подключению API существующего сервиса и Firebase для уведомлений. Разработали страницу уведомлений.
В расписании закрепили дату при прокрутке, чтобы турист сохранял ориентир в списке отправлений.
Выбор тура в приложении
В работающем приложении доступны главная с акциями, каталог экскурсий и расписание. Карточка поездки показывает дату отправления, длительность и стоимость. Город отправления можно сменить.
Расписание позволяет искать поездки по названию и направлению, задавать диапазон дат и длительность. Главная, каталог, расписание и профиль вынесены в нижнюю навигацию.
Цели
- Обновить главную и основные страницы сайта
- Разработать приложение на базе существующего сервиса
- Объединить выбор тура, расписание, бронирование и личный кабинет
Целевая аудитория
- Туристы, выбирающие организованные поездки
- Участники поездок «Первых линий»
Что внутри
Главная с акциями и предложениями поездок
Каталог с датами отправления, длительностью и ценами
Выбор города отправления
Поиск в расписании по названию, направлению, датам и длительности
Дизайн бронирования с выбором участников и дополнительных услуг
Дизайн личного кабинета с бронями и бонусными вёрстами
Как работали
Проектирование главной, каталога и расписания
Дизайн карточки тура и бронирования
Дизайн личного кабинета туриста
Подготовка схем автобусов
Разработка приложения на базе существующего сайта
Работы по подключению API и Firebase
Как это выглядит
Нужен похожий проект?
Расскажите о задаче — оценим объём, сроки и стоимость, предложим решение. Есть ТЗ — загрузите его и получите предварительную цифру за несколько минут.
