«Всё, что ты можешь вообразить — реально»
П. Пикассо.
Или история о том, как имея логотип, желание клиента масштабировать бизнес и щепотку воображения, создать уникальный полезный продукт.О Компании
ТК Фаворит - крупная транспортная компания, которая давно стала надежным партнером многих крупных торговых сетей, таких как Ашан, Красное/Белое, Перекресток (Карусель) и т.д. Именно работа в этом сегменте была основным направлением ТК. Компания не имела собственного сайта. Но обороты и возможности компании растут. В услугах появились новые пункты - квартирный и офисный переезд (бережная упаковка, надежная транспортировка).Таким образом в “дано” клиент обозначил анонс новых услуг и увеличение узнаваемости.
Сбор требований
Определили, что сайту требуется нестандартный функционал для расчета стоимости доставки. Шаблонное решение в данной ситуации не решило бы задач проекта, поэтому было принято решение работать над индивидуальным дизайном.
В процессе агрегации удалось проработать целый ряд “сложностей” с которыми приходится сталкиваться потребителям/пользователям сайтов транспортных компаний.
Тут перечислены основные “боли” пользователя:
-
неясная стоимость услуг, неочевидность формирования стоимости заказов для потребителя
-
отсутствие понимания у пользователей, какие именно услуги они могут получить
-
сложность оформления и брони заказа
-
сложность подбора ТК по предоставляемым услугам
-
плохая адаптивность сайтов под мобильные устройства
-
и т.д.
Ниже представлена часть схемы из агрегации требований с “болями” внешних стейкхолдеров :
Цели проекта
Из анализа проблем и сложностей взаимодействия с ТК вынесли несколько целей проекта, которые впоследствии были реализованы:
-
Предоставление расчетов в удобном калькуляторе
-
Подчеркивание УТП компании для понимания позиции ТК
-
Представление услуг на сайте с возможностью оформления заказа в несколько простых итераций
-
Развитие личного кабинета для прозрачности хода выполнения заказа
-
Создание возможности взаимодействия с различными клиентами: физические и юридические лица.
-
Размещение подробной информации о том, какими компания располагает ресурсами
-
Возможность формирования заказа онлайн
-
Адаптивность сайта под различные устройства - необходимый пункт для современной компании.
-
Разработка дизайна сайта с учетом фирменного стиля компании для узнаваемости бренда
Работа над проектом
Был сформирован список задач, спланирован план-график работ и механизм нашей “кухни” заработал полным ходом.
-
Дизайн
Первым делом дизайнерам предстояло решить сложную задачу под названием “Индивидуальный дизайн”. Важно было начать работу с прототипирования - этот шаг наглядно показал, как оптимально разместить все важные элементы, руководствуясь лучшими практиками UI/UX. Здесь мы добились простоты оформления заказа и подбора услуг.
-
Контент
После утверждения прототипов дизайн стал обретать формы и краски - создавались макеты будущих страниц. Здесь случился первый “подводный камень” - острая нехватка контента (графического и текстового). А что необходимо делать, если контент нужен, но его нет? Верно. Создавать!
Каждый png и svg элемент на сайте, кроме логотипа, прорисовывался и подбирался под стиль проекта. В конечном итоге получили лаконичный, информативный и при этом не перегруженный дизайн страниц/ сайта. Также силами команды мы создали ряд текстов, которые логично вписались в дизайн и служат удобной навигацией (или вариант “служат удобными шпаргалками”) для пользователей сайта.
-
Основной функционал
Для того, чтобы сделать расчеты стоимости услуг понятными и прозрачными, создавался простой в использовании калькулятор. Принцип его работы: зависимость стоимости от дальности расстояния, объема груза, кол-ва участников и т.д. Для корректного расчета неверно использовать обычное расстояние в км. Потребовались услуги “навигатора”, который считает реальный путь (в км) и примерное время на его преодоление. Для реализации этого функционала, мы задействовали API Яндекс Навигатора.
В результате пользователь может вручную отметить необходимое кол-во грузчиков, подобрать подходящее авто, задать этажность здания и выбрать координаты, откуда должна стартовать отправка груза и куда его необходимо доставить.
На главной странице разместили интересный и функциональный блок: интерактивную карту, Цель ее создания - показать географию представительств компании, офисов, складов, а также регионов, где ТК Фаворит предоставляет услуги. Пользователь легко может подобрать офис с наиболее удобным расположением и быстро связаться с представителем этого офиса для оформления заказа.
Представление услуг
Боль, с которой должен был справиться проект, это нечеткое определение доступных услуг, предоставляемых ТК.По правилам UX важно было разместить услуги максимально близко к “началу” сайта. На главной странице размещено довольно большое количество элементов, поэтому вероятнее всего пользователи при изучении страницы будут использовать F-паттерн. Подробнее об этом явлении можно почитать тут.
При этом информация по каждой из услуг должна быть полной и полезной.
Услуги были размещены в основном меню. Для каждой из услуг была разработана посадочная страница, включающая тематический баннер, краткое описание услуги и систему для расчета стоимости заказа по данной услуге.
Часто пользователям, которым требуются услуги перевозки, переезда и пр.транспортировок, приходится отдельно искать рабочую силу. Справиться в одиночку с переносом или подъемом грузов на этаж порой невозможно.
Для решения этой сложности ТК предоставляет услуги грузчиков и подъем на этаж.
Эту информацию отобразили на сайте 2мя способами:
-
в калькуляторе есть возможность сразу выбрать необходимое кол-во грузчиков, отметить этажность здания, куда придется доставить груз. При этом сразу видна финальная стоимость услуги с учетом всех изменений:
-
на посадочных страницах каждой из услуг отдельным блоком подсвечены дополнительные : работа грузчиков, упаковка грузов и т.д.
Таким образом сайт не перегружен сложным текстом, максимально прост и функционален с точки зрения пользователя.
Личный кабинет
Работа с корпоративными клиентами
Кроме обычных пользователей, на сайт будут приходить представители различных компаний, которым могут потребоваться грузоперевозки. Для корпоративных клиентов разработали отдельную посадочную страницу с подробной информацией о предоставляемых услугах для этого типа заказчиков:
- Доставки для магазинов
- Магистральные перевозки
- Ответственное (складское) хранение
- Договор-заявка
- Коммерческое предложение
Или загрузить свой документ на изучение представителем ТК Фаворит.
Автопарк
Еще одно достоинство компании, которое важно было отразить на сайте - это автопарк с широким выбором машин различных габаритов и грузоподъемности. В отдельном разделе “Автопарк” видны все характеристики и параметры каждой машины, есть возможность заказать подходящий под требования транспорт. Эти же авто используются при расчете работы калькулятора и влияют на стоимость заказа, в соответствии со своими габаритами и возможностями.
Мобильная версия
Еще на этапе агрегации было определено, что все чаще пользователи используют мобильные устройства для поиска информации в интернете, оформления заказов и пр. Поэтому вместе с десктоп-макетом разрабатывалась и мобильная версия:
Итог
На входе у нас был логотип компании и минимум контента, но итогом стал многофункциональный, удобный сайт с лаконичным дизайном. Благодаря этому инструменту, пользователи теперь тратят в десятки раз меньше времени на оформление заказа. Теперь нет необходимости бесконечно дозваниваться на горячую линию, чтобы отследить свой заказ и уточнить доп.информацию. С другой стороны, работникам компании теперь нет необходимости постоянно занимать телефон, выясняя потребности клиентов и детали их заказов. Сайт покрывает максимум потребностей пользователей, упрощая работу всем участникам процесса.