ТК Фаворит — крупная транспортная компания России

«Всё, что ты можешь вообразить — реально» 

П. Пикассо.

О Компании

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

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

Сбор требований

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

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

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

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

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

Ниже представлена часть схемы из агрегации требований с “болями” внешних стейкхолдеров :

Цели проекта

Из анализа проблем и сложностей взаимодействия с ТК вынесли несколько целей проекта, которые впоследствии были реализованы:

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

Работа над проектом

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

• Дизайн

  
  



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

































• Контент

  
  



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












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













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

  
  



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Доставки для магазинов
• Магистральные перевозки
• Ответственное (складское) хранение

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

• Договор-заявка
• Коммерческое предложение

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

Автопарк

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

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

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

Итог

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

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