цвета
лендинг для перевозок
вокзал86.РФ
#0164c9
цель
шрифт
Разработать лендинг для междугородних пассажирских перевозок с адаптивной версткой под вертикальные версии планшета и телефона. На сайте должны быть указаны актуальные маршруты и рейсы автобусов. Сайт должен быть достаточно легким, интуитивно понятным без излишнего количества элементов.
Montserrat
#ff334c
страница вокзал86.рф
Блок "Маршруты"
нюансы разработки
Для более удобной навигации и поиска интересующих маршрутов, с помощью вкладок выделили основные 3 маршрута клиента и в форме карточек реализовали для каждого основного города отправки всевозможные рейсы и их стоимость.

При клике на нужный вам маршрут ниже будут отображаться соответствующие рейсы и их стоимость. Активная вкладка выделяется синей пунктирной линией.
Виджет "Обратный звонок"
По просьбе клиента на сайт установили стандартный виджет для заказа обратного звонка, который двигается за клиентом по всему сайту при скролле. На десктопной (ПК) версии сайта при клике на кнопку вылезает поле для заполнения номера телефона, а также высвечивается номер для звонка, В мобильной версии при клике на виджет у вас сразу откроется окно набора номера с уже введенным номером для звонка.
Блок "Быстрое бронирование"
Для того чтобы потенциальный клиент заказчика мог легко понять можно ли уехать из выбранного им города в другой, при этом не возвращаясь к блоку с маршрутами, мы реализовали форму с зависимыми списками. Так как, например, в списках имелись города "Тюмень" и "Уфа" но из одного в другой попасть было нельзя, так как это точки абсолютно разных не пересекающихся маршрутов. То есть при выборе города в поле "Откуда" в поле "Куда" у вас подгружается соответствующий список городов, куда может отправиться человек.
заключительный этап
После того как собрали весь визуал и адаптировали сайт под планшет и телефон, мы создали счетчик Яндекс.Метрики, настроили в нем цели для анализа трафика и подключили к сайту. А также подключили дополнительно Telegram для приема заявок.
адаптивные версии
Свяжитесь с нами одним из удобных для вас способом по кнопкам ниже или заполните форму обратной связи. Будем рады познакомиться и помочь в решении ваших задач.
Готовы обсудить проект?