I: (ОБЗОР)
РОЛЬ
UX/UI Designer
ОПИСАНИЕ
Маркетплейс коллекционных подарков внутри Telegram.
Я подключился на этапе первой версии и вместе со вторым дизайнером проектировал новые сценарии, участвовал в редизайнах, переносе продукта на десктоп и создании игрового раздела с общим балансом и инвентарем.
II: (МАСШТАБ ПРОДУКТА)
III: (РОЛЬ И КОМАНДА)
МОЯ РОЛЬ
Работал над UX/UI и коммуникационными материалами вместе со вторым дизайнером. Мы делили объём задач: оба проектировали сценарии, создавали интерфейсы и развивали дизайн-систему. Моя работа охватывала торговые и платёжные сценарии, редизайны, веб-версию и интеграцию Games.
Требования и обратную связь получали через координаторов проекта. Прорабатывали варианты реализации, предлагали свои решения и дорабатывали интерфейсы по результатам проверок команды и отзывам пользователей.
IV: (КОНТЕКСТ)
От покупки подарка к управлению инвентарём
Продукт начинался с покупки и продажи Telegram-подарков. По мере появления массовых операций, офферов, крафта и Games мы адаптировали интерфейс под новые сценарии. Особое внимание уделяли работе с большими инвентарями: повторяющимся операциям, поиску предложений и контролю стоимости подарков.
Работа с большим инвентарем
При большом количестве подарков однотипные операции приходится повторять много раз. Мы добавили массовые действия: пользователь может выбрать несколько предметов и продать, вывести, отправить их, снять с продажи или изменить цену.
Для работы с предложениями покупателей предусмотрели быстрые продажи. Офферы на коллекцию группировались по цене: сначала пользователь видел сводный список, затем мог перейти к подробностям и продаже подходящих подарков.
По мере появления офферов на конкретные атрибуты мы расширили их отображение. В интерфейсе стало необходимо учитывать не только коллекцию, но и требования к модели, фону и другим характеристикам подарка.
Информация для торговых решений
VI: (МУЛЬТИКРАФТ)
До десяти крафтов за один запуск
После появления крафта в Telegram мы встроили его в Portals. Пользователь может работать с подарками прямо в своём инвентаре, без предварительного вывода и перехода в интерфейс Telegram.
Portals поддерживает до десяти крафтов за один запуск. Для каждой попытки можно использовать от одного до четырёх подарков одной коллекции. Механика и вероятности пришли из Telegram; наша задача заключалась в проектировании управления несколькими попытками.
Мы спроектировали переключение между крафтами и отображение вероятностей. На странице каждой попытки пользователь видит её состав, шанс успеха и вероятности наследования атрибутов. Это позволяет проверить отдельные наборы перед общим запуском.
После выполнения пользователь может просмотреть результат каждой попытки или открыть общий список успешных и неудачных крафтов.
VII: (GAMES)
Игровой раздел с общим инвентарем и кошельком
Следующим направлением стали PvP- и PvE-игры со ставками в GRAM или Telegram-подарках. Нужно было встроить новый раздел в существующий продукт и связать его с торговыми сценариями.
Для переключения между маркетом и Games использовали кнопку в навигации. Разделы получили разные цветовые акценты: голубой для маркета и фиолетовый для Games. Общая дизайн-система сохранила связь между ними.
Первоначально рассматривался переход в маркет для управления подарками. Мы предложили оставить необходимые операции внутри Games: пользователь мог открыть инвентарь прямо во время игры, и переход в другой раздел усложнял этот путь.
Для этого спроектировали сокращённый инвентарь с быстрыми действиями: быстрой покупкой, продажей, внесением и выводом подарков. Операции используют общую инфраструктуру маркета, а пользователь остается в игровом разделе.
Дополнительно проработали онбординг, выбор типа и размера ставки, автоставку, историю игр, реплеи, просмотр данных для проверки результата, достижения и сезонные активности.
VIII: (ВЕБ-ВЕРСИЯ)
Перестройка сценариев под десктоп
Для веб-версии мы переработали компоновку инвентаря под большой экран. Фильтры разместили рядом со списком подарков, а настройку продажи вынесли в боковую панель. Пользователь может отбирать подарки и задавать цены, сохраняя перед глазами инвентарь и выбранные позиции.
Пересмотр визуального стиля и навигации
Один из редизайнов был построен вокруг Liquid Glass. В процессе проверки проявились ограничения выбранной реализации: прозрачность и преломления ухудшали читаемость, эффект отвлекал от содержимого, а однотипные стеклянные поверхности мешали расставлять цветовые акценты.
Мы переработали поверхности в сторону более матовых и сдержанных вариантов, упорядочили скругления и оформление компонентов.
Одновременно пересмотрели навигацию и фильтры. Количество разделов росло, и длинные текстовые табы занимали всё больше места. В обновлённом варианте подпись отображалась у активного раздела. Часто используемые фильтры вынесли в быстрый доступ, остальные оставили в полном наборе по кнопке.
Развитие общего интерфейса
За время работы мы подготовили более 400 экранов и состояний. Помимо основных сценариев, прорабатывали кошелёк, оплату через СБП, Lucky Buy, реферальную программу, кешбэк, сезонные активности, покупку Telegram Stars и Premium, настройки доступа.
Новые функции сопровождались развитием дизайн-системы: добавлением компонентов, вариантов и состояний для маркета, Games и веб-версии.
XI: (ИТОГ)
За время моего участия
в Portals мы развили торговые сценарии, добавили управление серией крафтов, спроектировали и запустили веб-версию, встроили Games с общим инвентарём и кошельком. Работа включала новые интерфейсы, состояния и пересмотр существующих решений по мере роста продукта.