UI-кит

Паралелльно общению с пользователями собирали подробный UI-кит:

Страница Исполнители:

Редизайн онлайн-платформы сделан за 3 месяца. Месяц ушел на исследование и анализ результатов, два месяца — на отрисовку макетов, разработку и отладку. Клиент получил готовую платформу, UI-кит и шаблоны автоматических рассылок.

Цель редизайна была выполнена: время прохождения ключевых сценариев сократилось на 53%,
в среднем 6:56 мин вместо вместо 15:27 мин.

И чат:

Страница технических возможностей заказчика:

Процесс заключения договора между Заказчиком и Исполнителем:

Фильтры:

Роль

Редизайн делал не я один, а вместе с командой классных дизайнеров. Ниже — разделы
и клиентские пути, которые проектировал я.

Таблица заявок:

UX

После интервью с пользователями стало понятно, куда двигаться и что пора открывать Фигму. Сначала мы сделали главную страницу, с которой пользователи и начинают работу. После того, как заказчик её утвердил, начали работать над другими страницами с основными клиентскими путями.
На исследование ушло месяц. По итогу написали 47 страничный документ, в котором прописали результаты исследований и рекомендации.

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

Исследование и анализ полученных данных

После проведения UX-аудита мы общались с пользователями, чтобы лучше понять, как должен выглядеть продут. Подготовили 13 сценариев юзабилити-тестов, которые покрывают большинство проблемы в UX-части: 7 — для менеджеров компании и по 3 — для заказчиков и исполнителей, пользователей онлайн-платформы.

На исследование ушло месяц. По итогу написали 47 страничный документ, в котором прописали результаты исследований и рекомендации.

Аудит интерфейса

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

Какие были проблемы

В конце 2022 года клиент пришел к нам за редизайном своей онлайн-платформы. Она были слишком перегружена ненужной информацией для пользователя, много клиентских путей не проработано и не оптимизировано. Мы пообщались с клиентом и сформулировали основную проблему: пользователи слишком долго проходят типовые сценарии. Так появилась основная цель редизайна — пользователя должны проходить сценарии как минимум в два раза быстрее.

О продукте

Онлайн-платформа и маркетплейс крупного металлообрабатывающего предприятия России.
В ней клиенты заказывают оборудование и услуги, а менеджеры компании заключают договора
и контролируют испольнение заявок. Ещё есть личный кабинет для всех типов клиентов,
чат и функция звонков.

Тот же клиент: