Редизайн сервиса автоследования
за криптостратегиями
О проекте
Инвво — платформа копитрейдинга криптовалютных стратегий. Команда сервиса обратилась к нам с задачей обновить витрину стратегий, не отходя от общей визуальной концепции. В итоге работа над одним флоу переросла в редизайн всей платформы.
Что делали и делаем на проекте
Проводили аудит и юзабилити исследования, внесли изменения
в логическую архитектуру, на основании рекоммендаций сделали редизайн платформы. Также готовимся к запуску медиа и готовим локализацию для зарубежного рынка.
География присутствия
Международная платформа
Предпроектная аналитика
При исследовании мы учитывали 3 стороны взаимодействия
Авторы стратегий — публикуют свои стратегии на платформе и зарабатывают
на комиссиях за успех подписавшихся на них инвесторов. Целевая задача — заработать на комиссиях за следование и продвигать личный бренд.
Пассивные инвесторы — основные пользователи платформы. Целевая задача — найти автора стратегий, которому можно доверить управление своими активами.
Команда сервиса — независимая сторона. Целевая задача — синхронизировать сделки
2 сторон и предоставлять анализ деятельности авторов.
Как работает копитрейдинг
Авторы и инвесторы подключают уникальные API-ключи своих торговых платформ (сейчас можно подключить только Binance). Invvo синхронизирует торговые кошельки пользователей и автоматически копируют сделки автора на аккаунт инвестора.
Скорость копирования составляет от 0.05 секунды, что минимизирует расхождения копирования сделок. Также стоит обратить внимание и на безопасность подобных сделок — сервис сохраняет историю торгов, поэтому подделать данные аналитики невозможно.
Бинанс и подобные ему криптобиржи имеют одну глобальную проблему — их интерфейс не выдает обратной связи пользователю. Ты не понимаешь, как перейти к следующему шагу, ведь большинство нужных тебе элементов заблокировано.
Есть технические ограничения, которые не позволяют подключить аккаунт,
даже если все сделано правильно. Интерфейс выдал нам 3 типа ошибок,
пока мы пытались его подключить.
Подключение кошелька. Чтобы его привязать, нужно вытащить API ключи с биржи. Но понять интуитивно, как это сделать — нереально. Нам потребовался созвон с заказчиком, чтобы правильно все настроить. На этом этапе мы поняли следующее:
Анализ сервиса
У клиента уже был полностью рабочий прототип и первым делом мы решили испытать его на себе. Пополнили Бинанс USDT и полетели инвестировать.
Бинанс не объяснит тебе, почему секретный ключ исчез навсегда, а ограничения API в режиме редактирования заблокированы
Первая проблема с которой мы столкнулись — создание API-ключей на Binance интуитивно непонятный процесс
  1. Наш сервис сильно зависит от синхронизации со сторонними платформами,
а они в свою очередь не позволяют нам сделать опыт пользователя бесшовным. Это навело на мысль, что необходимо сделать обучающие гайды и разместить ссылки на них в определенных местах.
  2. Интерфейс не выдает обратной связи пользователю, поэтому наша задача — проработать состояния и сопроводить пользователя на всем его пути.
