DZIGA — рекламна агенція

Web3 · криптоспадщина

Adivin

Adivin — сервіс криптоспадщини, зворотних платежів і відновлення гаманців: розумний спосіб тримати крипту зі спокійною душею. Ми зробили UX/UI і повну розробку з blockchain-функціональністю.

Проєкт Adivin
Отримайте безплатний аудит уже сьогодні Обговорити
  • Blockchain-розробка
  • UI/UX дизайн
  • Веброзробка
DZIGA ···
  1. Adivin Вітаємо! Хочемо зробити MVP, щоб показати продукт інвесторам. Ідея вже є — допоможете її втілити?
  2. DZIGA Вітаємо! Так, залюбки візьмемося. Зможете завтра коротко поговорити на дзвінку?
  3. Adivin Так, давайте о 14:00 CET.
Бренд Adivin

Як досягли результату

UX-дизайн

Розробили дизайн-концепцію та вайрфрейми.

UI-дизайн

Зробили прототипи й фінальний UI.

Веброзробка

Написали фронтенд і бекенд з нуля та додали блокчейн-функціональність.

Процес

Головні кроки, якими ми йшли:

  1. 1

    Підготовка

    • Бриф
    • Дослідження
    • Планування
  2. 2

    UX/UI-дизайн

    • Створення флоу-схеми
    • Створення вайрфреймів
    • Створення прототипів
    • Фінальний UI-дизайн
    • Тестування UI
    • Створення UI-кіту
  3. 3

    Технічна частина

    • Розробка фронтенду
    • Розробка бекенду
    • Блокчейн-розробка
  4. 4

    Фінал

    • Тестування
    • Виправлення помилок
    • Погодження
    • Перенесення домену та хостингу

Архітектура сайту

Після аналізу конкурентів ми побудували логічну структуру сторінок, щоб користувач рухався сайтом зрозуміло й без перешкод.

Карта сторінок сайту Adivin

Кольори

  • #4268ED Основний синій
  • #3ADA7A Акцентний зелений
  • #2C2C34 Основний текст
  • #F3F6FB Фон 1
  • #87879C Другорядний текст

Типографіка

Типографіка проєкту AdivinТипографіка проєкту Adivin

Вебдизайн

Головна мета — сайт, що передає ідентичність бренду й веде відвідувача до дії.

Дизайн Adivin — десктоп
Дизайн Adivin — мобільна версіяДизайн Adivin — мобільна версіяДизайн Adivin — мобільна версіяДизайн Adivin — мобільна версія

Веброзробка

Рішення, які ми використали у розробці:

Десктоп і мобільні

Сайт адаптовано під 2 розміри екрана.

React.js

Використали для функціональності фронтенду.

Next.js

Використали для створення API-ендпоїнтів (SSR і SSG).

Смартконтракт

Створили смартконтракт, який допомагає спланувати криптоспадщину.

Підключення гаманця

Через сторонній сервіс інтегрували можливість підключити криптогаманець користувача.

2 типи користувачів

На платформу можна зайти як творець плану або як спадкоємець.

Зворотний відлік

Реалізували окрему функцію, яка запускає зворотний відлік.

Скасування плану

Додали окрему функцію, що дає змогу скасувати свій план.

Бібліотеки

Ethers (для web3-взаємодій) і Web3-Onboard (для підключення криптогаманців).

Проєкт у цифрах

Ми трекаємо час команди й точно знаємо, скільки коштує кожен етап.

450 годин
Пішло на реалізацію проєкту
5 фахівців
UX-дизайнер, UI-дизайнер, блокчейн-розробник, веброзробник, проєктний менеджер
3 етапи
Від концепції до готового продукту
8 тижнів
Минуло до здачі проєкту

Обговоримо ваш проєкт?

Оберіть зручний спосіб зв'язку — відповімо протягом 15 хвилин.

Зв'язатися з нами

Подивитись інші кейси?

Усі 24 проєктів з результатами — на одній сторінці.

До всіх кейсів