CapsCoin Platform
Продуктовый дизайнер. Создала UI-kit и UX/UI дизайн десктопной и мобильной версии платформы для NFT игр.
О Проекте
Цель
CapsCoin Platform — платформа для NFT игр, объединяющая все игры одним динамическим игровым активом, который накапливает в себе XP, криптовалюту, повышая тем самым свою стоимость.
Заказчик разработал платформу для NFT игр и хотел запустить ее на рынок Европы и Америки. Для платформы необходимо было создать интерфейс компьютерной и мобильной версии. Так как конкурентов у компании не было, предстояло сделать анализ целевой аудитории и провести большое количество количественых и качественных исследований, чтобы выпустить на рынок удобный для пользователя продукт.
Задачи
Разработать с нуля UI-kit и UX/UI дизайн платформы для NFT игр, ориентированную на ранок Америки и стран Европы.
Платформа делится на 2 типа пользователей — зарегистрированных и незарегистрированных. Для зарегистрированных пользователей необходимо было сделать личный кабинет, в котором они смогут играть в игры, покупать новые NFT токены и получать информацию о своих активах.
Платформа делится на 2 типа пользователей — зарегистрированных и незарегистрированных. Для зарегистрированных пользователей необходимо было сделать личный кабинет, в котором они смогут играть в игры, покупать новые NFT токены и получать информацию о своих активах.
Этапы работы
- Создать UI-kit: шрифты, цвета, компоненты на autolayouts и variants.
- Провести исследования целевой аудитории.
- Собрать прототип.
- Написать текст для интерфейса.
- Сделать первый драфт дизайна компьютерной и мобильной версии платформы.
- Передать макеты в продакшен и созваниваться с командой разработки для оперативного внесения правок.
- Провести качественные и количественные исследования MVP на лояльной аудитории.
- Внести корректировки на основе результатов проведенных исследований.
- Взаимодействовать с командой разработки до полной готовности платформы.
Проблема
Главной проблемой являлось то, что CapsCoin — это блокчейн проект с NFT играми, значит у него очень узкая целевая аудитория. Стояла задача, снизить порог входа, чтобы человек не знающий ничего о блокчейне, мог зарегистрироваться на платформе и начать играть.
Я провела количественные исследования среди 5000 игроков из классического гейминга и выяснила, что они не готовы регистрировать metamask или любой другой крипто-кошелек, чтобы играть на платформе, даже при условии, что это безопасно, бесплатно и занимает 2 минуты.
Вывод: нужно дать людям возможность познакомиться с платформой и играть без регистрации крипто-кошелька. Но в этом решении есть технические трудности связанные с записью игрового опыта. Мы с product менеджером пообщались с командой программистов и нашли решение.
Сначала игрок может зарегистрироваться по Email и весь игровой опыт будет записываться не на его NFT объект, а будет храниться на платформе и после того, как игрок будет готов создать крипто-кошелек и вывести на него свои активы, мы дадим ему это сделать.
Я провела количественные исследования среди 5000 игроков из классического гейминга и выяснила, что они не готовы регистрировать metamask или любой другой крипто-кошелек, чтобы играть на платформе, даже при условии, что это безопасно, бесплатно и занимает 2 минуты.
Вывод: нужно дать людям возможность познакомиться с платформой и играть без регистрации крипто-кошелька. Но в этом решении есть технические трудности связанные с записью игрового опыта. Мы с product менеджером пообщались с командой программистов и нашли решение.
Сначала игрок может зарегистрироваться по Email и весь игровой опыт будет записываться не на его NFT объект, а будет храниться на платформе и после того, как игрок будет готов создать крипто-кошелек и вывести на него свои активы, мы дадим ему это сделать.
Сделать 2 кнопки для регистрации на платформе, первая через крипто-кошелек, вторая через Email. Нажимая на главном экране кнопку «Connect wallet», юзер переводится на автоматическую регистрацию через кошелек Metamask, так как на начальных этапах работы платформы доступен только этот кошелек. В дальнейшем, можно будет выбрать другие варианты.
При нажатии на кнопку «Sign in with Email» открываются настройки аккаунта, где можно сразу загрузить свою аватарку, выбрать уникальный юзернейм, заполнить Email и страну, в которой пользователь находится.
При нажатии на кнопку «Sign in with Email» открываются настройки аккаунта, где можно сразу загрузить свою аватарку, выбрать уникальный юзернейм, заполнить Email и страну, в которой пользователь находится.
РЕШЕНИЕ
UI-kit
UI-kit состоит из стандартного набора. Все элементы в autolayouts и variants.
Я подобрала цвета исходя из цветов уже готового на тот момент сайта компании. Заказчик хотел сделать платформу на темном фоне, поэтому я взяла основной контрастный салатовый цвет, а второстепенный фиолетовый.
Создала кнопки для темной и на будущее, если понадобится, для светлой версии платформы.
Подобрала шрифты и кегли для текста и заголовков.
Отрисовала базовый набор иконок.
Я подобрала цвета исходя из цветов уже готового на тот момент сайта компании. Заказчик хотел сделать платформу на темном фоне, поэтому я взяла основной контрастный салатовый цвет, а второстепенный фиолетовый.
Создала кнопки для темной и на будущее, если понадобится, для светлой версии платформы.
Подобрала шрифты и кегли для текста и заголовков.
Отрисовала базовый набор иконок.
Анализ аудитории
Анализ конкурентов
Прямых конкурентов на момент основания компании у CapsCoin не было. Я выбрала максимально близкий проект из классического гейминга — игровую платформу Steam.
Так как компания CapsCoin планировала привлечь людей не знакомых с блокчейном и NFT играми, Steam нам подходил.
Во вторую очередь, я проанализировала популярные NFT игры с большой аудиторией, вышедшие на рынок.
Игровая платформа Seam — это платформа-магазин с элементами социальной сети. Для производителей она выполняет роль защиты авторских прав и дает возможность продажи игр и компонентов. Для игроков представляет огромный выбор игр на одной платформе и обеспечивает связь между игроками, чтобы они могли объединяться в комьюнити, общаться и играть командами. Только за прошлый год на платформе появилось более 12 000 новых релизов.
Steam для компании CapsCoin является главным ориентиром. В ходе работы даже появилось негласное определение, что CapsCoin — это Steam для NFT игр.
Далее я проанализировала NFT игры, которые привлекли большую аудиторию за 2022 год. Такие как: Illuvium, Sipher, Star Atlas, Axie Infinity. Надо отметить, что за 2022 год, крипто-игры сильно изменились и приблизились по качеству и проработанности сюжета к классическому геймингу.
Так как компания CapsCoin планировала привлечь людей не знакомых с блокчейном и NFT играми, Steam нам подходил.
Во вторую очередь, я проанализировала популярные NFT игры с большой аудиторией, вышедшие на рынок.
Игровая платформа Seam — это платформа-магазин с элементами социальной сети. Для производителей она выполняет роль защиты авторских прав и дает возможность продажи игр и компонентов. Для игроков представляет огромный выбор игр на одной платформе и обеспечивает связь между игроками, чтобы они могли объединяться в комьюнити, общаться и играть командами. Только за прошлый год на платформе появилось более 12 000 новых релизов.
Steam для компании CapsCoin является главным ориентиром. В ходе работы даже появилось негласное определение, что CapsCoin — это Steam для NFT игр.
Далее я проанализировала NFT игры, которые привлекли большую аудиторию за 2022 год. Такие как: Illuvium, Sipher, Star Atlas, Axie Infinity. Надо отметить, что за 2022 год, крипто-игры сильно изменились и приблизились по качеству и проработанности сюжета к классическому геймингу.
Я разделила целевую аудиторию на 3 группы:
Первая аудитория, хочет зарабатывать деньги играя в NFT игры. они охотно участвуют во всех событиях, которые подразумевают выигрыш за простой действие. Будь то AirDrop с раздачей NFT токенов или криптовалюты за подписку на все соц. сети компании или простые конкурсы. Это самая лояльная и простая аудитория.
Вторая группа опасается, что может потерять деньги. Они много слышали про разные NFT игры, смотрели обзоры на Ютубе, им интересно попробовать, но они не знают с чего начать, чтобы их не обманули.
Третья группа самая сложная. После проведенных количественных исследований, я выяснила, что игроки из классического гейминга разделились на две группы. 70% опрошенных слышали об NFT играх и категорически против в них играть - это не наша ЦА. Остальные 30% либо не знают об NFT играх, либо не очень заинтересованы - с этой аудиторией можно работать.
- Игроки, которые уже играют в NFT игры
- Люди, которые знают об NFT играх, еще не играют, но хотят попробовать.
- Игроки из классического гейминга, которые не знают об NFT играх.
Первая аудитория, хочет зарабатывать деньги играя в NFT игры. они охотно участвуют во всех событиях, которые подразумевают выигрыш за простой действие. Будь то AirDrop с раздачей NFT токенов или криптовалюты за подписку на все соц. сети компании или простые конкурсы. Это самая лояльная и простая аудитория.
Вторая группа опасается, что может потерять деньги. Они много слышали про разные NFT игры, смотрели обзоры на Ютубе, им интересно попробовать, но они не знают с чего начать, чтобы их не обманули.
Третья группа самая сложная. После проведенных количественных исследований, я выяснила, что игроки из классического гейминга разделились на две группы. 70% опрошенных слышали об NFT играх и категорически против в них играть - это не наша ЦА. Остальные 30% либо не знают об NFT играх, либо не очень заинтересованы - с этой аудиторией можно работать.
Исследования
Необходимо было проработать меню таким образом, чтобы платоформой могли пользоваться зарегистрированные и незарегистрированные пользователи.
Я провела бенчмаркинг среди компаний с похожим функционалом. В результате, самым частым и удобным решением стало создание двойного меню.
Я сделала верхнее меню — для незарегистрированных пользователей и боковое — для зарегистрированных, в нем уже отображается личная и формация для каждого игрока, оно не выводится для тех, кто незарегистрирован на платформе.
Я провела бенчмаркинг среди компаний с похожим функционалом. В результате, самым частым и удобным решением стало создание двойного меню.
Я сделала верхнее меню — для незарегистрированных пользователей и боковое — для зарегистрированных, в нем уже отображается личная и формация для каждого игрока, оно не выводится для тех, кто незарегистрирован на платформе.
глубинные интервью
После того, как мы собрали первый прототип было важно понять, как пользователи видят наш продукт, удобно ли им пользоваться платформой, захотели ли они на ней зарегистрироваться, какие возникают трудности в десктопной и мобильной версии.
Из соцсетей компании мы выбрали 20 человек, которые захотели участвовать в глубинном интервью. Я составила список вопросов и совместно с продакт менеджером мы провели интервью.
Далее я проанализировала ответы пользователей и составила список изменений. В основном были трудности с процессом перевода криптовалюты на NFT CAPS. Мы упростили этот процесс, добавили дополнительную иконку плюсика рядом с каждым кэпсом, написали подробную инструкцию и изменили название кнопки.
Из соцсетей компании мы выбрали 20 человек, которые захотели участвовать в глубинном интервью. Я составила список вопросов и совместно с продакт менеджером мы провели интервью.
Далее я проанализировала ответы пользователей и составила список изменений. В основном были трудности с процессом перевода криптовалюты на NFT CAPS. Мы упростили этот процесс, добавили дополнительную иконку плюсика рядом с каждым кэпсом, написали подробную инструкцию и изменили название кнопки.
