Разработка мобильной версии проекта для «Инфофлот»

1. Вводная задача от заказчика, проблематика, цели

Ключевые требования заказчика:

• Кроссбраузерность
• Кроссплатформенность (корректное отображение на устройствах Android и iOS)
• Высокая скорость работы

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

Мы провели полный спектр работ от аналитики UI/UX до разработки и внедрения современного дизайна.

Мобильная версия предполагает возможность подобрать круиз и оставить заявку в форме обратной связи или продолжить бронирование самостоятельно на основной версии сайта. Круиз подбирается с помощью фильтра, который имеет два режима – простой и расширенный. Простой совпадает с фильтром на главной странице, а расширенный содержит все имеющиеся поля.

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

Чтобы отправить заявку, пользователь предоставляет минимальные данные (электронная почта, телефон, имя), которые передаются в CRM заказчика, что позволяет менеджерам оперативно связаться с клиентом. После того, как заявка принята, пользователю предлагается дождаться звонка или продолжить бронирование самостоятельно на основной версии сайта.

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

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

3. Результаты сотрудничества

По результатам аналитики UI/UX разработан стильный современный дизайн проекта для смартфонов и планшетов. Его простота и лаконичность помогают пользователям быстро подобрать круиз в соответствии с их предпочтениями.