thelegacy

dapple

  • UX/UI
Клієнт

dapple, спершу намальований як Influencer Index, — маркетплейс, де фанати збирають, виграють у дропах і перепродують пронумеровані едішени карток знаменитостей, під рядком «Share in the success of your favorite celebrities».

Що ми зробили

UX/UI мобільного застосунку та його вебверсії: онбординг, дискавер і сторінки карток, дропи у три фази з живим аукціоном, торгівля лімітними ордерами, челенджі й профіль, перевірка особи та платежі.

Маркетплейс карток знаменитостей для фанатів

dapple пропонує фанатам розділити успіх улюблених знаменитостей. Кожного інфлюенсера випущено як пронумеровані едішени карток, які користувачі збирають, виграють у дропах і перепродують одне одному, а ціна едішену змінюється разом із ринком. У файлах дизайну продукт має дві назви: Influencer Index на ранніх екранах і dapple на пізніших. Ми розробили мобільний застосунок і його вебверсію в одній індиго-білій системі — від реєстрації до платежів.

Онбординг пояснює ідею двома слайдами: «Collect to connect» — картки, челенджі й нагородні картки для торгівлі на маркетплейсі — і «Become a true fan» з ексклюзивними фан-клубами. Для реєстрації потрібен номер телефону з кодом підтвердження або акаунт Google, Facebook чи Apple, а перший челендж уже чекає: отримати першу картку, підтвердивши особу, зараз або пізніше.

Onboarding: Share in the success of your favorite celebrities
Onboarding: Collect to connect
Sign up with a phone number, Google, Facebook or Apple
First challenge: verify your identity to get your first card

Дискавер, сторінки інфлюенсерів і едішени карток

Розділ Discover показує картки сіткою з ціною та зміною, з вкладками Featured і Popular та фільтрами за категорією й країною. Сторінка інфлюенсера відкривається портретом на весь екран, кількістю його карток у вас, графіком ціни від години до всього часу та вашими активами. Сторінка едішену додає власну ціну, ринкову статистику з капіталізацією, обсягом купівель і продажів та місцем інфлюенсера в індексі, а також історію торгів; сети показують, скільки карток лишилося до повного набору.

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

Discover: card grid with prices and filters
Influencer page with price chart and holdings
Card edition details with price and market statistics
Card pack details
Home with balance, points, watchlist and trending cards
Watchlist sorted by date added and price change
Daily roundup of card prices
Web: top rated influencers by market cap
Web: buying with an amount to invest and a max price
Web: account transactions

Дропи: нові картки виходять у три фази

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

Під час аукціону шкала показує, де перебуває ставка: у верхніх 25%, посередині, у нижніх 50% чи в небезпечній зоні, — з підказкою підвищити її та сповіщеннями до того, як ставку переб’ють. Виграна картка потрапляє в колекцію разом із балами колекціонера й прогресом до наступного рівня, а програш супроводжує пропозиція спробувати ще раз.

Drops in phases 0, 1 and 2
Phase 0: dropping soon with a countdown
Phase 2: live auction, the bid in the bottom 25%
Congrats: the card is won

Купівля й продаж карток лімітними ордерами

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

Buy cards: number of cards and max price per card
Review your order
Order submitted

Челенджі, бейджі та профіль колекціонера

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

Challenges in progress with streaks
A completed challenge and badges
Profile with level, points, wallet and cards
Collection of editions and sets

Перевірка особи та платежі

Для торгівлі потрібна підтверджена особа, як того вимагає фінансове регулювання, і застосунок дає змогу пройти перевірку одразу після реєстрації або перед першою покупкою. Перевірка збирає особисті дані й адресу, підтверджує email, питає, чи є користувач громадянином США, власником грін-карти чи візи, і просить останні чотири цифри номера соціального страхування, а потім фотографує ID-картку, посвідчення водія чи паспорт і селфі з підказками для кожного знімка.

Гроші надходять карткою або банківським переказом з адресою для рахунку, і кожне поповнення завершується екраном успіху чи помилки з деталями транзакції; виведення показує попередній перегляд із часом зарахування та комісією. Окремі стани мають і крайні випадки: неправильний код, прострочені банківські дані, користувачі до 18 років і нестача коштів у гаманці.

Identity check: US citizen and social security number
Identity check: photo of the ID card
Identity check: selfie
Add funds
Successful top-up
Unsuccessful top-up
Billing address

Вебверсія

Вебверсія переносить ті самі сценарії на десктоп: реєстрація на розділеному екрані з вордмарком dapple і рядком «Share in the success of your favorite celebrities», покрокова реєстрація, купівля з діалогом максимальної ціни, перевірка й підтвердження ордера, поповнення збереженим способом оплати та акаунт із транзакціями.

Web sign-up with the dapple wordmark
Web registration in steps
Web log in
Web phone verification
Web tutorial: how a limit order works
Web: review your order
Web: set the max price per unit
Web: order submitted
Web: add funds with a payment method
Web: funds added

Факти про проєкт

Клієнт
dapple (робоча назва Influencer Index), маркетплейс для колекціонування й торгівлі едішенами карток знаменитостей
Галузь
Фінтех, цифрові колекційні предмети, залучення фанатів
Платформа
Мобільний застосунок (iPhone), вебверсія (десктоп)
Послуги
UX/UI-дизайн мобільного застосунку та його вебверсії
Що зроблено
Онбординг і реєстрація; головна, список спостереження й щоденний підсумок; дискавер, сторінки інфлюенсера, едішену й набору карток; дропи у три фази з живим аукціоном; купівля й продаж лімітними ордерами; акаунт і транзакції; челенджі, бейджі та профіль; перевірка особи; поповнення, виведення й платіжна адреса; основні сценарії на десктопі; нотатки щодо станів і крайніх випадків
Схожі кейси
ARUS, Levens, Solid

Питання про проєкт

Що таке dapple?

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

Що thelegacy розробила для dapple?

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

Як працюють дропи в dapple?

Нові картки виходять у дропах, по одній картці на користувача. Фаза 0 анонсує випуск зі зворотним відліком, у фазі 1 перші 500 учасників мають шанс на одну з трьох спеціальних карток, а фаза 2 — живий аукціон, де шкала показує, чи ставка у верхніх 25%, посередині чи в небезпечній зоні.

Як працює торгівля в застосунку dapple?

Через лімітні ордери: користувач обирає кількість карток і максимальну ціну за картку — з ціною, запропонованою ринком, — а ордер дійсний 24 години й виконується, лише якщо збігається з ціною продавця. Продаж працює так само, з мінімальною ціною.

Наступний
кейс:
Готові
працювати разом ?

    Привіт! Мене звати . Мені потрібен Залюбки обговорю проєкт Хочу поспілкуватися
    електронною поштою