Кейс разработки сервиса бронирования туров на React — Friday Travel

Friday Travel — сеть туристических агентств. Компания на протяжении 20 лет предлагает туристам персонализированные путёвки в десятки стран мира.

Задача

У компании есть агрегатор туристических путёвок. Перед нами встала задача доработки веб-сервиса: исправить баги, сделать его адаптивным и внедрить дополнительный функционал.

Решение

Провели аудит сервиса, выявили баги на фронтенде и исправили их, сделали рефакторинг кодовой базы. Адаптировали вёрстку под экраны настольных компьютеров и планшетов, а для пользователей смартфонов сделали мобильную версию сайта. Разработали фильтр путёвок, валидацию форм на сайте и «бесконечный скролл» на странице туров.

Технологии

React HTML Sass Webpack

Исправление багов

Провели аудит и рефакторинг кода, исправили баги вёрстки и обеспечили кроссбраузерность сайта.

Кроме того, настроили сохранение и валидацию полей ввода на сайте. Разработали «бесконечный скролл» путёвок, с мгновенной подгрузкой новых предложений клиенту.

Адаптивная вёрстка и мобильная версия

Адаптировали вёрстку для экранов настольных компьютеров и планшетов.

Для мобильной аудитории многие элементы сайта второстепенны. Например, блог, промокоды, акции. Гораздо удобней — выбрать тур и сразу связаться с консультантом компании. Этот функционал мы и оставили в мобильной версии сервиса.

Личный кабинет и эквайринг

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

Для оплаты путёвки банковской картой прямо на сайте — подключили эквайринг «Банка Русский Стандарт».

Поисковый фильтр

Чтобы клиент мог подобрать путёвку по важным для него параметрам, мы разработали фильтрацию: по цене, отелю, туроператору и расстоянию до моря.

Консультации

Подключили сервис JivoSite. Теперь пользователи сервиса могут запросить звонок или написать оператору в мессенджер. А все обращения синхронизируются с CRM компании.

Проект в цифрах

560
часов работы
2
разработчика

Результат

Хотите реализовать подобный проект? Напишите нам