Кейс

ПЛАТФОРМА НА SHOPIFY ДЛЯ КУПІВЛІ ТА КОЛЕКЦІОНУВАННЯ NFT-КАРТОК ІЗ СУПЕРГЕРОЯМИ

Платформа на Shopify для колекціонування NFT-карток із супергероями та торгівлі ними

+38%завершення онбордингу
-42%час завантаження сторінки під час дропів
+27%залученість на сторінках колекційних карток

Виміряно після запуску порівняно з попереднім періодом — GA4 / Shopify Analytics.

ПЛАТФОРМА НА SHOPIFY ДЛЯ КУПІВЛІ ТА КОЛЕКЦІОНУВАННЯ NFT-КАРТОК ІЗ СУПЕРГЕРОЯМИ
Замовити дзвінок
ОГЛЯД

КЛІЄНТ

MetaGuardians — digital-first бренд на перетині Web3, геймінгу та колекційних предметів. Продукту потрібен був не просто магазин, а платформа, яка простими словами пояснює цінність блокчейн-активів і захоплює користувача.

Мета — створити масштабовану цифрову екосистему, яка спрощує взаємодію з цифровими активами й водночас зберігає сильну, захопливу айдентику бренду.

ГалузьWeb3, геймінг, цифрові колекційні предмети
ПослугиUX/UI-дизайн, веброзробка, оптимізація продуктивності
КраїнаСША
Рік2021
ВИКЛИКИ

ЗАВДАННЯ КЛІЄНТА

Пояснити абстрактну цінність

Цифрові активи та механіки Web3 не є інтуїтивними самі собою. Виклик полягав у тому, щоб перекласти складні поняття (володіння, користь, рідкісність) на досвід, який відчувається простим і відчутним.

Яскравість без шкоди для зручності

Бренду потрібен був візуально насичений, майже ігровий інтерфейс — але без втрати ясності, навігації та шляхів до конверсії.

Продуктивність під навантаженням

Аудиторія Web3 часто приходить сплесками (дропи, запуски). Платформа мала залишатися стабільною та швидкою під непередбачуваними піками трафіку.

Розірвані сценарії користувача

Користувачі взаємодіють через кілька точок контакту (гаманці, маркетплейси, сайт). Виклик полягав у тому, щоб об’єднати це в один цілісний сценарій.

Metaguardians — Завдання клієнта (1)
Metaguardians — Завдання клієнта (2)
РІШЕННЯ

ЩО МИ ЗРОБИЛИ

Продуктова та UX-стратегія

Ми перебудували шлях користувача, щоб знизити когнітивне навантаження: інформацію розкриваємо поступово, а не перевантажуємо механіками Web3 одразу.

UX/UI-дизайн

Спроєктували інтерфейс, який поєднує яскраву графіку з чіткою ієрархією, — користувач завжди розуміє, де він і що робити далі.

Кастомна розробка

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

Інтеграції

Підключили сторонні сервіси (гаманці, API, маркетплейси) в одне ціле й прибрали перешкоди між Web2- та Web3-взаємодіями.

Metaguardians — Що ми зробили
ЕТАПИ ПРОЄКТУ

ТЕХНІЧНА РЕАЛІЗАЦІЯ

Визначили ключові сегменти користувачів (колекціонери, геймери, новачки) та побудували окремий сценарій для кожного.

Описали патерни взаємодії, які проводять користувача через незнайомі сценарії (наприклад, підключення гаманця, дії з активами).

Побудували архітектуру, де головне — швидкість: відкладене завантаження, оптимізовані ресурси та ефективна робота з API.

Провели стрес-тестування платформи під високі навантаження (запуски, дропи): платформа стабільно працює на всіх пристроях.

Jane Kholmetskaya, CTO в URich
Зв’язатися

Поговорімо

Створімо продукт, який полюблять ваші користувачі — і разом з яким зростатиме ваш бізнес.

ПІДХІД ДО РОБОТИ

РОБОЧИЙ ПРОЦЕС

Ми проаналізували і Web3-платформи, і UX класичних ігор, щоб знайти баланс між звичним та новим.

Замість того щоб надміру деталізувати дизайн наперед, ми перевіряли ключові UX-рішення швидким прототипуванням і внутрішнім тестуванням.

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

Передбачили проблеми з інтеграціями гаманців, збоями API та сплесками трафіку — і побудували запасні сценарії.

Аналіз після запуску допоміг знайти перешкоди в онбордингу та сценаріях конверсії.

Metaguardians — Платформа на shopify для купівлі та колекціонування nft-карток із супергероями
ПІДСУМКИ

РЕЗУЛЬТАТИ ПРОЄКТУ

Платформа, на якій складні взаємодії Web3 відчуваються доступними навіть для тих, хто в темі вперше.

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

Стабільна робота під час подій із високим трафіком, тож користувачі не йдуть у критичні моменти.

Масштабована архітектура, готова до подальшого розвитку продукту без повного редизайну.

Metaguardians — Результати проєкту (1)
Metaguardians — Результати проєкту (2)
ТЕХНОЛОГІЇ

З ЧИМ МИ ПРАЦЮВАЛИ

Shopify

  • Shopify Theme
  • Shopify App
  • Shopify API
  • Shopify Storefront

Розробка

  • Flow Blockchain
  • Cadence
  • ReactJS
  • Next.js
  • TypeScript
  • NFT

Хочете таких самих результатів для свого магазину? Замовте безкоштовну стратегічну консультацію

Останні проєкти
Останні проєкти
Останні проєкти
Останні проєкти
Останні проєкти
Останні проєкти
Останні проєкти
Останні проєкти
Масштабований магазин на Shopify для світових продажів декору
Деталі
Досягнення:
коефіцієнт конверсії:
+18%
середня тривалість сесії:
+33%
залученість іноземної аудиторії:
+24%
Галузь:
Дім і декор, eCommerce
shopify-development|ui-ux-design | Масштабований магазин на Shopify для світових продажів декору

Масштабований магазин на Shopify для світових продажів декору

Гейміфікована платформа NFT-аукціонів на Ethereum
Деталі
Досягнення:
участь в аукціонах у реальному часі
+68%
середня тривалість сесії
+42%
повторні ставки
+55%
Галузь:
Web3, NFT-маркетплейс, блокчейн
ui-ux-design|web-development | Гейміфікована платформа NFT-аукціонів на Ethereum

Гейміфікована платформа NFT-аукціонів на Ethereum

Симулятор для підготовки пілотів цивільної авіації
Деталі
Галузь:
Авіація, симуляції, EdTech
mvp|web-development | Симулятор для підготовки пілотів цивільної авіації

Симулятор для підготовки пілотів цивільної авіації