Контекст
Проект для автоматизации групповых инвестиций и отслеживания вестинга.
отслеживания вестинга
Главной особенностью моей реализации стала возможность создавать свой интерактивный календарь вестинга в специальном блочном редакторе.
Срок на реализацию проекта: 3 месяца.
Реализация
Основные разделы MVP-версии
Dashboard
Общая сводка по активам
Contacts
Управление контактами
Investments
Управление инвестициями
Wallets
Управление кошельками
Distribute
Распределение токенов
Дашборд
Главный экран
На главном экране
- Общая оценка портфеля и динамика изменения его стоимости
- Поддержка нескольких сетей с отображением активов по каждой сети
- Разделение активов на ликвидные, застейканные и заблокированные
- Возможность подключения и управления несколькими кошельками
- Панель уведомлений с событиями по депозитам, выводам и ценовым алертам
Инвестиции
Окно с деталями проекта
На раздел Инвестиции завязаны юзерфлоу создания, мониторинга, управления инвестиционными проектами, распределения долей среди участников групповых инвестиций.
Список проектов (инвестиций)
Создание нового проекта
Создание нового проекта
Распределение долей среди участников
Календарь вестинга
Главная особенность!
Демонстрация прототипа редактора
Под каждый инвестиционный проект можно создать свой таймлайн вестинга.
Таймлайн собирается из трёх типов блоков:
- Token Generation Event (TGE) — корневой блок, существует как точка отсчёта, нельзя создать или удалить. Блок ожидает поступление конкретного количества токенов.
- Lockup — блок ожидания между итерациями вестинга. Можно добавить ожидание зачисления по окончании ожидания.
- Vesting — основной блок. В зависимости от ввода адаптивно генерит чередующуюся последовательность зачислений с одинаковым промежутком ожидания (пример на видео).
К каждому блоку можно добавить комментарий.
Интерфейс редактора
Интерфейс редактора
Распределение
В групповых инвестициях поступившие токены надо каждый раз распределять среди участников согласно их доле. Для этого есть чисто технический раздел Distribute.
Само распределение происходит на базе соседнего проекта send.place.
Список токенов, ожидающих распределения
Окно с подтверждением
Прочее
Окно контактов
Окно управления кошельками
Экран логина
Экран регистрации
Оформление документации
Подробно описал для фронтов весь набор компонентов. Прокомментировал каждый стиль, каждое состояние. Визуально разметил отступы, чтобы упростить вёрстку и последующий дизайн-ревью. Примеры: