Транспортная компания «ЛЕОН»

Особенности отрасли

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

Именно из-за особенностей проекта мы в дальнейшем столкнулись с проблемой создания карты месторождений. Поэтому мы отложили эту разработку на перспективу.

Исследование и техническое задание

Мы провели масштабное исследование, итогом которого стало техническое задание на 171 страницу. В ТЗ мы отразили: — количество и состав страниц, необходимых для прототипирования;
— карту сайта с корректными url’ами;
— структуру хранения данных и обработки платежей;
— права доступа к различным разделам сайта;
— текст уведомлений, SMS и почтовых рассылок;
— уникальные и общие элементы сайта;
— требования к верстке, программному коду, к отображению сайта при репосте;
— рекомендации по организации форума на сайте и созданию карты месторождений и др.

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

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

Мудборд

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

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

В верхней части экрана, в шапке сайта, пользователь может выбрать цель посещения сайта — создать заявку на перевозку груза (грузовладелец), найти спецтехнику, создать объявление о свободной машине (перевозчик), зайти в поиск и найти нужную заявку самостоятельно.

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

В карточке заявки кратко отражена основная информация о заказе.

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

В разделе «Документация» собраны все документы, необходимые для перевозки грузов.

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

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

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

Профиль

В профиле доступно редактирование личных и контактных данных, заполнение реквизитов для юридических лиц.

Создание заявок

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

Важная особенность, которую мы реализовали в Личном кабинете, — это возможность заполнения поля «Коридор» (указывает на возможное отклонение от маршрута), а также добавление промежуточных пунктов.

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

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

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

Автопарк

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

Разрешения и пропуски

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

Спецтехника

Изначально в дизайн-макетах было создано два вида заявок: перевозчик и грузовладелец. Но в ходе разработки, клиентом было решено добавить еще один раздел «Спецтехника», где бы размещались объявления об аренде кранов, экскаваторов, тягачей, бульдозеров и другой специализированной техники.

Подсказки

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

Чтобы сайт соответствовал текущему техническому заданию, нам пришлось написать 7 компонентов с нуля, так как стандартные модули не решали поставленных задач. Вот самые интересные наши доработки:

Определение местоположения

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

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

Рейтинг пользователей

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

Работа с заявками

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

Работа с фильтром

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