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 часа и исполняется, только если совпадает с ценой продавца. Продажа работает так же, с минимальной ценой.

Следующий
кейс:
Готовы
работать вместе ?

    Привет! Меня зовут . Меня интересует С удовольствием обсужу проект Хочу пообщаться
    по электронной почте