Coost — сервис пополнения Steam и покупки цифровых товаров
Coost помогает пользователям оплачивать игровые сервисы и покупать цифровые товары, когда привычные способы оплаты недоступны или неудобны. В одном интерфейсе собраны пополнение Steam, мобильные игры, подарочные карты и другие продукты для геймеров.
Команда Coost пришла к нам с уже существующими макетами. Мы сохранили узнаваемую визуальную основу, доработали пользовательские сценарии и превратили отдельные экраны в связный цифровой продукт.
Сложность Coost была не в одном отдельном экране, а в количестве сценариев вокруг заказа. Нужно было связать каталог, оплату, статусы, личный кабинет и работу администраторов так, чтобы система оставалась понятной и пользователю, и команде проекта.
Тимур ГиндинСоздатель KrutoЦель
Создать понятный сервис, в котором пользователь может выбрать цифровой товар, оформить заказ и отследить его выполнение без лишних переходов и неясных условий. Продукт должен был одинаково уверенно работать для разных сценариев: от быстрого пополнения Steam до покупки игровых карт, управления заказами и обращения в поддержку.
Задача
Доработать существующий дизайн Coost и реализовать на его основе полноценный адаптивный сайт, каталог цифровых товаров, личный кабинет и административную панель.
Отдельной задачей стала backend-логика. Система должна была обрабатывать разные варианты оплаты, статусы заказов, ошибки, комиссии и нестандартные пользовательские ситуации.
Проект в фактах
- КлиентCoost
- АудиторияРоссия, 18–35
- Срок≈ 1–2 месяца
- ФорматВеб-сервис и админка
От legacy-дизайна — к цельному продукту
Мы начали с уже созданных макетов: сохранили характер Coost, выровняли интерфейсные решения и спроектировали недостающие состояния.
В результате разрозненные страницы сложились в единую систему с общей навигацией, предсказуемым поведением элементов и последовательным пользовательским путём — от выбора услуги до контроля выполненного заказа.
Пополнение Steam без лишних шагов
Главный сценарий построили вокруг одного действия — пополнения баланса Steam. Пользователь вводит логин и сумму, видит комиссию, доступные способы оплаты и итоговые условия операции.
В интерфейсе предусмотрели проверку данных, подсказки и состояния ошибок, чтобы потенциальную проблему можно было заметить до оплаты. Рядом разместили FAQ и инструкции для ситуаций, которые чаще всего вызывают вопросы: ограничения аккаунта, конвертация валюты, сроки зачисления и политика возврата.
Каталог цифровых товаров
Помимо пополнения Steam, в Coost предусмотрен каталог подарочных карт, подписок, игровой валюты и других цифровых продуктов.
Мы спроектировали категории, поиск, карточки товаров и адаптивную сетку каталога. Пользователь может быстро оценить номинал, регион, стоимость и перейти к оформлению заказа непосредственно из карточки.
Нужен сервис со сложной логикой?
Расскажите о задаче. Спроектируем пользовательские сценарии, соберём интерфейс и разработаем продукт, которым удобно пользоваться и управлять.
Оформление заказа
На этапе оплаты пользователь видит состав заказа, количество товаров и итоговую сумму. Последовательно добавляет электронную почту, выбирает доступный способ оплаты и подтверждает условия сервиса.
Сайт связали с платёжной системой, а на backend реализовали обработку операций и переходов между состояниями заказа.
Личный кабинет и Coost Cash
В личном кабинете собрали всё, что требуется после покупки:
- текущий баланс;
- список заказов;
- статусы выполнения;
- историю транзакций;
- активацию промокодов;
- способы авторизации;
- управление данными профиля.
Пользователь может вернуться к нужной операции, проверить её статус или удалить заказ, не обращаясь к поддержке по базовым вопросам.
Для внутренней бонусной единицы Coost Cash разработали отдельный пользовательский сценарий: информационную страницу, выбор номинала и форму пополнения.
Эту часть продукта поддержали собственной графикой и фирменным персонажем — роботом Coost в шляпе. Маскот помогает сделать финансовые механики менее формальными и сохраняет игровой характер бренда.
Административная панель
Для команды Coost создали административную панель на шаблонной основе и адаптировали её под процессы сервиса.
Через неё сотрудники могут работать с:
- пользователями и их операциями;
- заказами и статусами;
- промокодами;
- обращениями в поддержку;
- сотрудниками и уровнями доступа;
- комиссиями и параметрами расчёта;
- страницами, FAQ, баннерами и контентом сайта.
Так пользовательская часть и внутренние процессы работают как единая система.
Результат
Примерно за один-два месяца мы доработали дизайн и реализовали цельный цифровой продукт, подготовленный к запуску.
В него вошли:
- адаптивный сайт;
- каталог цифровых товаров;
- пополнение Steam и игровых сервисов;
- оформление и оплата заказов;
- личный кабинет;
- внутренняя механика Coost Cash;
- административная панель;
- backend-логика операций;
- UI-kit и фирменная графика;
- маскот бренда.
Что важно знать о проекте
Сервис пополнения Steam и покупки цифровых товаров: подарочных карт, подписок, игровой валюты и других продуктов для геймеров. Нужен, когда привычные способы оплаты игровых сервисов недоступны или неудобны.
Доработали существующий дизайн и реализовали на его основе адаптивный сайт, каталог цифровых товаров, оформление и оплату заказов, личный кабинет, внутреннюю механику Coost Cash, административную панель и backend-логику операций. Отдельно подготовили UI-kit, фирменную графику и маскота бренда.
Да. В административной панели предусмотрена работа с пользователями, заказами, промокодами, обращениями, сотрудниками, комиссиями и контентом сайта.
Не в отдельном экране, а в количестве сценариев вокруг заказа: нужно было связать каталог, оплату, статусы, личный кабинет и работу администраторов так, чтобы система оставалась понятной и пользователю, и команде проекта.
Примерно один-два месяца — от доработки существующих макетов до цельного продукта, подготовленного к запуску.