UX-дизайн
Разработали дизайн-концепцию и вайрфреймы.
Web3 · криптонаследие
Adivin
Adivin — сервис криптонаследия, возвратных платежей и восстановления кошельков: умный способ хранить крипту с уверенностью. Мы сделали UX/UI и полную разработку с blockchain-функциональностью.
- Blockchain-разработка
- UI/UX дизайн
- Веб-разработка
DZIGA 
···
··· - Adivin Здравствуйте! Хотим сделать MVP, чтобы показать продукт инвесторам. Идея уже есть — поможете её реализовать?
- DZIGA Здравствуйте! Да, с удовольствием возьмёмся. Сможете завтра коротко поговорить по звонку?
- Adivin Да, давайте в 14:00 CET.
Как достигли результата
UI-дизайн
Сделали прототипы и финальный UI.
Веб-разработка
Написали фронтенд и бэкенд с нуля и добавили блокчейн-функциональность.
Процесс
Главные шаги, которыми мы шли:
- 1
Подготовка
- Бриф
- Исследование
- Планирование
- 2
UX/UI-дизайн
- Создание flow-схемы
- Создание вайрфреймов
- Создание прототипов
- Финальный UI-дизайн
- Тестирование UI
- Создание UI-кита
- 3
Техническая часть
- Фронтенд-разработка
- Бэкенд-разработка
- Блокчейн-разработка
- 4
Финал
- Тестирование
- Исправление ошибок
- Согласование
- Перенос домена и хостинга
Архитектура сайта
После анализа конкурентов мы выстроили логичную структуру страниц, чтобы пользователь мог легко и понятно перемещаться по сайту.
Цвета
- #4268ED Основной синий
- #3ADA7A Акцентный зеленый
- #2C2C34 Основной текст
- #F3F6FB Фон 1
- #87879C Второстепенный текст
Типографика
Веб-дизайн
Главная цель — сайт, который передаёт идентичность бренда и ведёт посетителя к действию.
Веб-разработка
Решения, которые мы использовали в разработке:
Десктоп и мобильные
Сайт адаптирован под 2 размера экрана.
React.js
Использовали для функциональности фронтенда.
Next.js
Использовали для создания API-эндпоинтов (SSR и SSG).
Смарт-контракт
Создали смарт-контракт, который помогает спланировать криптонаследство.
Подключение кошелька
Через сторонний сервис интегрировали возможность подключить криптокошелек пользователя.
2 типа пользователей
На платформу можно зайти как создатель плана или как наследник.
Обратный отсчет
Реализовали отдельную функцию, которая запускает обратный отсчет.
Отмена плана
Добавили отдельную функцию, которая позволяет отменить свой план.
Библиотеки
Ethers (для web3-взаимодействий) и Web3-Onboard (для подключения криптокошельков).
Проект в цифрах
Мы отслеживаем время команды и точно знаем, сколько стоит каждый этап.
- 450 часов
- Ушло на реализацию проекта
- 5 специалистов
- UX-дизайнер, UI-дизайнер, блокчейн-разработчик, веб-разработчик, проектный менеджер
- 3 этапа
- От концепции до готового продукта
- 8 недель
- Прошло до сдачи проекта