Steamify - скупка скинов
Проблема
Steam не позволяет пользователям напрямую выводить деньги
Главная задача — сделать продажу скинов простой и понятной: помочь пользователям быстро превращать игровые предметы в реальные деньги.
Ключевой вызов — спроектировать мобильный сценарий, который делает продажу скинов понятной и безопасной для молодой, чувствительной к цене аудитории. Нужно было провести пользователя через все шаги без лишнего трения, предупредить о рисках вроде подмены Steam-ботов и перевести его в Telegram, чтобы сохранить связь с сервисом после первой сделки.
Конкурентный анализ
Наши конкуренты уже большие…
На рынке уже было как минимум три популярных сервиса, которыми активно пользовалось игровое комьюнити. Перед запуском нового продукта мы проанализировали их UX-паттерны, дизайн-решения и обратную связь пользователей в соцсетях.
Но как выделиться?
Сделать UX понятнее и быстрее;
Давать пользователям кешбэк;
Раздавать бесплатные скины;
Предлагать более выгодные цены за скины.
Покажи инвентарь!
Сразу после входа в сервис пользователю нужно добавить Steam Trade Link. Без него мы не можем спарсить инвентарь и показать предметы на следующем шаге, поэтому продолжить сценарий невозможно.
Что, если инвентарь закрыт?
У многих пользователей были включены приватные настройки, из-за чего сервис не мог получить и показать их инвентарь.
Для этого сценария я спроектировал объясняющее модальное окно с видеоинструкцией. Настройки приватности в Steam не самые очевидные, поэтому важно было не просто показать ошибку, а понятно провести пользователя до решения.
Платежные данные
После перехода в инвентарь, пользователь видит свои игровые предметы и может их выбрать на продажу.
Когда пользователь выбирает скины для продажи, ему нужно достичь минимальной суммы вывода. В рамках гипотезы мы решили показывать это через прогресс-бар внизу экрана: он заполняется по мере выбора предметов и помогает понять, сколько осталось до момента, когда продажа станет доступна.
После выбора скинов становится доступна кнопка «Получить деньги». По клику пользователь переходит к простой, но критически важной для бизнеса форме: выбор страны, способа оплаты и ввод платежных данных.
Главный флоу
Создание вывода и принятие трейда
Решения
Переработал флоу выплаты средств, что увеличило CTR кнопки перехода с сайта в мини-приложение Telegram с 20% до 50%.
Разработал дизайн-систему с 45+ переиспользуемыми компонентами и цветовыми токенами на базе Figma Variables.
Контролировал реализацию компонентов на фронтенде и инициировал переход с Vue на React и Next.js и на shadcn компоненты, что улучшило плавность и скорость фронтенда.
Краевые кейсы
Так как продукт связан с транзакциями и внешними интеграциями, сценарий не всегда может быть полностью бесшовным. В таких случаях интерфейс должен ясно объяснять, что произошло, и подсказывать, как это исправить.
Хорошо спроектированные ошибки и системные сообщения помогают сохранять доверие, снижать путаницу и доводить пользователя до завершения сценария без лишнего трения.
Аналитика в Metabase и Яндекс Метрике
Мы отслеживали DAU и MAU, денежный оборот, количество выводов из веба и Telegram-приложения, активации промокодов, разные типы конверсий и другие продуктовые метрики.
Десктопная версия
Другие кейсы
Дизайн-система Safe {Wallet}
Steamify - бот для трейдинга