Разработка сайта для DVL Express

Клиент:

DVL Express

Сайт:

drive4dvl.com

Дата запуска:

05.04.2019

О заказчике:

Компания DVL Express - американская компания, которая занимается грузоперевозками габаритных грузов на территории США.

Экспертиза:

PHP 5.6, HTML5, CSS3, JS, JQuery

Цели:

Разработка дизайна и функционала одностраничного сайта на базе CMS OpenCart 2.3

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

Задача:

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

Решение:

Было принято решение разработать одностраничный мультиязычный сайт на 8 экранов, с отдельной, подробной формой заполнения личных данных. Такое решение было принято по нескольким причинам:

1. Простота структуры
2. Простота продвижения ресурса в сети
3. Максимальная информативность ресурса

Описание сайта:

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

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

 

Также мы видим кнопку “Заполнить форму” и кнопку выбора языка. Ссылка на форму и выбор языка были размещены в хедере для увеличения фокуса внимания на данных элементах. Мультиязычность сайта было реализована исходя из потребностей бизнеса заказчика.

По клику на кнопку “Заполнить форму” открывается pop-up с формой заполнения личных данных. Поскольку компании необходимо достаточно большое количество разноплановой информации о соискателях, было принято решение разделить форму на 3 раздела.

Первая часть формы направлена на сбор личных данных водителя - ФИО, контактные номер телефона и адрес электронной почты, полный адрес проживания. При клике на следующий раздел формы (Сертификаты водителя), раздел “Информация о водителе” сворачивается. 

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

В третьей части формы соискатель имеет возможность предоставить компании детальную информацию о своем опыте работы - название компании, занимаемая должность и причина ухода из компании. Учитывая то, что соискатель может иметь больше, чем одно место работы, форму сделали расширяемой. По нажатию кнопки “добавить”, стилизованной под значок “плюс”, в форме появляется еще одно поле записи. Максимальное количество таких полей - пять.

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

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

 

На следующем экране расписана информация о зарплате водителей. Блоки также анимированы и появляются по ходу сролла на странице.

 

В следующем блоке расписана информация о поддержке водителей в процессе работы. Информация появляется на экране с плавной и нестандартной анимацией.

 

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

Следующий блок рассказывает о требованиях к водителям-соискателям. Бок также анимирован.

 

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

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

 

И, после последней формы, пользователь видит информативный футер.

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

Заключение:

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