Первый экран лендинга PTS Booster, октябрь 2026
Первый экран лендинга PTS Booster, октябрь 2026

Пока ты играешь в Dota 2, PTS Booster получает данные матча и готовит подсказки по герою и ситуации. Они появляются поверх игры, а часть советов можно услышать голосом. Для этого мы разработали Windows-приложение и сервер, который обрабатывает игровые данные.

Айдентика

Разработали угловатый знак PTS и логотип с плотным начертанием названия. Фирменный розово-красный цвет выделяет знак и основные действия сайта; тёмная сине-графитовая основа и светлый текст создают контраст.

Подобрали палитру, типографику, формы кнопок и графические акценты. Они задают продукту энергичный игровой характер и связывают его рекламную подачу с интерфейсом. Тон общения — прямой и лаконичный, с привычной игрокам лексикой.

Фирменная палитра

  • Розово-красный#E33D66
  • Сине-графитовый#17192C
  • Белый#FFFFFF

Дизайн сайта и приложения

Маскот с наушниками и контроллером готов к игре

Лендинг построили вокруг предложения продукта, демонстрации оверлея в матче и перехода к установке. Посетитель видит, как выглядит помощник, прежде чем скачивать его.

Спроектировали интерфейс Windows-приложения и расположение игровых подсказок. В оверлее важны компактность, читаемость и доступ к нужному действию без переключения из Dota 2.

Рекомендации по ходу матча

Рабочий оверлей PTS Booster с советами и сборкой поверх матча Dota 2
Сборка и рекомендации поверх матча

Один и тот же герой играет против разных составов и оказывается в разных ситуациях. Поэтому рекомендации учитывают героя, его роль, команды и текущие данные матча.

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

Игровой оверлей

Оверлей PTS Booster предупреждает о пропавших героях и показывает маркеры на карте
Предупреждения и маркеры рядом с мини-картой

Оверлей делит экран с Dota 2. Мы оставили короткие фразы, иконки предметов и полупрозрачные подложки, а события на карте разместили рядом с мини-картой.

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

Оптимизация приложения

Маскот собирает рабочий механизм из деталей

Оптимизировали работу приложения и снизили его нагрузку на систему, чтобы оверлей и подсказки меньше влияли на FPS в Dota 2. Приоритетом была стабильная работа помощника во время матча.

Скорость сайта

Сайт быстро показывает игровые экраны и ведёт к установке. В PageSpeed он получил 100 баллов за производительность, лучшие практики и SEO; основной контент появляется за полсекунды.

  • 100Скорость
  • 96Доступность
  • 100Лучшие практики
  • 100SEO
Первый контент · FCP
0,3 с
Основной контент · LCP
0,5 с
Блокировка потока · TBT
10 мс
Сдвиги макета · CLS
0,008
Индекс скорости
0,7 с
Посмотреть на Google PageSpeed

Техническая поддержка

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

Диагностика и мониторинг

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

Команда маскотов проверяет маленький гоночный автомобиль на пит-стопе

Поисковая оптимизация

Маскот изучает библиотеку материалов

Публичные страницы отдаются через SSR с готовым содержимым и нужными поисковыми тегами. Проработали семантическое ядро, метаданные и разметку каждой страницы. Посадочные страницы и статьи в блоге отвечают на разные запросы о помощнике для Dota 2, его возможностях и использовании.

Аналитика и продажи

Маскот отмечает маршрут на развёрнутом плане

Объединили рекламные переходы, органический трафик, скачивание, регистрацию и оплату в сквозную аналитику. Видно, какие кампании Яндекс Директа приводят покупателей и на каком этапе посетители уходят. Это помогает оценивать стоимость привлечения и улучшать путь к подписке.

Технологии проекта

Vue · TypeScript
Интерфейс приложения и оверлей с советами во время матча.
Tauri · Rust
Нативное приложение для Windows и работа игрового оверлея.
Bun · Elysia
Серверное API, получение игровых данных и подготовка рекомендаций.
PostgreSQL · Drizzle · pg-boss
Аккаунты, данные матчей и фоновые задачи обработки.
Nuxt
Публичный сайт, блог и страницы загрузки приложения.

Срок разработки

3–4 месяца — ориентир до первой рабочей версии с согласованным набором функций. Точный срок зависит от задачи и интеграций.