Маркетплейс

TryBuy

Маркетплейс цифровых товаров: игры и внутриигровые ценности, подписки, доступ к нейросетям, программы и пополнение балансов. Проект ведём полным циклом — дизайн, фронтенд, бэкенд, запуск и развитие.

trybuy.pro (откроется в новой вкладке)
TryBuy — маркетплейс, обложка кейса

О проекте

TryBuy — площадка, где покупают цифровое: ключи и аккаунты к играм, внутриигровые ценности, подписки на сервисы, доступ к нейросетям, программы и пополнение балансов Steam, PlayStation, Apple и Telegram.

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

Наша роль

  • UX и структура каталога
  • Интерфейс и дизайн-система
  • Фронтенд
  • Бэкенд
  • Запуск и развитие

Главная

Главная страница TryBuy: промо-подборки, быстрое пополнение, категории и витрина товаров
Главная страница TryBuy: промо-подборки, быстрое пополнение, категории и витрина товаров

Задачи

  1. 01. Собрать в одном каталоге разные по природе товары — ключ, аккаунт, пополнение баланса, подписку — так, чтобы правила покупки были понятны до оплаты.
  2. 02. Дать продавцу карточку-конструктор: у каждого товара свой набор полей, которые покупатель заполняет при заказе.
  3. 03. Сократить путь до покупки: частые сценарии вроде пополнения Steam должны решаться прямо с главной, без захода в каталог.
  4. 04. Удержать тёмный игровой визуал и оставить читаемыми длинные описания, условия выдачи и отзывы.
TryBuy: экран проекта
Пополнение сервисов вынесено на главную: вкладка сервиса, сумма, логин — и оплата

Ключ, аккаунт и пополнение живут по разным правилам, а покупаются одинаково просто

TryBuy: экран проекта
Каталог: сортировка, крупные группы товаров и витрина карточек
TryBuy: экран проекта
Фильтры по цене, платформе и типу контента — аренда, активация на аккаунт, валюта, API-баланс

Карточка товара

Карточка собирается из полей, которые задал продавец: издание и регион, логин, пароль, резервные коды. Покупатель видит, что именно от него потребуется, ещё до оплаты — и не встречает сюрпризов после.

Рядом — цена, рейтинг продавца и чат с ним: спорные вопросы решаются внутри площадки. Ниже идут условия выдачи, гарантии и отзывы с ответами продавца, поэтому длинные тексты в карточке разбиты на отдельные панели.

TryBuy: экран проекта
Карточка товара целиком
TryBuy: экран проекта
Поля заказа задаёт продавец — у игры это издание и регион, у аккаунта логин, пароль и резервные коды
TryBuy: экран проекта
Отзывы с ответами продавца — часть репутации, а не отдельная страница

Мобильная версия

На телефоне витрина превращается в ленту с нижним таббаром: главная, поиск, каталог, избранное и профиль всегда под большим пальцем.

В карточке товара цена и кнопка покупки закреплены у нижнего края — сколько бы ни было условий и отзывов, действие остаётся на экране.

Мобильные экраны TryBuy: главная, каталог и карточка товара

Цвет

  • #1B1A21 фон витрины
  • #292832 карточки, панели, поля
  • #4A9EFF акцент: покупка и активные вкладки
  • #FFFFFF основной текст
  • #7B7B7B вторичный текст и подсказки

Следующие проекты

Север Карт — сайт картинг-центра с онлайн-бронированием и админ-панелью
  • Корпоративный сайт
  • Дизайн
  • Разработка

Север Карт

Сайт картинг-центра с онлайн-бронированием и админ-панелью

Warfare Heroes — ролевая игра
  • Промо-страница
  • Дизайн
  • Разработка
  • Tilda
  • Web Guru Awards

Warfare Heroes

Ролевая игра