Сайт транспортной компании

Задача — разработать сайт для транспортной компании с расчетом маршрута и формированием онлайн заявки с учетом километража. Главная страница сайта подстраивается под экран пользователя, в этой связи нет потребности в скролле и необходимая информация видна сразу на первом экране, а лёгкий параллакс эффект при движении мышью добавляет приятного удивления.

Сайт транспортной компании

Три главных направления бизнеса компании выделены маркерами, при наведении на которые происходит смена информации и фона страницы, также изменяются управляющие элементы и целевая кнопка.

Сайт транспортной компании

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

Сайт транспортной компании

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

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

Сайт транспортной компании

Заявка и расчёт маршрута построены на трёх главных элементах — геолокации, правильном определении километража и направления и стоимости за километр. Расчёты происходят в режиме реального времени, а стоимость маршрута учитывает разность цен при направлении движения от точки и на точку.

Сайт транспортной компании