Основные механики сервиса не объяснялись пользователю и никак
не подсвечивались. Система могла отключить автоследование, не предупредив об этом. Ну или можно было застрять на этапе подключения кошелька.
Основные выводы 💡
2 проблема — наш сервис тоже ничего не объяснял
Исследование конкурентов
Мы провели анализ прямых конкурентов и финтех-компаний, которые не связаны с криптовалютой, но аналогично invvo предоставляют аналитические данные. Финтех сервисы в России по данным независимых исследований превосходят заграничные (и как мы лично заметили — превосходят криптобиржи в качестве пользовательского опыта).
На основании анализа сформировали рекоммендации и перешли к этапу обновления логики сервиса.
Обновляем логику сервиса
У продукта уже была разработана mindmap, но она не соответствовала действительности, т.к. новый функционал внедрялся на флоу хаотично.
Мы составили новую карту функциональности исходя из текущих задач, которую легко редактировать в случае необходимости.
После того, как построили mind map и наметили точки роста в рамках аудита, мы перешли к этапу дизайна
Дополнительно провели аудит текущих решений на сервисе и оформили его в ноушен.
Дизайн сервиса
Базовые токены
Мы не собирали мудборд на этом проекте, т.к. изначально был запрос не менять стилистику кардинально. Мы оставили акцентный цвет и шрифт Manrope.
Он является хорошим интерфейсным гротеском и поддерживает тематику сервиса. Поменяли иконографику на новую, т.к. старые иконки были в разной стилистике.
Старая навигация
Навигация
Объединили навигацию внутри интерфейса: раньше она была разделена на сайдбар и шапку, что при малом количестве разделов было нецелесообразным
Самое главное нововведение — кнопка подключения биржи. Раньше она была спрятана
в профиле юзера, но теперь доступна из любой точки сервиса
В новую навигацию внедрили дополнительный функционал, а также общую сводку по подключенным счетам
На этом флоу мы провели огромное количество изменений и обо всех тут рассказать
не получится, но зато можно почитать наше сопроводительное для первой итерации макетов. По нему можно понять процесс нашей работы
Мы доработали карточки и сделали их более информативными, а также добавили фильтрацию в выдачу и сделали разделение на категории.
Витрина после редизайна
Витрина до редизайна
Витрина стратегий
Изначально состояла только из карточек, которые не передавали ключевые характеристики стратегий.
Портфель инвестора
Мы переосмыслили инструменты анализа портфеля и сделали их более наглядными,
а также перенесли оплату комиссий и управление счетами на главный экран
Первую базу знаний для сервиса мы собрали на ноушене, чтобы не тратить бюджет на разработку кастомной базы (она появится в дальнейшем)
Добавили базу знаний с возможностью вывода 4 статей на основной экран (Их можно заменять, чтобы подсветить пользователям важные моменты)
Сделали пай чарт нагляднее, связав данные в таблице через цветовые обозначения и интерактивное взаимодействие (при наведении на пай, выделяется соответствующая строка)
В таблице убрали повторяющиеся элементы и расширили количество выводимых данных, добавили ссылки на стратегии
Страница стратегии
Детально представили все характеристики и вывели статистику торгов, чтобы инвестор смог принять взвешенное решение. На первом экране представлена ключевая информация по стратегии
После подключения остается лишь попивать пинаколаду и отслеживать результаты. Пользователь всегда имеет возможность управлять своими активами в стратегии: изменить их количество, отключить стратегию и т. д.
Подключение стратегии происходит в рамках одной модалки — необходимо лишь выбрать счет и количество вводимых в стратегию средств
Блоки с терминологией имеют пояснения — мы внедрили подсказки почти везде. Все для того, чтобы пользователям легче было разобраться в показателях стратегий
Разработали интерактивные графики с возможностью сравнения величин между собой — это самый сложный блок на всем сервисе с точки зрения разработки и дизайна
Мы добавили все необходимые настройки и сгруппировали их по соответствующим разделам
Профиль до редизайна
Профиль пользователя
Раньше в профиле юзер не мог редактировать все свои данные, например, нельзя было изменить пароль или сменить язык интерфейса
Авторизация
Авторизацию мы делали дважды, т.к. за долгое время работы менялись требования
к процессу регистрации юзеров.
Первую итерацию сделали в наиболее простом исполнении: вход и регистрация через пароль и почту, добавили кнопку поддержки, если у пользователя возникнет проблема при входе в сервис.
Когда пришло время второй итерации, мы внедрили быструю авторизацию, основной акцент сделали на (скрыто), т.к. в будущем будет интеграция с (скрыто)
Задизайнили пошаговый процесс добавления биржи
Написали 6 инструкций для разных бирж по интеграции сервиса (учли даже мобильные устройства)
Перевели все на английский язык (точнее, перевел наш штатный переводчик)
Подключение биржи
Тут многое показать мы тоже не сможем, т.к. ждем завершения разработки со стороны клиента. Можем только рассказать, что сделали:
Блог
После того, как возникла потребность в полноценном блоге, мы начали проектирование. До этого блога на сервисе не было, дизайнили его с нуля
Задизайнили внутренние страницы статей и справочных материалов
Сделали поиск по материалам блога
Мы перенесли туда статьи базы знаний из ноушена, а также сделали возможность подсвечивать интересные посты из соцсетей
Лендинг
Показали, чем занимается сервис, выделили основную ЦА и убрали лишнее
Промостраница авторов стратегий
Сделали отдельную страницу для привлечения авторов на платформу. Рассказали об основных преимуществах партнерства и про интерфейс
«Нашли ребят из Итерации практически случайно, просматривая десятки анкет дизайнеров на фрилансе.
При первом общении сразу возникло ощущение сочетания сильной вовлеченности и при этом профессионализма несмотря на молодой возраст команды. Читать полностью
Имя скрыто (NDA)
Co-founder, invvo
Давайте обсудим ваш проект
Заполните форму или напишите Паше — мы свяжемся с вами в ближайшее время
Нажимая на кнопку, вы соглашаетесь с политикой конфиденциальности
Для успешного спича
Скачать презентацию
В телеграм
Написать Паше
Делаем продукты удобнее c 2021 — ∞
Давайте обсудим ваш проект
Заполните форму или напишите Паше — мы свяжемся с вами в ближайшее время
Нажимая на кнопку, вы соглашаетесь с политикой конфиденциальности
Для успешного спича
Скачать презентацию
В телеграм
Написать Паше