Смартбот: редизайн веб приложения по созданию ИИ ботов
Команда Smartbot создает веб-приложение, которое делает создание ботов доступным для всех. Этот продукт был собран внутренней командой дизайнеров и потребовал редизайна, для улучшения метрик и добавления новых сложных функций.
Это NDA проект
Поэтому различные изображения финального продукта либо уменьшены, либо размыты, либо вовсе скрыты. Показать итоговые макеты могу в рамках совместной встречи.

Финальный результат:
Для ознакомления с финальным результатом нужно будет зарегистрироваться на платформе
О проекте
Основная цель редизайна — сделать приложение Смартбота более доступным для основной аудитории проекта — владельцев бизнеса. Мне требовалось понять, с какими трудностями они сталкиваются, чего им не хватает и на основе этой информации переработать внешний вид приложения.
Проблема
На основе данных от аналитики, а также результатах опросов и обращений в поддержку мы собрали огромный список проблем. Но мы не могли решить их все, и нам нужно было выбрать наиболее важные из них для пользователей и бизнеса.
Цели
В ходе обсуждения с владельцем продукта мы сформировал следующий список больших задач:
- Повысить конверсию в авторизации пользователей
- Улучшить механику погружения новых пользователей в работу сервиса и снизить количество пользователей, бросающих взаимодействие с сервисом после регистрации
- Переработать один из ключевых разделов сервиса — статистику, чтобы владельцы бизнеса могли наглядно просматривать эффективность созданных ботов
Также мне требовалось создать дизайн систему и передать её внутренней команде сервиса, чтобы они могли продолжить развивать его самостоятельно.
Моя роль
Для проектирования макетов я изучил конкурентов и работы исследовательских компаний Nielsen Norman Group и Baymard Institute, чтобы собрать проверенные паттерны и на их основе улучшить пользовательский опыт.
На основе сформированной дизайн системы я проектировал макеты, передавал их на A/B тесты, смотрел на результаты и вносил исправления, пока не достигал нужных показателей.
Результат
В ходе работ я реализовал все запланированные задачи и добился следующих результатов:
Повысил конверсию в процессе авторизации пользователей с 20 до 30 процентов
Для этого я добавил слайдер с отзывами клиентов, а также вынес лишние шаги в настройки профиля. Также внёс несколько небольших визуальных изменений, которые сделали процесс авторизации более простым и приятным для пользователей.

Спроектировал раздел онбординга, для адаптации новых пользователей
Этот раздел разбивал всю суть взаимодействия с платформой до 4 простых шагов. В результате количество новых пользователей, которые забросили работу с сервисом сократилось в 2 раза. А текущие пользователи платформы стали упоминать в отзывах, что за счёт онбординга смогли больше узнать о существующих механиках.

На основе опроса переработал раздел со статистикой, изменив визуал и добавив новые функции
Раздел со статистикой уже существовал в сервисе, но им почти никто не пользовался. При этом этот раздел имеет ключевое значение в работе всей платформы.
Поэтому команда сервиса опросила своих пользователей и поделилась со мной результатами. На их основе я спроектировал макеты новой статистики, которые мы потом показали ранее опрошенным пользователям. В результате все 11 опрошенных отметили, что им нравится новый дизайн статистики и что он полностью соответствует их ожиданиям.

Создание дизайн системы
На протяжение всей работы над проектом я активно развивал созданную мною дизайн систему. Для этого я использовал разработки библиотеки UntitledUI, с помощью которой удалось добиться высокой согласованности макетов.

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

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

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