Как мы выиграли $2500 в конкурсе Telegram
Редизайн Кошелька в Telegram, который мы сделали с дизайнерами студии Лебедева, заняв 1 место
ㅤ
Всем привет! Меня зовут Женя и я продуктовый дизайнер в международном направлении Яндекс Go. Недавно пока я еще был дизайнером студии мы с друзьями-студийцами Митей Круто и Антоном а4 заняли одно из четырех первых мест в конкурсе телеги. Ниже о нашей работе.
ㅤ
Задание
Основной задачей конкурса было организовать счета внутри и сделать криптокошелек понятнее для новых пользователей. Основной кошелек телеграма – кастодиальный, то есть у третьих лиц есть доступ к счету, типа как у банка есть доступ к вашим картам и в любой момент он может снять или заблокировать вам деньги. TON Space – это некастодиальный кошелек, что значит, доступ к нему есть только у вас по 17-значной фразе. На TON Space покупаете крипту, NFT, домены, номера и храните их там. Сейчас в интерфейсе это не параллельные сущности, непонятно, чем они отличаются, и в целом всё запутано.
ㅤ
Как делали
Мы решили не лезть в продукт, потому что одному Дурову известно, в какую сторону пойдет кошелек, и поэтому решили сосредоточиться и угореть на тему интерфейсных решений.
Первые два дня мы потратили на то, чтобы изучить задание. Перевели всё на русский, разобрались в терминах и требованиях. Это важно, потому что в таких конкурсах оценивается соответствие всем пунктам. Чтобы классно провести время и не сильно упарываться, мы решили делать небольшой командой из двух дизайнеров и моушн-дизайнера. Моушн-дизайнера взяли в команду, потому что в конкурсе сказано, что предпочтение отдается работам с видео.
ㅤ
Навигация
Навигацию по кошелькам мы вынесли на самый верх в таб. Справа во вкладке TON Space сразу с инфой о балансе и аватаркой для идентификации счёта. Подумали над тем, если тон кошельков будет много и заложили масштабируемость.
ㅤ
Главный экран
Главный экран кошелька и TON Space были разработаны по одинаковым принципам. В коммуникациях TON Space всегда используется на темном фоне; сохранив эту особенность айдентики, мы перенесли её на фон тон кошелька.
ㅤ
Первое знакомство пользователя
Криптокошелек — это сложная штука, и одной из основных задач было упростить его использование. Важно встроить онбординг прямо внутрь интерфейса и провести пользователя шаг за шагом по основным функциям. Раздел «Assets» отображает активы, которые могли бы быть у вас, с кнопкой «Купить». В верхней части интерфейса «пустой» TON Space с большим черным баннером приглашает пользователя пройти онбординг и регистрацию для создания этого счета.
ㅤ
Транзакции
Если мы говорим про финансовый инструмент, то раздел с транзакциями на отдельной странице с возможностью фильтрации, поиска и саммари – база. Показали как такая страница могла бы выглядеть.
ㅤ
Коллектблз
Напомню, что TON Space отличается от Кошелька тем что на нем можно хранить NFT. В виде NFT могут выступать юзернеймы, домена, номера, картинки и тд. Мы сделали для этого целый раздел с фильтрацией и папками, где все виды такого контента могут удобно храниться в одном месте.
ㅤ
Little big details
При тапе на сумму удобно, чтобы баланс кошелька можно было посмотреть как в местной валюте, так и в долларах.
ㅤ
Подумали о том, что для премиум юзеров могут быть кастомные фоны.
ㅤ
Мы разнесли количество монет и их стоимость в правый угол, а стоимость монеты и динамику её цены в левый к названию. Это ребята уже внедрили.
ㅤ
Анимация
Для того чтобы это все можно анимировать мы расписали сценарий, вытащили файлы из фигмы и передали это все в руки Антона.
ㅤ
Финальный видос, который мы сдали на конкурс
ㅤ
Выводы
Участвовали мы, конечно, не ради денег, и респекта улиц немного получили, чему рады. Что сделали хорошо, а что плохо – предлагаю рассказать нам об этом в комментариях.
ㅤ
ㅤ
Пишу иногда в свой телеграм канальчик, подписывайтесь : - )
@evgmeds
А есть ли у Антона канал? Я бы хотел научиться делать такие же видосы👉👈
Думаю для начала любые ютубы по анимации UI и базе моушн-диза подойдут. Единственно будут сложности с анимацией градиентов, цифр (ну это решается скриптами) и 3D (решается средствами AE и всякими Блендерами).
На главном экране 0, а в выпадающем уже суммы. Так и должно быть? По идее текущий экран, это выбранный счет, значит в выпадающем он тоже должен быть. Или нет?