Сервис для грузоперевозок
Доставка всех видов груза любым транспортом, только для юридических лиц. Название под NDA. Транспортная компания предоставляет услуги выгодных предложений от партнеров по специальным предложениям для своих клиентов.
О компании
Редизайн элементов десктопа личного кабинета. Первым делом нужны были экраны «статусы заказов», «просмотр заказов» и «калькулятор».
Был предоставлен доступ к существующему ЛК пользователя. Вся коммуникация была напрямую только с заказчиком.
Был предоставлен доступ к существующему ЛК пользователя. Вся коммуникация была напрямую только с заказчиком.
Задача
Процесс работы
Существующий путь пользователя должен быть сохранен без изменений. Доступа к пользователям — нет.
Проект только для юридических лиц, ключевое отличие такого клиента — это большое количество заказов с одного аккаунта.
Я рассмотрела такие сервисы как сдек, vozovoz, деловые линии.
Выделила повторяющиеся элементы, которыми сервисы обозначают некоторые параметры грузов. Гипотеза о сохранении табличного паттерна истории заказов подтвердилась.
Я рассмотрела такие сервисы как сдек, vozovoz, деловые линии.
Выделила повторяющиеся элементы, которыми сервисы обозначают некоторые параметры грузов. Гипотеза о сохранении табличного паттерна истории заказов подтвердилась.
Анализ конкурентов
Я предполагаю, что добавление цветового кодирования и приоритезация информации в карточке, повлияет на скорость считывания пользователем, позволяя ему быстрее найти интересующую его информацию о заказах.
Я предполагаю, что раскрывающиеся карточки заказов, позволят разместить большее число заказов на странице и не повлияют на информативность для пользователя, так как важная информация будет выведена в сокращенном виде сразу и при необходимости пользователь сможет развернуть всю информацию.
подтвердилась ✅
отказались ❌
подтвердилась ✅
Я предполагаю, что вывод информации о заказе в поп-ап (вместо нового окна), повлияет на выполнение целевого действия (распечатать документы, сверить данные, получить информацию о получателе и т. д.), потому что они на одном экране быстро сопоставят к какому заказу относиться эта информация и если их что-то отвлечет не запутаются в открытых вкладках.
Гипотезы
Когда я захожу в список заказов, я хочу чтобы отправления по одному адресу группировались вместе независимо от даты и других данных, чтобы контролировать работу перевозчиков с постоянными заказчиками.
Когда я открываю список заказов, я хочу иметь возможность их отфильтровать по статусу или номеру накладной, чтобы долго не искать по дате, потому что в один день может быть несколько отправлений.
Когда я проверяю историю своих заказов я хочу сразу видеть статус, чтобы быстро найти зависшие заказы и произвести устранение накладок в работе.
Jobs to be done
Новая карточка решает все поставленные ранее задачи. Но возникает новое требование - добавить вложенность заказов
Итоговый вид карточки
Разработка компонентов
Карточка большая, но неинформативная. Невозможно разместить много заказов на одной страницу
Свежая карточка имеет больше информации, остается проблема ограниченного числа заказов на странице
✅Добавлены фильтры заказов.
✅Добавлен счетчик заказов.
✅Реализована вложенность.
✅Добавлено цветовое кодирование для быстрого считывания информации.
✅Добавлен счетчик заказов.
✅Реализована вложенность.
✅Добавлено цветовое кодирование для быстрого считывания информации.
Редизайн страниц
Список заказов ПОСЛЕ:
Список заказов ДО:
От заказчика:
«Сейчас не хватает фильтров. Ветки заказов с вложенностями, сейчас они идут как отдельные заказы. Нужна группировка.
По поводу фильтров:
1. Есть фильтр по номеру заказа — сюда можно ввести номер заказа, накладной или номер клиента
2. Фильтр по компании (если у пользователя несколько их)
3. Фильтр по статусу заказа: Все, В работе, Проблемные, Выполненые.
Кроме того, для некоторых пользователей, помимо вот этих фильтров, есть еще преднастроенные фильтры. Сейчас они у нас отображаются такой плашкой
Там кнопка и текст с описанием что этот фильтр делает
Так же в верхней части где-то должно быть общее кол-во заказов, которые отображаются — типа xxx заказов.»
«Сейчас не хватает фильтров. Ветки заказов с вложенностями, сейчас они идут как отдельные заказы. Нужна группировка.
По поводу фильтров:
1. Есть фильтр по номеру заказа — сюда можно ввести номер заказа, накладной или номер клиента
2. Фильтр по компании (если у пользователя несколько их)
3. Фильтр по статусу заказа: Все, В работе, Проблемные, Выполненые.
Кроме того, для некоторых пользователей, помимо вот этих фильтров, есть еще преднастроенные фильтры. Сейчас они у нас отображаются такой плашкой
Там кнопка и текст с описанием что этот фильтр делает
Так же в верхней части где-то должно быть общее кол-во заказов, которые отображаются — типа xxx заказов.»
Изменила оформление и теперь это не новая страница, а поп-ап.
Информация о заказе ПОСЛЕ:
Информация о заказе ДО:
На странице «калькулятор» были изменены:
✅поля ввода
✅карточки предложений
✅поля ввода
✅карточки предложений
Калькулятор ПОСЛЕ:
Калькулятор ДО:
Заключение
При редизайне учтены все пожелания по оформлению и функциям элементов интерфейса. Все новые компоненты были максимально не нагружены для быстрой верстки. Также для снижения стоимости разработки старалась сохранить привязки полей и логику backend разработки.
Шрифт и цветовая палитра использовалась с основного сайта заказчика.
Спустя время заказчик реализовал предложенные решения в своем сервисе.
От гипотезы с раскрывающейся карточкой заказа отказались из-за дублирования информации в поп-ап и в карточке.
Шрифт и цветовая палитра использовалась с основного сайта заказчика.
Спустя время заказчик реализовал предложенные решения в своем сервисе.
От гипотезы с раскрывающейся карточкой заказа отказались из-за дублирования информации в поп-ап и в карточке.
