Разработка сайта Транспортной Компании "Фаворит"

ТК Фаворит - крупная транспортная компания, которая давно стала надежным партнером многих крупных торговых сетей, таких как Ашан, Красное/Белое, Перекресток (Карусель) и т.д. Именно работа в этом сегменте была основным направлением ТК. Компания не имела собственного сайта. Но обороты и возможности компании растут. В услугах появились новые пункты - квартирный и офисный переезд (бережная упаковка, надежная транспортировка).

Таким образом, в “дано” клиент обозначил анонс новых услуг и увеличение узнаваемости.

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

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

В процессе агрегации удалось проработать целый ряд “сложностей” с которыми приходится сталкиваться потребителям/пользователям сайтов транспортных компаний.

Тут перечислены основные “боли” пользователя:

неясная стоимость услуг, неочевидность формирования стоимости заказов для потребителя

отсутствие понимания у пользователей, какие именно услуги они могут получить

сложность оформления и брони заказа

сложность подбора ТК по предоставляемым услугам

плохая адаптивность сайтов под мобильные устройства

и т.д.

Был сформирован список задач, спланирован план-график работ и механизм нашей “кухни” заработал полным ходом.

Дизайн

Первым делом дизайнерам предстояло решить сложную задачу под названием “Индивидуальный дизайн”. Важно было начать работу с прототипирования - этот шаг наглядно показал, как оптимально разместить все важные элементы, руководствуясь лучшими практиками UI/UX. Здесь мы добились простоты оформления заказа и подбора услуг.

Контент

После утверждения прототипов дизайн стал обретать формы и краски - создавались макеты будущих страниц. Здесь случился первый “подводный камень” - острая нехватка контента (графического и текстового). А что необходимо делать, если контент нужен, но его нет? Верно. Создавать!

Каждый png и svg элемент на сайте, кроме логотипа, прорисовывался и подбирался под стиль проекта. В конечном итоге получили лаконичный, информативный и при этом не перегруженный дизайн страниц/ сайта. Также силами команды мы создали ряд текстов, которые логично вписались в дизайн и служат удобной навигацией (или вариант “служат удобными шпаргалками”) для пользователей сайта.

Основной функционал

Для того, чтобы сделать расчеты стоимости услуг понятными и прозрачными, создавался простой в использовании калькулятор. Принцип его работы: зависимость стоимости от дальности расстояния, объема груза, кол-ва участников и т.д. Для корректного расчета неверно использовать обычное расстояние в км. Потребовались услуги “навигатора”, который считает реальный путь (в км) и примерное время на его преодоление. Для реализации этого функционала, мы задействовали API Яндекс Навигатора.

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

На главной странице разместили интересный и функциональный блок: интерактивную карту, Цель ее создания - показать географию представительств компании, офисов, складов, а также регионов, где ТК Фаворит предоставляет услуги. Пользователь легко может подобрать офис с наиболее удобным расположением и быстро связаться с представителем этого офиса для оформления заказа.

Представление услуг 

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

По правилам UX важно было разместить услуги максимально близко к “началу” сайта. На главной странице размещено довольно большое количество элементов, поэтому вероятнее всего пользователи при изучении страницы будут использовать F-паттерн. Подробнее об этом явлении можно почитать тут.

При этом информация по каждой из услуг должна быть полной и полезной.

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

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

Для решения этой сложности ТК предоставляет услуги грузчиков и подъем на этаж.

Эту информацию отобразили на сайте двумя способами:

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

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

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

Личный кабинет

На сайте предполагаются онлайн-заказы, соответственно, пользователям удобно отслеживать данные по заказам в личном кабинете. Мы добавили этот функционал сайту. И теперь пользователям не приходится тратить массу своего времени на уточнение статуса заказа, его местоположение и т.д. Итого в ЛК хранятся персональные данные (ФИО, e-mail), перечень всех заказов с возможностью сортировки по статусам, а также отдельная вкладка с доступными скидочными промокодами. Для использования промокода в калькуляторе предусмотрено специальное поле - приятный бонус в виде уменьшения стоимости заказа.

Работа с корпоративными клиентами

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

Доставки для магазинов

Магистральные перевозки

Ответственное (складское) хранение

Здесь же клиент может скачать шаблонные документы:

Договор-заявка

Коммерческое предложение

Или загрузить свой документ на изучение представителем ТК Фаворит.

Автопарк

Еще одно достоинство компании, которое важно было отразить на сайте - это автопарк с широким выбором машин различных габаритов и грузоподъемности. В отдельном разделе “Автопарк” видны все характеристики и параметры каждой машины, есть возможность заказать подходящий под требования транспорт. Эти же авто используются при расчете работы калькулятора и влияют на стоимость заказа, в соответствии со своими габаритами и возможностями.

Мобильная версия

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

Итог

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