Как мы выиграли $2500 в конкурсе Telegram

Редизайн Кошелька в Telegram, который мы сделали с дизайнерами студии Лебедева, заняв 1 место

Как мы выиграли $2500 в конкурсе Telegram

Всем привет! Меня зовут Женя и я продуктовый дизайнер в международном направлении Яндекс Go. Недавно пока я еще был дизайнером студии мы с друзьями-студийцами Митей Круто и Антоном а4 заняли одно из четырех первых мест в конкурсе телеги. Ниже о нашей работе.

Задание

Основной задачей конкурса было организовать счета внутри и сделать криптокошелек понятнее для новых пользователей. Основной кошелек телеграма – кастодиальный, то есть у третьих лиц есть доступ к счету, типа как у банка есть доступ к вашим картам и в любой момент он может снять или заблокировать вам деньги. TON Space – это некастодиальный кошелек, что значит, доступ к нему есть только у вас по 17-значной фразе. На TON Space покупаете крипту, NFT, домены, номера и храните их там. Сейчас в интерфейсе это не параллельные сущности, непонятно, чем они отличаются, и в целом всё запутано.

Как делали

Мы решили не лезть в продукт, потому что одному Дурову известно, в какую сторону пойдет кошелек, и поэтому решили сосредоточиться и угореть на тему интерфейсных решений.

Первые два дня мы потратили на то, чтобы изучить задание. Перевели всё на русский, разобрались в терминах и требованиях. Это важно, потому что в таких конкурсах оценивается соответствие всем пунктам. Чтобы классно провести время и не сильно упарываться, мы решили делать небольшой командой из двух дизайнеров и моушн-дизайнера. Моушн-дизайнера взяли в команду, потому что в конкурсе сказано, что предпочтение отдается работам с видео.

Навигация

Как мы выиграли $2500 в конкурсе Telegram

Навигацию по кошелькам мы вынесли на самый верх в таб. Справа во вкладке TON Space сразу с инфой о балансе и аватаркой для идентификации счёта. Подумали над тем, если тон кошельков будет много и заложили масштабируемость.

Главный экран

Как мы выиграли $2500 в конкурсе Telegram

Главный экран кошелька и TON Space были разработаны по одинаковым принципам. В коммуникациях TON Space всегда используется на темном фоне; сохранив эту особенность айдентики, мы перенесли её на фон тон кошелька.

Первое знакомство пользователя

Как мы выиграли $2500 в конкурсе Telegram

Криптокошелек — это сложная штука, и одной из основных задач было упростить его использование. Важно встроить онбординг прямо внутрь интерфейса и провести пользователя шаг за шагом по основным функциям. Раздел «Assets» отображает активы, которые могли бы быть у вас, с кнопкой «Купить». В верхней части интерфейса «пустой» TON Space с большим черным баннером приглашает пользователя пройти онбординг и регистрацию для создания этого счета.

Транзакции

Если мы говорим про финансовый инструмент, то раздел с транзакциями на отдельной странице с возможностью фильтрации, поиска и саммари – база. Показали как такая страница могла бы выглядеть.

Коллектблз

Напомню, что TON Space отличается от Кошелька тем что на нем можно хранить NFT. В виде NFT могут выступать юзернеймы, домена, номера, картинки и тд. Мы сделали для этого целый раздел с фильтрацией и папками, где все виды такого контента могут удобно храниться в одном месте.

Пасхалка в виде нфт камня, который хранится в коллекции Дурова
Пасхалка в виде нфт камня, который хранится в коллекции Дурова

Little big details

При тапе на сумму удобно, чтобы баланс кошелька можно было посмотреть как в местной валюте, так и в долларах.

Как мы выиграли $2500 в конкурсе Telegram

Подумали о том, что для премиум юзеров могут быть кастомные фоны.

Как мы выиграли $2500 в конкурсе Telegram

Мы разнесли количество монет и их стоимость в правый угол, а стоимость монеты и динамику её цены в левый к названию. Это ребята уже внедрили.

Анимация

Для того чтобы это все можно анимировать мы расписали сценарий, вытащили файлы из фигмы и передали это все в руки Антона.

пов внес пару правок после того как уже все отдали на анимацию
пов внес пару правок после того как уже все отдали на анимацию

Финальный видос, который мы сдали на конкурс

Выводы

Участвовали мы, конечно, не ради денег, и респекта улиц немного получили, чему рады. Что сделали хорошо, а что плохо – предлагаю рассказать нам об этом в комментариях.

Пишу иногда в свой телеграм канальчик, подписывайтесь : - )
@evgmeds

2323
88
11
3 комментария

А есть ли у Антона канал? Я бы хотел научиться делать такие же видосы👉👈

3
Ответить

Думаю для начала любые ютубы по анимации UI и базе моушн-диза подойдут. Единственно будут сложности с анимацией градиентов, цифр (ну это решается скриптами) и 3D (решается средствами AE и всякими Блендерами).

Ответить

На главном экране 0, а в выпадающем уже суммы. Так и должно быть? По идее текущий экран, это выбранный счет, значит в выпадающем он тоже должен быть. Или нет?

2
Ответить